Remove focus-prevent-scroll, migrate gamepadtokey and chromecastHelper to ES6

package.json

@@ -62,6 +62,7 @@
     "epubjs": "^0.3.85",
     "fast-text-encoding": "^1.0.3",
     "flv.js": "^1.5.0",
+    "focus-options-polyfill": "^1.5.0",
     "headroom.js": "^0.11.0",
     "hls.js": "^0.14.7",
     "howler": "^2.2.0",
@@ -278,6 +279,7 @@
           "src/plugins/backdropScreensaver/plugin.js",
           "src/plugins/bookPlayer/plugin.js",
           "src/plugins/bookPlayer/tableOfContents.js",
+          "src/plugins/chromecastPlayer/chromecastHelper.js",
           "src/plugins/photoPlayer/plugin.js",
           "src/plugins/youtubePlayer/plugin.js",
           "src/scripts/alphanumericshortcuts.js",

src/bundle.js

@@ -10,6 +10,11 @@ _define('fetch', function() {
     return fetch;
 });
 
+var focusPreventScroll = require('focus-options-polyfill');
+_define('focus-options-polyfill', function() {
+    return focusPreventScroll;
+});
+
 // Blurhash
 var blurhash = require('blurhash');
 _define('blurhash', function() {

src/legacy/focusPreventScroll.js

@@ -1,43 +0,0 @@
-// TODO: Move to external library (https://github.com/calvellido/focus-options-polyfill)
-// Polyfill to add support for preventScroll by focus function
-
-if (HTMLElement.prototype.nativeFocus === undefined) {
-    (function () {
-        var supportsPreventScrollOption = false;
-        try {
-            var focusElem = document.createElement('div');
-
-            focusElem.addEventListener('focus', function(event) {
-                event.preventDefault();
-                event.stopPropagation();
-            }, true);
-
-            var opts = Object.defineProperty({}, 'preventScroll', {
-                // eslint-disable-next-line getter-return
-                get: function () {
-                    supportsPreventScrollOption = true;
-                }
-            });
-
-            focusElem.focus(opts);
-        } catch (e) {
-            console.error('error checking preventScroll support');
-        }
-
-        if (!supportsPreventScrollOption) {
-            HTMLElement.prototype.nativeFocus = HTMLElement.prototype.focus;
-
-            HTMLElement.prototype.focus = function(options) {
-                var scrollX = window.scrollX;
-                var scrollY = window.scrollY;
-
-                this.nativeFocus();
-
-                // Restore window scroll if preventScroll
-                if (options && options.preventScroll) {
-                    window.scroll(scrollX, scrollY);
-                }
-            };
-        }
-    })();
-}

src/plugins/chromecastPlayer/chromecastHelper.js

@@ -1,16 +1,15 @@
-define(['events'], function (events) {
+import events from 'events';
-    'use strict';
 
-    // LinkParser
+// LinkParser
-    //
+//
-    // https://github.com/ravisorg/LinkParser
+// https://github.com/ravisorg/LinkParser
-    //
+//
-    // Locate and extract almost any URL within a string. Handles protocol-less domains, IPv4 and
+// Locate and extract almost any URL within a string. Handles protocol-less domains, IPv4 and
-    // IPv6, unrecognised TLDs, and more.
+// IPv6, unrecognised TLDs, and more.
-    //
+//
-    // This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
+// This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
-    // http://creativecommons.org/licenses/by-sa/4.0/
+// http://creativecommons.org/licenses/by-sa/4.0/
-    (function () {
+(function () {
     // Original URL regex from the Android android.text.util.Linkify function, found here:
     // http://stackoverflow.com/a/19696443
     //
@@ -36,15 +35,15 @@ define(['events'], function (events) {
     // 5) It wasn't as smart as it could have been about what should be part of a
     // URL and what should be part of human language.
 
-        var protocols = '(?:(?:http|https|rtsp|ftp):\\/\\/)';
+    const protocols = '(?:(?:http|https|rtsp|ftp):\\/\\/)';
-        var credentials = "(?:(?:[a-z0-9\\$\\-\\_\\.\\+\\!\\*\\'\\(\\)\\,\\;\\?\\&\\=]|(?:\\%[a-f0-9]{2})){1,64}" // username (1-64 normal or url escaped characters)
+    const credentials = "(?:(?:[a-z0-9\\$\\-\\_\\.\\+\\!\\*\\'\\(\\)\\,\\;\\?\\&\\=]|(?:\\%[a-f0-9]{2})){1,64}" // username (1-64 normal or url escaped characters)
         + "(?:\\:(?:[a-z0-9\\$\\-\\_\\.\\+\\!\\*\\'\\(\\)\\,\\;\\?\\&\\=]|(?:\\%[a-f0-9]{2})){1,25})?" // followed by optional password (: + 1-25 normal or url escaped characters)
         + '\\@)';
 
     // IPv6 Regex http://forums.intermapper.com/viewtopic.php?t=452
     // by Dartware, LLC is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License
     // http://intermapper.com/
-        var ipv6 = '('
+    const ipv6 = '('
         + '(([0-9A-Fa-f]{1,4}:){7}([0-9A-Fa-f]{1,4}|:))'
         + '|(([0-9A-Fa-f]{1,4}:){6}(:[0-9A-Fa-f]{1,4}|((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})|:))'
         + '|(([0-9A-Fa-f]{1,4}:){5}(((:[0-9A-Fa-f]{1,4}){1,2})|:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})|:))'
@@ -55,13 +54,13 @@ define(['events'], function (events) {
         + '|(:(((:[0-9A-Fa-f]{1,4}){1,7})|((:[0-9A-Fa-f]{1,4}){0,5}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))'
         + ')(%.+)?';
 
-        var ipv4 = '(?:25[0-5]|2[0-4][0-9]|[0-1][0-9]{2}|[1-9][0-9]|[1-9])\\.'
+    const ipv4 = '(?:25[0-5]|2[0-4][0-9]|[0-1][0-9]{2}|[1-9][0-9]|[1-9])\\.'
         + '(?:25[0-5]|2[0-4][0-9]|[0-1][0-9]{2}|[1-9][0-9]|[1-9]|0)\\.'
         + '(?:25[0-5]|2[0-4][0-9]|[0-1][0-9]{2}|[1-9][0-9]|[1-9]|0)\\.'
         + '(?:25[0-5]|2[0-4][0-9]|[0-1][0-9]{2}|[1-9][0-9]|[0-9])';
 
     // This would have been a lot cleaner if JS RegExp supported conditionals...
-        var linkRegExpString =
+    const linkRegExpString =
 
         // begin match for protocol / username / password / host
         '(?:'
@@ -112,9 +111,9 @@ define(['events'], function (events) {
         + ')';
 
     // regex = XRegExp(regex,'gi');
-        var linkRegExp = RegExp(linkRegExpString, 'gi');
+    const linkRegExp = RegExp(linkRegExpString, 'gi');
 
-        var protocolRegExp = RegExp('^' + protocols, 'i');
+    const protocolRegExp = RegExp('^' + protocols, 'i');
 
     // if url doesn't begin with a known protocol, add http by default
     function ensureProtocol(url) {
@@ -125,18 +124,18 @@ define(['events'], function (events) {
     }
 
     // look for links in the text
-        var LinkParser = {
+    const LinkParser = {
         parse: function (text) {
-                var links = [];
+            const links = [];
-                var match;
+            let match;
 
             // eslint-disable-next-line no-cond-assign
             while (match = linkRegExp.exec(text)) {
                 console.debug(match);
-                    var txt = match[0];
+                const txt = match[0];
-                    var pos = match.index;
+                const pos = match.index;
-                    var len = txt.length;
+                const len = txt.length;
-                    var url = ensureProtocol(text);
+                const url = ensureProtocol(text);
                 links.push({ 'pos': pos, 'text': txt, 'len': len, 'url': url });
             }
 
@@ -146,37 +145,39 @@ define(['events'], function (events) {
     };
 
     window.LinkParser = LinkParser;
-    })();
+})();
 
-    var cache = {};
+let cache = {};
 
-    function isValidIpAddress(address) {
+// TODO: Replace with isIP (https://www.npmjs.com/package/is-ip)
-        var links = LinkParser.parse(address);
+function isValidIpAddress(address) {
+    const links = LinkParser.parse(address);
 
     return links.length == 1;
-    }
+}
 
-    function isLocalIpAddress(address) {
+// TODO: Add IPv6 support. Potentially replace with isLocalhost (https://www.npmjs.com/package/is-localhost-ip)
+function isLocalIpAddress(address) {
     address = address.toLowerCase();
 
-        if (address.indexOf('127.0.0.1') !== -1) {
+    if (address.includes('127.0.0.1')) {
         return true;
     }
-        if (address.indexOf('localhost') !== -1) {
+    if (address.includes('localhost')) {
         return true;
     }
 
     return false;
-    }
+}
 
-    function getServerAddress(apiClient) {
+function getServerAddress(apiClient) {
-        var serverAddress = apiClient.serverAddress();
+    const serverAddress = apiClient.serverAddress();
 
     if (isValidIpAddress(serverAddress) && !isLocalIpAddress(serverAddress)) {
         return Promise.resolve(serverAddress);
     }
 
-        var cachedValue = getCachedValue(serverAddress);
+    const cachedValue = getCachedValue(serverAddress);
     if (cachedValue) {
         return Promise.resolve(cachedValue);
     }
@@ -184,7 +185,7 @@ define(['events'], function (events) {
     return apiClient.getEndpointInfo().then(function (endpoint) {
         if (endpoint.IsInNetwork) {
             return apiClient.getPublicSystemInfo().then(function (info) {
-                    var localAddress = info.LocalAddress;
+                let localAddress = info.LocalAddress;
                 if (!localAddress) {
                     console.debug('No valid local address returned, defaulting to external one');
                     localAddress = serverAddress;
@@ -197,33 +198,32 @@ define(['events'], function (events) {
             return serverAddress;
         }
     });
-    }
+}
 
-    function clearCache() {
+function clearCache() {
     cache = {};
-    }
+}
 
-    function addToCache(key, value) {
+function addToCache(key, value) {
     cache[key] = {
         value: value,
         time: new Date().getTime()
     };
-    }
+}
 
-    function getCachedValue(key) {
+function getCachedValue(key) {
-        var obj = cache[key];
+    const obj = cache[key];
 
     if (obj && (new Date().getTime() - obj.time) < 180000) {
         return obj.value;
     }
 
     return null;
-    }
+}
 
-    events.on(ConnectionManager, 'localusersignedin', clearCache);
+events.on(ConnectionManager, 'localusersignedin', clearCache);
-    events.on(ConnectionManager, 'localusersignedout', clearCache);
+events.on(ConnectionManager, 'localusersignedout', clearCache);
 
-    return {
+export default {
     getServerAddress: getServerAddress
-    };
+};
-});

src/plugins/chromecastPlayer/plugin.js

@@ -366,6 +366,8 @@ define(['appSettings', 'userSettings', 'playbackManager', 'connectionManager', '
 
         return new Promise(function (resolve, reject) {
             require(['./chromecastHelper'], function (chromecastHelper) {
+                chromecastHelper = chromecastHelper.default || chromecastHelper;
+
                 chromecastHelper.getServerAddress(apiClient).then(function (serverAddress) {
                     message.serverAddress = serverAddress;
                     player.sendMessageInternal(message).then(resolve, reject);

src/scripts/gamepadtokey.js

@@ -19,152 +19,152 @@
 // #      LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 // #      OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 // #      THE SOFTWARE.
-require(['apphost'], function (appHost) {
-    'use strict';
 
-    var _GAMEPAD_A_BUTTON_INDEX = 0;
+import appHost from 'apphost';
-    var _GAMEPAD_B_BUTTON_INDEX = 1;
-    var _GAMEPAD_DPAD_UP_BUTTON_INDEX = 12;
-    var _GAMEPAD_DPAD_DOWN_BUTTON_INDEX = 13;
-    var _GAMEPAD_DPAD_LEFT_BUTTON_INDEX = 14;
-    var _GAMEPAD_DPAD_RIGHT_BUTTON_INDEX = 15;
-    var _GAMEPAD_A_KEY = 'GamepadA';
-    var _GAMEPAD_B_KEY = 'GamepadB';
-    var _GAMEPAD_DPAD_UP_KEY = 'GamepadDPadUp';
-    var _GAMEPAD_DPAD_DOWN_KEY = 'GamepadDPadDown';
-    var _GAMEPAD_DPAD_LEFT_KEY = 'GamepadDPadLeft';
-    var _GAMEPAD_DPAD_RIGHT_KEY = 'GamepadDPadRight';
-    var _GAMEPAD_LEFT_THUMBSTICK_UP_KEY = 'GamepadLeftThumbStickUp';
-    var _GAMEPAD_LEFT_THUMBSTICK_DOWN_KEY = 'GamepadLeftThumbStickDown';
-    var _GAMEPAD_LEFT_THUMBSTICK_LEFT_KEY = 'GamepadLeftThumbStickLeft';
-    var _GAMEPAD_LEFT_THUMBSTICK_RIGHT_KEY = 'GamepadLeftThumbStickRight';
-    var _GAMEPAD_A_KEYCODE = 0;
-    var _GAMEPAD_B_KEYCODE = 27;
-    var _GAMEPAD_DPAD_UP_KEYCODE = 38;
-    var _GAMEPAD_DPAD_DOWN_KEYCODE = 40;
-    var _GAMEPAD_DPAD_LEFT_KEYCODE = 37;
-    var _GAMEPAD_DPAD_RIGHT_KEYCODE = 39;
-    var _GAMEPAD_LEFT_THUMBSTICK_UP_KEYCODE = 38;
-    var _GAMEPAD_LEFT_THUMBSTICK_DOWN_KEYCODE = 40;
-    var _GAMEPAD_LEFT_THUMBSTICK_LEFT_KEYCODE = 37;
-    var _GAMEPAD_LEFT_THUMBSTICK_RIGHT_KEYCODE = 39;
-    var _THUMB_STICK_THRESHOLD = 0.75;
 
-    var _leftThumbstickUpPressed = false;
+var _GAMEPAD_A_BUTTON_INDEX = 0;
-    var _leftThumbstickDownPressed = false;
+var _GAMEPAD_B_BUTTON_INDEX = 1;
-    var _leftThumbstickLeftPressed = false;
+var _GAMEPAD_DPAD_UP_BUTTON_INDEX = 12;
-    var _leftThumbstickRightPressed = false;
+var _GAMEPAD_DPAD_DOWN_BUTTON_INDEX = 13;
-    var _dPadUpPressed = false;
+var _GAMEPAD_DPAD_LEFT_BUTTON_INDEX = 14;
-    var _dPadDownPressed = false;
+var _GAMEPAD_DPAD_RIGHT_BUTTON_INDEX = 15;
-    var _dPadLeftPressed = false;
+var _GAMEPAD_A_KEY = 'GamepadA';
-    var _dPadRightPressed = false;
+var _GAMEPAD_B_KEY = 'GamepadB';
-    var _gamepadAPressed = false;
+var _GAMEPAD_DPAD_UP_KEY = 'GamepadDPadUp';
-    var _gamepadBPressed = false;
+var _GAMEPAD_DPAD_DOWN_KEY = 'GamepadDPadDown';
+var _GAMEPAD_DPAD_LEFT_KEY = 'GamepadDPadLeft';
+var _GAMEPAD_DPAD_RIGHT_KEY = 'GamepadDPadRight';
+var _GAMEPAD_LEFT_THUMBSTICK_UP_KEY = 'GamepadLeftThumbStickUp';
+var _GAMEPAD_LEFT_THUMBSTICK_DOWN_KEY = 'GamepadLeftThumbStickDown';
+var _GAMEPAD_LEFT_THUMBSTICK_LEFT_KEY = 'GamepadLeftThumbStickLeft';
+var _GAMEPAD_LEFT_THUMBSTICK_RIGHT_KEY = 'GamepadLeftThumbStickRight';
+var _GAMEPAD_A_KEYCODE = 0;
+var _GAMEPAD_B_KEYCODE = 27;
+var _GAMEPAD_DPAD_UP_KEYCODE = 38;
+var _GAMEPAD_DPAD_DOWN_KEYCODE = 40;
+var _GAMEPAD_DPAD_LEFT_KEYCODE = 37;
+var _GAMEPAD_DPAD_RIGHT_KEYCODE = 39;
+var _GAMEPAD_LEFT_THUMBSTICK_UP_KEYCODE = 38;
+var _GAMEPAD_LEFT_THUMBSTICK_DOWN_KEYCODE = 40;
+var _GAMEPAD_LEFT_THUMBSTICK_LEFT_KEYCODE = 37;
+var _GAMEPAD_LEFT_THUMBSTICK_RIGHT_KEYCODE = 39;
+var _THUMB_STICK_THRESHOLD = 0.75;
 
-    // The set of buttons on the gamepad we listen for.
+var _leftThumbstickUpPressed = false;
-    var ProcessedButtons = [
+var _leftThumbstickDownPressed = false;
+var _leftThumbstickLeftPressed = false;
+var _leftThumbstickRightPressed = false;
+var _dPadUpPressed = false;
+var _dPadDownPressed = false;
+var _dPadLeftPressed = false;
+var _dPadRightPressed = false;
+var _gamepadAPressed = false;
+var _gamepadBPressed = false;
+
+// The set of buttons on the gamepad we listen for.
+var ProcessedButtons = [
     _GAMEPAD_DPAD_UP_BUTTON_INDEX,
     _GAMEPAD_DPAD_DOWN_BUTTON_INDEX,
     _GAMEPAD_DPAD_LEFT_BUTTON_INDEX,
     _GAMEPAD_DPAD_RIGHT_BUTTON_INDEX,
     _GAMEPAD_A_BUTTON_INDEX,
     _GAMEPAD_B_BUTTON_INDEX
-    ];
+];
 
-    var _ButtonPressedState = {};
+var _ButtonPressedState = {};
-    _ButtonPressedState.getgamepadA = function () {
+_ButtonPressedState.getgamepadA = function () {
     return _gamepadAPressed;
-    };
+};
 
-    _ButtonPressedState.setgamepadA = function (newPressedState) {
+_ButtonPressedState.setgamepadA = function (newPressedState) {
     raiseKeyEvent(_gamepadAPressed, newPressedState, _GAMEPAD_A_KEY, _GAMEPAD_A_KEYCODE, false, true);
     _gamepadAPressed = newPressedState;
-    };
+};
 
-    _ButtonPressedState.getgamepadB = function () {
+_ButtonPressedState.getgamepadB = function () {
     return _gamepadBPressed;
-    };
+};
 
-    _ButtonPressedState.setgamepadB = function (newPressedState) {
+_ButtonPressedState.setgamepadB = function (newPressedState) {
     raiseKeyEvent(_gamepadBPressed, newPressedState, _GAMEPAD_B_KEY, _GAMEPAD_B_KEYCODE);
     _gamepadBPressed = newPressedState;
-    };
+};
 
-    _ButtonPressedState.getleftThumbstickUp = function () {
+_ButtonPressedState.getleftThumbstickUp = function () {
     return _leftThumbstickUpPressed;
-    };
+};
 
-    _ButtonPressedState.setleftThumbstickUp = function (newPressedState) {
+_ButtonPressedState.setleftThumbstickUp = function (newPressedState) {
     raiseKeyEvent(_leftThumbstickUpPressed, newPressedState, _GAMEPAD_LEFT_THUMBSTICK_UP_KEY, _GAMEPAD_LEFT_THUMBSTICK_UP_KEYCODE, true);
     _leftThumbstickUpPressed = newPressedState;
-    };
+};
 
-    _ButtonPressedState.getleftThumbstickDown = function () {
+_ButtonPressedState.getleftThumbstickDown = function () {
     return _leftThumbstickDownPressed;
-    };
+};
 
-    _ButtonPressedState.setleftThumbstickDown = function (newPressedState) {
+_ButtonPressedState.setleftThumbstickDown = function (newPressedState) {
     raiseKeyEvent(_leftThumbstickDownPressed, newPressedState, _GAMEPAD_LEFT_THUMBSTICK_DOWN_KEY, _GAMEPAD_LEFT_THUMBSTICK_DOWN_KEYCODE, true);
     _leftThumbstickDownPressed = newPressedState;
-    };
+};
 
-    _ButtonPressedState.getleftThumbstickLeft = function () {
+_ButtonPressedState.getleftThumbstickLeft = function () {
     return _leftThumbstickLeftPressed;
-    };
+};
 
-    _ButtonPressedState.setleftThumbstickLeft = function (newPressedState) {
+_ButtonPressedState.setleftThumbstickLeft = function (newPressedState) {
     raiseKeyEvent(_leftThumbstickLeftPressed, newPressedState, _GAMEPAD_LEFT_THUMBSTICK_LEFT_KEY, _GAMEPAD_LEFT_THUMBSTICK_LEFT_KEYCODE, true);
     _leftThumbstickLeftPressed = newPressedState;
-    };
+};
 
-    _ButtonPressedState.getleftThumbstickRight = function () {
+_ButtonPressedState.getleftThumbstickRight = function () {
     return _leftThumbstickRightPressed;
-    };
+};
 
-    _ButtonPressedState.setleftThumbstickRight = function (newPressedState) {
+_ButtonPressedState.setleftThumbstickRight = function (newPressedState) {
     raiseKeyEvent(_leftThumbstickRightPressed, newPressedState, _GAMEPAD_LEFT_THUMBSTICK_RIGHT_KEY, _GAMEPAD_LEFT_THUMBSTICK_RIGHT_KEYCODE, true);
     _leftThumbstickRightPressed = newPressedState;
-    };
+};
 
-    _ButtonPressedState.getdPadUp = function () {
+_ButtonPressedState.getdPadUp = function () {
     return _dPadUpPressed;
-    };
+};
 
-    _ButtonPressedState.setdPadUp = function (newPressedState) {
+_ButtonPressedState.setdPadUp = function (newPressedState) {
     raiseKeyEvent(_dPadUpPressed, newPressedState, _GAMEPAD_DPAD_UP_KEY, _GAMEPAD_DPAD_UP_KEYCODE, true);
     _dPadUpPressed = newPressedState;
-    };
+};
 
-    _ButtonPressedState.getdPadDown = function () {
+_ButtonPressedState.getdPadDown = function () {
     return _dPadDownPressed;
-    };
+};
 
-    _ButtonPressedState.setdPadDown = function (newPressedState) {
+_ButtonPressedState.setdPadDown = function (newPressedState) {
     raiseKeyEvent(_dPadDownPressed, newPressedState, _GAMEPAD_DPAD_DOWN_KEY, _GAMEPAD_DPAD_DOWN_KEYCODE, true);
     _dPadDownPressed = newPressedState;
-    };
+};
 
-    _ButtonPressedState.getdPadLeft = function () {
+_ButtonPressedState.getdPadLeft = function () {
     return _dPadLeftPressed;
-    };
+};
 
-    _ButtonPressedState.setdPadLeft = function (newPressedState) {
+_ButtonPressedState.setdPadLeft = function (newPressedState) {
     raiseKeyEvent(_dPadLeftPressed, newPressedState, _GAMEPAD_DPAD_LEFT_KEY, _GAMEPAD_DPAD_LEFT_KEYCODE, true);
     _dPadLeftPressed = newPressedState;
-    };
+};
 
-    _ButtonPressedState.getdPadRight = function () {
+_ButtonPressedState.getdPadRight = function () {
     return _dPadRightPressed;
-    };
+};
 
-    _ButtonPressedState.setdPadRight = function (newPressedState) {
+_ButtonPressedState.setdPadRight = function (newPressedState) {
     raiseKeyEvent(_dPadRightPressed, newPressedState, _GAMEPAD_DPAD_RIGHT_KEY, _GAMEPAD_DPAD_RIGHT_KEYCODE, true);
     _dPadRightPressed = newPressedState;
-    };
+};
 
-    var times = {};
+var times = {};
 
-    function throttle(key) {
+function throttle(key) {
     var time = times[key] || 0;
     var now = new Date().getTime();
 
@@ -174,14 +174,14 @@ require(['apphost'], function (appHost) {
     }
 
     return false;
-    }
+}
 
-    function resetThrottle(key) {
+function resetThrottle(key) {
     times[key] = new Date().getTime();
-    }
+}
 
-    var isElectron = navigator.userAgent.toLowerCase().indexOf('electron') !== -1;
+var isElectron = navigator.userAgent.toLowerCase().indexOf('electron') !== -1;
-    function allowInput() {
+function allowInput() {
     // This would be nice but always seems to return true with electron
     if (!isElectron && document.hidden) { /* eslint-disable-line compat/compat */
         return false;
@@ -192,9 +192,9 @@ require(['apphost'], function (appHost) {
     }
 
     return true;
-    }
+}
 
-    function raiseEvent(name, key, keyCode) {
+function raiseEvent(name, key, keyCode) {
     if (!allowInput()) {
         return;
     }
@@ -204,17 +204,17 @@ require(['apphost'], function (appHost) {
     event.key = key;
     event.keyCode = keyCode;
     (document.activeElement || document.body).dispatchEvent(event);
-    }
+}
 
-    function clickElement(elem) {
+function clickElement(elem) {
     if (!allowInput()) {
         return;
     }
 
     elem.click();
-    }
+}
 
-    function raiseKeyEvent(oldPressedState, newPressedState, key, keyCode, enableRepeatKeyDown, clickonKeyUp) {
+function raiseKeyEvent(oldPressedState, newPressedState, key, keyCode, enableRepeatKeyDown, clickonKeyUp) {
     // No-op if oldPressedState === newPressedState
     if (newPressedState === true) {
         // button down
@@ -242,10 +242,10 @@ require(['apphost'], function (appHost) {
             clickElement(document.activeElement || window);
         }
     }
-    }
+}
 
-    var inputLoopTimer;
+var inputLoopTimer;
-    function runInputLoop() {
+function runInputLoop() {
     // Get the latest gamepad state.
     var gamepads = navigator.getGamepads(); /* eslint-disable-line compat/compat */
     for (var i = 0, len = gamepads.length; i < len; i++) {
@@ -341,20 +341,20 @@ require(['apphost'], function (appHost) {
     }
     // Schedule the next one
     inputLoopTimer = requestAnimationFrame(runInputLoop);
-    }
+}
 
-    function startInputLoop() {
+function startInputLoop() {
     if (!inputLoopTimer) {
         runInputLoop();
     }
-    }
+}
 
-    function stopInputLoop() {
+function stopInputLoop() {
     cancelAnimationFrame(inputLoopTimer);
     inputLoopTimer = undefined;
-    }
+}
 
-    function isGamepadConnected() {
+function isGamepadConnected() {
     var gamepads = navigator.getGamepads(); /* eslint-disable-line compat/compat */
     for (var i = 0, len = gamepads.length; i < len; i++) {
         var gamepad = gamepads[i];
@@ -363,17 +363,17 @@ require(['apphost'], function (appHost) {
         }
     }
     return false;
-    }
+}
 
-    function onFocusOrGamepadAttach(e) {
+function onFocusOrGamepadAttach(e) {
     /* eslint-disable-next-line compat/compat */
     if (isGamepadConnected() && document.hasFocus()) {
         console.log('Gamepad connected! Starting input loop');
         startInputLoop();
     }
-    }
+}
 
-    function onFocusOrGamepadDetach(e) {
+function onFocusOrGamepadDetach(e) {
     /* eslint-disable-next-line compat/compat */
     if (!isGamepadConnected() || !document.hasFocus()) {
         console.log('Gamepad disconnected! No other gamepads are connected, stopping input loop');
@@ -381,22 +381,21 @@ require(['apphost'], function (appHost) {
     } else {
         console.log('Gamepad disconnected! There are gamepads still connected.');
     }
-    }
+}
 
-    // Event listeners for any change in gamepads' state.
+// Event listeners for any change in gamepads' state.
-    window.addEventListener('gamepaddisconnected', onFocusOrGamepadDetach);
+window.addEventListener('gamepaddisconnected', onFocusOrGamepadDetach);
-    window.addEventListener('gamepadconnected', onFocusOrGamepadAttach);
+window.addEventListener('gamepadconnected', onFocusOrGamepadAttach);
-    window.addEventListener('blur', onFocusOrGamepadDetach);
+window.addEventListener('blur', onFocusOrGamepadDetach);
-    window.addEventListener('focus', onFocusOrGamepadAttach);
+window.addEventListener('focus', onFocusOrGamepadAttach);
 
-    onFocusOrGamepadAttach();
+onFocusOrGamepadAttach();
 
-    // The gamepadInputEmulation is a string property that exists in JavaScript UWAs and in WebViews in UWAs.
+// The gamepadInputEmulation is a string property that exists in JavaScript UWAs and in WebViews in UWAs.
-    // It won't exist in Win8.1 style apps or browsers.
+// It won't exist in Win8.1 style apps or browsers.
-    if (window.navigator && typeof window.navigator.gamepadInputEmulation === 'string') {
+if (window.navigator && typeof window.navigator.gamepadInputEmulation === 'string') {
     // We want the gamepad to provide gamepad VK keyboard events rather than moving a
     // mouse like cursor. Set to "keyboard", the gamepad will provide such keyboard events
     // and provide input to the DOM navigator.getGamepads API.
     window.navigator.gamepadInputEmulation = 'gamepad';
-    }
+}
-});

src/scripts/site.js

@@ -689,7 +689,8 @@ function initClient() {
                     'events',
                     'credentialprovider',
                     'connectionManagerFactory',
-                    'appStorage'
+                    'appStorage',
+                    'focus-options-polyfill'
                 ]
             },
             urlArgs: urlArgs,
@@ -698,7 +699,7 @@ function initClient() {
         });
 
         promise = require(['fetch'])
-            .then(() => require(['jQuery', 'polyfill', 'fast-text-encoding', 'intersection-observer', 'classlist-polyfill', 'css!assets/css/site', 'jellyfin-noto'], (jQuery) => {
+            .then(() => require(['jQuery', 'polyfill', 'fast-text-encoding', 'intersection-observer', 'classlist-polyfill', 'focus-options-polyfill', 'css!assets/css/site', 'jellyfin-noto'], (jQuery) => {
                 // Expose jQuery globally
                 window.$ = jQuery;
                 window.jQuery = jQuery;

yarn.lock

@@ -4608,6 +4608,11 @@ flv.js@^1.5.0:
     es6-promise "^4.2.5"
     webworkify "^1.5.0"
 
+focus-options-polyfill@^1.5.0:
+  version "1.5.0"
+  resolved "https://registry.yarnpkg.com/focus-options-polyfill/-/focus-options-polyfill-1.5.0.tgz#fd2e6a0d6d8f828346726a5adf02f3d2bdfece5f"
+  integrity sha512-HiMSaXGUz2OFjOuoGTWXlp+YjZCGnVXPu6vPeccgaSOzGmqLVz8tJRcKXWfMJnj16LXf/IM1rJI0zrZMVc9q7g==
+
 follow-redirects@1.5.10:
   version "1.5.10"
   resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.5.10.tgz#7b7a9f9aea2fdff36786a94ff643ed07f4ff5e2a"