Migrate PluginManager to ES6

package.json

@@ -152,6 +152,7 @@
           "src/components/playerstats/playerstats.js",
           "src/components/playlisteditor/playlisteditor.js",
           "src/components/playmenu.js",
+          "src/components/pluginManager.js",
           "src/components/prompt/prompt.js",
           "src/components/recordingcreator/seriesrecordingeditor.js",
           "src/components/recordingcreator/recordinghelper.js",

src/components/packageManager.js

@@ -1,6 +1,8 @@
 define(['appSettings', 'pluginManager'], function (appSettings, pluginManager) {
     'use strict';
 
+    pluginManager = pluginManager.default || pluginManager;
+
     var settingsKey = 'installedpackages1';
 
     function addPackage(packageManager, pkg) {

src/components/pluginManager.js

@@ -1,10 +1,18 @@
-define(['events', 'globalize'], function (events, globalize) {
+import events from 'events';
-    'use strict';
+import globalize from 'globalize';
+/* eslint-disable indent */
 
     // TODO: replace with each plugin version
     var cacheParam = new Date().getTime();
 
-    function loadStrings(plugin) {
+    class PluginManager {
+        pluginsList = [];
+
+        get plugins() {
+            return this.pluginsList;
+        }
+
+        #loadStrings(plugin) {
             var strings = plugin.getTranslations ? plugin.getTranslations() : [];
             return globalize.loadStrings({
                 name: plugin.id || plugin.packageName,
@@ -12,26 +20,19 @@ define(['events', 'globalize'], function (events, globalize) {
             });
         }
 
-    function definePluginRoute(pluginManager, route, plugin) {
+        #definePluginRoute(route, plugin) {
-        route.contentPath = pluginManager.mapPath(plugin, route.path);
+            route.contentPath = this.#mapPath(plugin, route.path);
-        route.path = pluginManager.mapRoute(plugin, route);
+            route.path = this.mapRoute(plugin, route);
 
             Emby.App.defineRoute(route, plugin.id);
         }
 
-    function PluginManager() {
+        #registerPlugin(plugin) {
-        this.pluginsList = [];
+            this.#register(plugin);
-    }
-
-    PluginManager.prototype.loadPlugin = function(pluginSpec) {
-        var instance = this;
-
-        function registerPlugin(plugin) {
-            instance.register(plugin);
 
             if (plugin.getRoutes) {
-                plugin.getRoutes().forEach(function (route) {
+                plugin.getRoutes().forEach((route) => {
-                    definePluginRoute(instance, route, plugin);
+                    this.#definePluginRoute(route, plugin);
                 });
             }
 
@@ -40,7 +41,7 @@ define(['events', 'globalize'], function (events, globalize) {
                 return Promise.resolve(plugin);
             } else {
                 return new Promise((resolve, reject) => {
-                    loadStrings(plugin)
+                    this.#loadStrings(plugin)
                         .then(function () {
                             resolve(plugin);
                         })
@@ -49,15 +50,18 @@ define(['events', 'globalize'], function (events, globalize) {
             }
         }
 
+        loadPlugin(pluginSpec) {
+            var instance = this;
+
             if (typeof pluginSpec === 'string') {
                 console.debug('Loading plugin (via deprecated requirejs method): ' + pluginSpec);
 
-            return new Promise(function (resolve, reject) {
+                return new Promise((resolve, reject) => {
                     require([pluginSpec], (pluginFactory) => {
                         var plugin = pluginFactory.default ? new pluginFactory.default() : new pluginFactory();
 
                         // See if it's already installed
-                    var existing = instance.pluginsList.filter(function (p) {
+                        var existing = this.pluginsList.filter(function (p) {
                             return p.id === plugin.id;
                         })[0];
 
@@ -78,74 +82,74 @@ define(['events', 'globalize'], function (events, globalize) {
                             paths: paths
                         });
 
-                    registerPlugin(plugin).then(resolve).catch(reject);
+                        this.#registerPlugin(plugin).then(resolve).catch(reject);
                     });
                 });
             } else if (pluginSpec.then) {
                 return pluginSpec.then(pluginBuilder => {
                     return pluginBuilder();
-            }).then(plugin => {
+                }).then((plugin) => {
                     console.debug(`Plugin loaded: ${plugin.id}`);
-                return registerPlugin(plugin);
+                    return this.#registerPlugin(plugin);
                 });
             } else {
-            const err = new Error('Plugins have to be a Promise that resolves to a plugin builder function or a requirejs urls (deprecated)');
+                const err = new TypeError('Plugins have to be a Promise that resolves to a plugin builder function or a RequireJS url (deprecated)');
                 console.error(err);
                 return Promise.reject(err);
             }
-    };
+        }
 
         // In lieu of automatic discovery, plugins will register dynamic objects
         // Each object will have the following properties:
         // name
         // type (skin, screensaver, etc)
-    PluginManager.prototype.register = function (obj) {
+        #register(obj) {
             this.pluginsList.push(obj);
             events.trigger(this, 'registered', [obj]);
-    };
+        }
 
-    PluginManager.prototype.ofType = function (type) {
+        ofType(type) {
-        return this.pluginsList.filter(function (o) {
+            return this.pluginsList.filter((o) => {
                 return o.type === type;
             });
-    };
+        }
 
-    PluginManager.prototype.plugins = function () {
+        #mapRoute(plugin, route) {
-        return this.pluginsList;
-    };
-
-    PluginManager.prototype.mapRoute = function (plugin, route) {
             if (typeof plugin === 'string') {
-            plugin = this.pluginsList.filter(function (p) {
+                plugin = this.pluginsList.filter((p) => {
                     return (p.id || p.packageName) === plugin;
                 })[0];
             }
 
             route = route.path || route;
 
-        if (route.toLowerCase().indexOf('http') === 0) {
+            if (route.toLowerCase().startsWith('http')) {
                 return route;
             }
 
             return '/plugins/' + plugin.id + '/' + route;
-    };
+        }
 
-    PluginManager.prototype.mapPath = function (plugin, path, addCacheParam) {
+        #mapPath(plugin, path, addCacheParam) {
             if (typeof plugin === 'string') {
-            plugin = this.pluginsList.filter(function (p) {
+                plugin = this.pluginsList.filter((p) => {
                     return (p.id || p.packageName) === plugin;
                 })[0];
             }
 
+            console.dir(plugin);
+
             var url = plugin.baseUrl + '/' + path;
 
             if (addCacheParam) {
-            url += url.indexOf('?') === -1 ? '?' : '&';
+                url += url.includes('?') ? '&' : '?';
                 url += 'v=' + cacheParam;
             }
 
             return url;
-    };
+        }
+    }
 
-    return new PluginManager();
+/* eslint-enable indent */
-});
+
+export default new PluginManager();

src/plugins/logoScreensaver/plugin.js

@@ -1,4 +1,6 @@
 define(['pluginManager'], function (pluginManager) {
+    pluginManager = pluginManager.default || pluginManager;
+
     return function () {
         var self = this;
 

src/scripts/site.js

@@ -476,7 +476,7 @@ function initClient() {
     }
 
     function loadPlugins(appHost, browser, shell) {
-        console.debug('loading installed plugins');
+        console.groupCollapsed('loading installed plugins');
         return new Promise(function (resolve, reject) {
             require(['webSettings'], function (webSettings) {
                 webSettings.getPlugins().then(function (list) {
@@ -495,6 +495,7 @@ function initClient() {
                     }
 
                     Promise.all(list.map(loadPlugin)).then(function () {
+                        console.groupEnd('loading installed plugins');
                         require(['packageManager'], function (packageManager) {
                             packageManager.init().then(resolve, reject);
                         });
@@ -507,7 +508,7 @@ function initClient() {
     function loadPlugin(url) {
         return new Promise(function (resolve, reject) {
             require(['pluginManager'], function (pluginManager) {
-                pluginManager.loadPlugin(url).then(resolve, reject);
+                pluginManager.default.loadPlugin(url).then(resolve, reject);
             });
         });
     }