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;
});