jellyfin-web/src/components/apphost.js

define(['appSettings', 'browser', 'events', 'htmlMediaHelper', 'webSettings', 'globalize'], function (appSettings, browser, events, htmlMediaHelper, webSettings, globalize) {
    'use strict';

    function getBaseProfileOptions(item) {
        var disableHlsVideoAudioCodecs = [];

        if (item && htmlMediaHelper.enableHlsJsPlayer(item.RunTimeTicks, item.MediaType)) {
            if (browser.edge || browser.msie) {
                disableHlsVideoAudioCodecs.push('mp3');
            }

            disableHlsVideoAudioCodecs.push('ac3');
            disableHlsVideoAudioCodecs.push('eac3');
            disableHlsVideoAudioCodecs.push('opus');
        }

        return {
            enableMkvProgressive: false,
            disableHlsVideoAudioCodecs: disableHlsVideoAudioCodecs
        };
    }

    function getDeviceProfileForWindowsUwp(item) {
        return new Promise(function (resolve, reject) {
            require(['browserdeviceprofile', 'environments/windows-uwp/mediacaps'], function (profileBuilder, uwpMediaCaps) {
                var profileOptions = getBaseProfileOptions(item);
                profileOptions.supportsDts = uwpMediaCaps.supportsDTS();
                profileOptions.supportsTrueHd = uwpMediaCaps.supportsDolby();
                profileOptions.audioChannels = uwpMediaCaps.getAudioChannels();
                resolve(profileBuilder(profileOptions));
            });
        });
    }

    function getDeviceProfile(item, options) {
        options = options || {};

        if (self.Windows) {
            return getDeviceProfileForWindowsUwp(item);
        }

        return new Promise(function (resolve) {
            require(['browserdeviceprofile'], function (profileBuilder) {
                var profile;

                if (window.NativeShell) {
                    profile = window.NativeShell.AppHost.getDeviceProfile(profileBuilder);
                } else {
                    var builderOpts = getBaseProfileOptions(item);
                    builderOpts.enableSsaRender = (item && !options.isRetry && 'allcomplexformats' !== appSettings.get('subtitleburnin'));
                    profile = profileBuilder(builderOpts);
                }

                resolve(profile);
            });
        });
    }

    function escapeRegExp(str) {
        return str.replace(/([.*+?^=!:${}()|\[\]\/\\])/g, '\\$1');
    }

    function replaceAll(originalString, strReplace, strWith) {
        var strReplace2 = escapeRegExp(strReplace);
        var reg = new RegExp(strReplace2, 'ig');
        return originalString.replace(reg, strWith);
    }

    function generateDeviceId() {
        var keys = [];

        if (keys.push(navigator.userAgent), keys.push(new Date().getTime()), self.btoa) {
            var result = replaceAll(btoa(keys.join('|')), '=', '1');
            return Promise.resolve(result);
        }

        return Promise.resolve(new Date().getTime());
    }

    function getDeviceId() {
        var key = '_deviceId2';
        var deviceId = appSettings.get(key);

        if (deviceId) {
            return Promise.resolve(deviceId);
        }

        return generateDeviceId().then(function (deviceId) {
            appSettings.set(key, deviceId);
            return deviceId;
        });
    }

    function getDeviceName() {
        var deviceName;
        deviceName = browser.tizen ? 'Samsung Smart TV' : browser.web0s ? 'LG Smart TV' : browser.operaTv ? 'Opera TV' : browser.xboxOne ? 'Xbox One' : browser.ps4 ? 'Sony PS4' : browser.chrome ? 'Chrome' : browser.edge ? 'Edge' : browser.firefox ? 'Firefox' : browser.msie ? 'Internet Explorer' : browser.opera ? 'Opera' : browser.safari ? 'Safari' : 'Web Browser';

        if (browser.ipad) {
            deviceName += ' iPad';
        } else {
            if (browser.iphone) {
                deviceName += ' iPhone';
            } else {
                if (browser.android) {
                    deviceName += ' Android';
                }
            }
        }

        return deviceName;
    }

    function supportsVoiceInput() {
        if (!browser.tv) {
            return window.SpeechRecognition || window.webkitSpeechRecognition || window.mozSpeechRecognition || window.oSpeechRecognition || window.msSpeechRecognition;
        }

        return false;
    }

    function supportsFullscreen() {
        if (browser.tv) {
            return false;
        }

        var element = document.documentElement;
        return (element.requestFullscreen || element.mozRequestFullScreen || element.webkitRequestFullscreen || element.msRequestFullscreen) || document.createElement('video').webkitEnterFullscreen;
    }

    function getSyncProfile() {
        return new Promise(function (resolve) {
            require(['browserdeviceprofile', 'appSettings'], function (profileBuilder, appSettings) {
                var profile;

                if (window.NativeShell) {
                    profile = window.NativeShell.AppHost.getSyncProfile(profileBuilder, appSettings);
                } else {
                    profile = profileBuilder();
                    profile.MaxStaticMusicBitrate = appSettings.maxStaticMusicBitrate();
                }

                resolve(profile);
            });
        });
    }

    function getDefaultLayout() {
        return 'desktop';
    }

    function supportsHtmlMediaAutoplay() {
        if (browser.edgeUwp || browser.tizen || browser.web0s || browser.orsay || browser.operaTv || browser.ps4 || browser.xboxOne) {
            return true;
        }

        if (browser.mobile) {
            return false;
        }

        return true;
    }

    function supportsCue() {
        try {
            var video = document.createElement('video');
            var style = document.createElement('style');

            style.textContent = 'video::cue {background: inherit}';
            document.body.appendChild(style);
            document.body.appendChild(video);

            var cue = window.getComputedStyle(video, '::cue').background;
            document.body.removeChild(style);
            document.body.removeChild(video);

            return !!cue.length;
        } catch (err) {
            console.error('error detecting cue support: ' + err);
            return false;
        }
    }

    function onAppVisible() {
        if (isHidden) {
            isHidden = false;
            console.debug('triggering app resume event');
            events.trigger(appHost, 'resume');
        }
    }

    function onAppHidden() {
        if (!isHidden) {
            isHidden = true;
            console.debug('app is hidden');
        }
    }

    var supportedFeatures = function () {
        var features = [];

        if (navigator.share) {
            features.push('sharing');
        }

        if (!browser.edgeUwp && !browser.tv && !browser.xboxOne && !browser.ps4) {
            features.push('filedownload');
        }

        if (browser.operaTv || browser.tizen || browser.orsay || browser.web0s) {
            features.push('exit');
        } else {
            features.push('exitmenu');
            features.push('plugins');
        }

        if (!browser.operaTv && !browser.tizen && !browser.orsay && !browser.web0s && !browser.ps4) {
            features.push('externallinks');
            features.push('externalpremium');
        }

        if (!browser.operaTv) {
            features.push('externallinkdisplay');
        }

        if (supportsVoiceInput()) {
            features.push('voiceinput');
        }

        if (supportsHtmlMediaAutoplay()) {
            features.push('htmlaudioautoplay');
            features.push('htmlvideoautoplay');
        }

        if (browser.edgeUwp) {
            features.push('sync');
        }

        if (supportsFullscreen()) {
            features.push('fullscreenchange');
        }

        if (browser.chrome || browser.edge && !browser.slow) {
            if (!browser.noAnimation && !browser.edgeUwp && !browser.xboxOne) {
                features.push('imageanalysis');
            }
        }

        if (browser.tv || browser.xboxOne || browser.ps4 || browser.mobile) {
            features.push('physicalvolumecontrol');
        }

        if (!browser.tv && !browser.xboxOne && !browser.ps4) {
            features.push('remotecontrol');
        }

        if (!browser.operaTv && !browser.tizen && !browser.orsay && !browser.web0s && !browser.edgeUwp) {
            features.push('remotevideo');
        }

        features.push('displaylanguage');
        features.push('otherapppromotions');
        features.push('displaymode');
        features.push('targetblank');
        features.push('screensaver');

        webSettings.enableMultiServer().then(enabled => {
            if (enabled) features.push('multiserver');
        });

        if (!browser.orsay && !browser.msie && (browser.firefox || browser.ps4 || browser.edge || supportsCue())) {
            features.push('subtitleappearancesettings');
        }

        if (!browser.orsay) {
            features.push('subtitleburnsettings');
        }

        if (!browser.tv && !browser.ps4 && !browser.xboxOne) {
            features.push('fileinput');
        }

        if (browser.chrome) {
            features.push('chromecast');
        }

        return features;
    }();

    /**
      * Do exit according to platform
      */
    function doExit() {
        try {
            if (window.NativeShell) {
                window.NativeShell.AppHost.exit();
            } else if (browser.tizen) {
                tizen.application.getCurrentApplication().exit();
            } else if (browser.web0s) {
                webOS.platformBack();
            } else {
                window.close();
            }
        } catch (err) {
            console.error('error closing application: ' + err);
        }
    }

    var exitPromise;

    /**
      * Ask user for exit
      */
    function askForExit() {
        if (exitPromise) {
            return;
        }

        require(['actionsheet'], function (actionsheet) {
            exitPromise = actionsheet.show({
                title: globalize.translate('MessageConfirmAppExit'),
                items: [
                    {id: 'yes', name: globalize.translate('Yes')},
                    {id: 'no', name: globalize.translate('No')}
                ]
            }).then(function (value) {
                if (value === 'yes') {
                    doExit();
                }
            }).finally(function () {
                exitPromise = null;
            });
        });
    }

    var deviceId;
    var deviceName;
    var appName = 'Jellyfin Web';
    var appVersion = '10.6.0';

    var appHost = {
        getWindowState: function () {
            return document.windowState || 'Normal';
        },
        setWindowState: function (state) {
            alert('setWindowState is not supported and should not be called');
        },
        exit: function () {
            if (!!window.appMode && browser.tizen) {
                askForExit();
            } else {
                doExit();
            }
        },
        supports: function (command) {
            if (window.NativeShell) {
                return window.NativeShell.AppHost.supports(command);
            }

            return -1 !== supportedFeatures.indexOf(command.toLowerCase());
        },
        preferVisualCards: browser.android || browser.chrome,
        moreIcon: browser.android ? 'more_vert' : 'more_horiz',
        getSyncProfile: getSyncProfile,
        getDefaultLayout: function () {
            if (window.NativeShell) {
                return window.NativeShell.AppHost.getDefaultLayout();
            }

            return getDefaultLayout();
        },
        getDeviceProfile: getDeviceProfile,
        init: function () {
            if (window.NativeShell) {
                return window.NativeShell.AppHost.init();
            }

            deviceName = getDeviceName();
            getDeviceId().then(function (id) {
                deviceId = id;
            });
        },
        deviceName: function () {
            return window.NativeShell ? window.NativeShell.AppHost.deviceName() : deviceName;
        },
        deviceId: function () {
            return window.NativeShell ? window.NativeShell.AppHost.deviceId() : deviceId;
        },
        appName: function () {
            return window.NativeShell ? window.NativeShell.AppHost.appName() : appName;
        },
        appVersion: function () {
            return window.NativeShell ? window.NativeShell.AppHost.appVersion() : appVersion;
        },
        getPushTokenInfo: function () {
            return {};
        },
        setThemeColor: function (color) {
            var metaThemeColor = document.querySelector('meta[name=theme-color]');

            if (metaThemeColor) {
                metaThemeColor.setAttribute('content', color);
            }
        },
        setUserScalable: function (scalable) {
            if (!browser.tv) {
                var att = scalable ? 'width=device-width, initial-scale=1, minimum-scale=1, user-scalable=yes' : 'width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no';
                document.querySelector('meta[name=viewport]').setAttribute('content', att);
            }
        }
    };

    var isHidden = false;
    var hidden;
    var visibilityChange;

    if (typeof document.hidden !== 'undefined') { /* eslint-disable-line compat/compat */
        hidden = 'hidden';
        visibilityChange = 'visibilitychange';
    } else if (typeof document.webkitHidden !== 'undefined') {
        hidden = 'webkitHidden';
        visibilityChange = 'webkitvisibilitychange';
    }

    document.addEventListener(visibilityChange, function () {
        /* eslint-disable-next-line compat/compat */
        if (document[hidden]) {
            onAppHidden();
        } else {
            onAppVisible();
        }
    }, false);

    if (self.addEventListener) {
        self.addEventListener('focus', onAppVisible);
        self.addEventListener('blur', onAppHidden);
    }

    return appHost;
});