@theia/core/src/browser/preloader.ts

Theia is a cloud & desktop IDE framework implemented in TypeScript.

// *****************************************************************************
// Copyright (C) 2022 TypeFox and others.
//
// This program and the accompanying materials are made available under the
// terms of the Eclipse Public License v. 2.0 which is available at
// http://www.eclipse.org/legal/epl-2.0.
//
// This Source Code may also be made available under the following Secondary
// Licenses when the conditions for such availability set forth in the Eclipse
// Public License v. 2.0 are satisfied: GNU General Public License, version 2
// with the GNU Classpath Exception which is available at
// https://www.gnu.org/software/classpath/license.html.
//
// SPDX-License-Identifier: EPL-2.0 OR GPL-2.0 WITH Classpath-exception-2.0
// *****************************************************************************

import { nls } from '../common/nls';
import { Endpoint } from './endpoint';
import { OS } from '../common/os';
import { DEFAULT_BACKGROUND_COLOR_STORAGE_KEY, FrontendApplicationConfigProvider } from './frontend-application-config-provider';
import { Localization } from '../common/i18n/localization';

function fetchFrom(path: string): Promise<Response> {
    const endpoint = new Endpoint({ path }).getRestUrl().toString();
    return fetch(endpoint);
}

async function loadTranslations(): Promise<void> {
    const defaultLocale = FrontendApplicationConfigProvider.get().defaultLocale;
    if (defaultLocale && !nls.locale) {
        Object.assign(nls, {
            locale: defaultLocale
        });
    }
    if (nls.locale) {
        const response = await fetchFrom(`/i18n/${nls.locale}`);
        const localization = await response.json() as Localization;
        if (localization.languagePack) {
            nls.localization = localization;
        } else {
            // In case the localization that we've loaded doesn't localize Theia completely (languagePack is false)
            // We simply reset the locale to the default again
            Object.assign(nls, {
                locale: defaultLocale || undefined
            });
        }
    }
}

async function loadBackendOS(): Promise<void> {
    const response = await fetchFrom('/os');
    const osType = await response.text() as OS.Type;
    const isWindows = osType === 'Windows';
    const isOSX = osType === 'OSX';
    OS.backend.isOSX = isOSX;
    OS.backend.isWindows = isWindows;
    OS.backend.type = () => osType;
}

function initBackground(): void {
    // The default light background color is based on the `colors#editor.background` value from
    // `packages/monaco/data/monaco-themes/vscode/dark_vs.json` and the dark background comes from the `light_vs.json`.
    const dark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
    const value = window.localStorage.getItem(DEFAULT_BACKGROUND_COLOR_STORAGE_KEY) || (dark ? '#1E1E1E' : '#FFFFFF');
    const documentElement = document.documentElement;
    documentElement.style.setProperty('--theia-editor-background', value);
}

export async function preload(): Promise<void> {
    await Promise.allSettled([
        loadTranslations(),
        loadBackendOS(),
        initBackground(),
    ]);
}