Migrate components/playback functions to ES6 modules

package.json

@@ -89,23 +89,31 @@
     "overrides": [
       {
         "test": [
+          "src/components/actionSheet/actionSheet.js",
           "src/components/autoFocuser.js",
           "src/components/cardbuilder/cardBuilder.js",
-          "src/scripts/fileDownloader.js",
           "src/components/images/imageLoader.js",
+          "src/components/indicators/indicators.js",
           "src/components/lazyLoader/lazyLoaderIntersectionObserver.js",
+          "src/components/playback/brightnessosd.js",
           "src/components/playback/mediasession.js",
+          "src/components/playback/nowplayinghelper.js",
+          "src/components/playback/playbackorientation.js",
+          "src/components/playback/playerSelectionMenu.js",
+          "src/components/playback/playersettingsmenu.js",
+          "src/components/playback/playmethodhelper.js",
+          "src/components/playback/remotecontrolautoplay.js",
+          "src/components/playback/volumeosd.js",
+          "src/components/playmenu.js",
           "src/components/sanatizefilename.js",
           "src/components/scrollManager.js",
+          "src/scripts/deleteHelper.js",
           "src/scripts/dfnshelper.js",
           "src/scripts/dom.js",
+          "src/scripts/fileDownloader.js",
           "src/scripts/filesystem.js",
           "src/scripts/imagehelper.js",
           "src/scripts/inputManager.js",
-          "src/scripts/deleteHelper.js",
-          "src/components/actionSheet/actionSheet.js",
-          "src/components/playmenu.js",
-          "src/components/indicators/indicators.js",
           "src/scripts/keyboardNavigation.js",
           "src/scripts/settings/appSettings.js",
           "src/scripts/settings/userSettings.js",

src/components/playback/brightnessosd.js

@@ -1,5 +1,9 @@
-define(['events', 'playbackManager', 'dom', 'browser', 'css!./iconosd', 'material-icons'], function (events, playbackManager, dom, browser) {
+import events from 'events';
-    'use strict';
+import playbackManager from 'playbackManager';
+import dom from 'dom';
+import browser from 'browser';
+import 'css!./iconosd';
+import 'material-icons';
 
 var currentPlayer;
 var osdElement;
@@ -167,5 +171,3 @@ define(['events', 'playbackManager', 'dom', 'browser', 'css!./iconosd', 'materia
 });
 
 bindToPlayer(playbackManager.getCurrentPlayer());
-
-});

src/components/playback/nowplayinghelper.js

@@ -1,7 +1,4 @@
-define([], function () {
+export function getNowPlayingNames(nowPlayingItem, includeNonNameInfo) {
-    'use strict';
-
-    function getNowPlayingNames(nowPlayingItem, includeNonNameInfo) {
 
     var topItem = nowPlayingItem;
     var bottomItem = null;
@@ -80,7 +77,6 @@ define([], function () {
     return list;
 }
 
-    return {
+export default {
     getNowPlayingNames: getNowPlayingNames
 };
-});

src/components/playback/playbackorientation.js

@@ -1,5 +1,6 @@
-define(['playbackManager', 'layoutManager', 'events'], function (playbackManager, layoutManager, events) {
+import playbackManager from 'playbackManager';
-    'use strict';
+import layoutManager from 'layoutManager';
+import events from 'events';
 
 var orientationLocked;
 
@@ -54,4 +55,3 @@ define(['playbackManager', 'layoutManager', 'events'], function (playbackManager
         }
     }
 });
-});

src/components/playback/playerSelectionMenu.js

@@ -1,5 +1,11 @@
-define(['appSettings', 'events', 'browser', 'loading', 'playbackManager', 'appRouter', 'globalize', 'apphost'], function (appSettings, events, browser, loading, playbackManager, appRouter, globalize, appHost) {
+import appSettings from 'appSettings';
-    'use strict';
+import events from 'events';
+import browser from 'browser';
+import loading from 'loading';
+import playbackManager from 'playbackManager';
+import appRouter from 'appRouter';
+import globalize from 'globalize';
+import appHost from 'apphost';
 
 function mirrorItem(info, player) {
 
@@ -77,7 +83,7 @@ define(['appSettings', 'events', 'browser', 'loading', 'playbackManager', 'appRo
     }
 }
 
-    function showPlayerSelection(button) {
+export function showPlayerSelection(button) {
 
     var currentPlayerInfo = playbackManager.getPlayerInfo();
 
@@ -314,7 +320,6 @@ define(['appSettings', 'events', 'browser', 'loading', 'playbackManager', 'appRo
     loading.hide();
 });
 
-    return {
+export default {
     show: showPlayerSelection
 };
-});

src/components/playback/playersettingsmenu.js

@@ -1,5 +1,10 @@
-define(['connectionManager', 'actionsheet', 'datetime', 'playbackManager', 'globalize', 'appSettings', 'qualityoptions'], function (connectionManager, actionsheet, datetime, playbackManager, globalize, appSettings, qualityoptions) {
+import connectionManager from 'connectionManager';
-    'use strict';
+import actionsheet from 'actionsheet';
+import datetime from 'datetime';
+import playbackManager from 'playbackManager';
+import globalize from 'globalize';
+import appSettings from 'appSettings';
+import qualityoptions from 'qualityoptions';
 
 function showQualityMenu(player, btn) {
 
@@ -225,7 +230,7 @@ define(['connectionManager', 'actionsheet', 'datetime', 'playbackManager', 'glob
     });
 }
 
-    function show(options) {
+export function show(options) {
     var player = options.player;
     var currentItem = playbackManager.currentItem(player);
 
@@ -264,7 +269,6 @@ define(['connectionManager', 'actionsheet', 'datetime', 'playbackManager', 'glob
     return Promise.reject();
 }
 
-    return {
+export default {
     show: show
 };
-});

src/components/playback/playmethodhelper.js

@@ -1,7 +1,4 @@
-define([], function () {
+export function getDisplayPlayMethod(session) {
-    'use strict';
-
-    function getDisplayPlayMethod(session) {
 
     if (!session.NowPlayingItem) {
         return null;
@@ -18,7 +15,6 @@ define([], function () {
     }
 }
 
-    return {
+export default {
     getDisplayPlayMethod: getDisplayPlayMethod
 };
-});

src/components/playback/remotecontrolautoplay.js

@@ -1,5 +1,5 @@
-define(['events', 'playbackManager'], function (events, playbackManager) {
+import events from 'events';
-    'use strict';
+import playbackManager from 'playbackManager';
 
 function transferPlayback(oldPlayer, newPlayer) {
 
@@ -43,5 +43,3 @@ define(['events', 'playbackManager'], function (events, playbackManager) {
 
     transferPlayback(oldPlayer, newPlayer);
 });
-
-});

src/components/playback/volumeosd.js

@@ -1,5 +1,9 @@
-define(['events', 'playbackManager', 'dom', 'browser', 'css!./iconosd', 'material-icons'], function (events, playbackManager, dom, browser) {
+import events from 'events';
-    'use strict';
+import playbackManager from 'playbackManager';
+import dom from 'dom';
+import browser from 'browser';
+import 'css!./iconosd';
+import 'material-icons';
 
 var currentPlayer;
 var osdElement;
@@ -155,5 +159,3 @@ define(['events', 'playbackManager', 'dom', 'browser', 'css!./iconosd', 'materia
 });
 
 bindToPlayer(playbackManager.getCurrentPlayer());
-
-});