media/js/base/site.js

/*
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.
 */

(function () {
    'use strict';
    window.site = {
        getPlatform: function (ua, pf) {
            pf = pf || navigator.platform;
            ua = ua || navigator.userAgent;

            if (pf.indexOf('Win32') !== -1 || pf.indexOf('Win64') !== -1) {
                return 'windows';
            }
            if (/android/i.test(ua)) {
                return 'android';
            }
            if (/linux/i.test(pf) || /linux/i.test(ua)) {
                return 'linux';
            }
            if (pf.indexOf('MacPPC') !== -1) {
                return 'other';
            }
            if (
                pf.indexOf('iPhone') !== -1 ||
                pf.indexOf('iPad') !== -1 ||
                pf.indexOf('iPod') !== -1 ||
                (pf.indexOf('MacIntel') !== -1 && 'ontouchstart' in window)
            ) {
                // iPadOS
                return 'ios';
            }
            if (ua.indexOf('Mac OS X') !== -1) {
                return 'osx';
            }

            return 'other';
        },

        getPlatformVersion: function (ua) {
            ua = ua || navigator.userAgent;

            // On OS X, Safari and Chrome have underscores instead of dots
            var match =
                ua.match(/Windows NT (\d+\.\d+)/) ||
                ua.match(/Mac OS X (\d+[._]\d+)/) ||
                ua.match(/Android (\d+\.\d+)/);

            return match ? match[1].replace('_', '.') : undefined;
        },

        // Madness from https://docs.microsoft.com/microsoft-edge/web-platform/how-to-detect-win11
        // and https://wicg.github.io/ua-client-hints/#sec-ch-ua-platform-version
        getWindowsVersionClientHint: function (version) {
            var fullPlatformVersion = version ? version.toString() : '0';
            var platformVersion = parseFloat(fullPlatformVersion);

            if (platformVersion >= 13.0) {
                // Windows 11 or later.
                return '11.0';
            } else if (platformVersion >= 1.0 && platformVersion < 13.0) {
                // Windows 10
                return '10.0';
            } else if (platformVersion === 0.3) {
                // Windows 8.1
                return '6.3';
            } else if (platformVersion === 0.2) {
                // Windows 8
                return '6.2';
            } else if (platformVersion === 0.1) {
                // Windows 7
                return '6.1';
            } else {
                // Windows versions older than 7 are not reported, so return zero.
                return '0';
            }
        },

        getArchSize: function (ua, pf) {
            pf = pf === '' ? '' : pf || navigator.platform;
            ua = ua || navigator.userAgent;

            var re = /x64|x86_64|Win64|WOW64|aarch64/i;
            if (re.test(pf) || re.test(ua)) {
                return 64;
            }

            // We can't detect the bit info. It's probably 32 but unsure.
            // For example, OS X may be running on 64-bit Core i7 processor
            return 32;
        },

        // Return 64 is CPU is 64bit, else assume that it's 32.
        getArchSizeClientHint: function (bitness) {
            if (bitness && parseInt(bitness, 10) === 64) {
                return 64;
            }
            return 32;
        },

        // Universal feature detect to deliver graded browser support (targets IE 11 and above).
        cutsTheMustard: function () {
            return (
                'classList' in document.createElement('div') &&
                'MutationObserver' in window
            );
        },

        // Add class to reflect if user agent is Firefox. Cherry-picked from mozilla-client.js.
        isFirefox: function () {
            return (
                /\s(Firefox|FxiOS)/.test(navigator.userAgent) &&
                !/Iceweasel|IceCat|SeaMonkey|Camino|like Firefox/i.test(
                    navigator.userAgent
                )
            );
        },

        getPlatformClass: function (platform, platformVersion, archSize) {
            var classString = document.documentElement.className;
            var _version = platformVersion ? parseFloat(platformVersion) : 0;

            if (platform === 'windows') {
                // Detect Windows 10 "and up" to display installation
                // messaging on the /firefox/download/thanks/ page.

                if (_version >= 10.0) {
                    classString += ' windows-10-plus';
                }

                // Add fx-unsupported class name for Windows 8.1 and below
                // https://github.com/mozilla/bedrock/issues/13317
                if (_version <= 6.3) {
                    classString += ' fx-unsupported';
                    window.site.fxSupported = false;
                }
            } else {
                classString = classString.replace('windows', platform);
            }

            if (platform === 'osx') {
                // Add fx-unsupported class name for macOS 10.14 and below
                // https://github.com/mozilla/bedrock/issues/13317
                if (_version <= 10.14) {
                    classString += ' fx-unsupported';
                    window.site.fxSupported = false;
                }
            }

            // Used for 64bit download link on Linux and Firefox Beta on Windows.
            if (archSize === 64) {
                classString += ' x64';
            }

            if (window.site.isFirefox()) {
                classString += ' is-firefox';
            }

            // Add class to reflect browsers that get 1st class JS & CSS support.
            var isModernBrowser = (window.site.isModernBrowser =
                window.site.cutsTheMustard());

            if (isModernBrowser) {
                classString += ' is-modern-browser';
            }

            // Add class to reflect javascript availability for CSS
            classString = classString.replace(/\bno-js\b/, 'js');

            return classString;
        },

        platform: 'other',
        platformVersion: undefined,
        archSize: 32,
        fxSupported: true
    };

    function updateHTML() {
        var html = document.documentElement;
        var classString = window.site.getPlatformClass(
            window.site.platform,
            window.site.platformVersion,
            window.site.archSize
        );
        html.className = classString;
    }

    function getHighEntropyFromUAString() {
        window.site.platformVersion = window.site.getPlatformVersion();
        window.site.archSize = window.site.getArchSize();
    }

    (function () {
        window.site.platform = window.site.getPlatform();

        // For browsers that support client hints, get high entropy
        // values that might be frozen in the regular user agent string.
        if (
            'userAgentData' in navigator &&
            typeof navigator.userAgentData.getHighEntropyValues === 'function'
        ) {
            navigator.userAgentData
                .getHighEntropyValues(['bitness', 'platformVersion'])
                .then(function (ua) {
                    if (ua.platformVersion) {
                        if (window.site.platform === 'windows') {
                            window.site.platformVersion =
                                window.site.getWindowsVersionClientHint(
                                    ua.platformVersion
                                );
                        } else {
                            window.site.platformVersion = ua.platformVersion;
                        }
                    }

                    if (ua.bitness) {
                        window.site.archSize =
                            window.site.getArchSizeClientHint(ua.bitness);
                    }

                    updateHTML();
                })
                .catch(function () {
                    // some browsers might deny accessing high entropy info
                    // and reject the promise, so fall back to UA string instead.
                    getHighEntropyFromUAString();
                    updateHTML();
                });
        }
        // Else fall back to UA string parsing for non-supporting browsers.
        else {
            getHighEntropyFromUAString();
            updateHTML();
        }
    })();
})();