mv element.io @types __mocks__/ debian docker module_system/ playwright res src test webapp Dockerfile .dockerignore .eslintignore .stylelintrc.cjs babel.config.cjs recorder-worklet-loader.cjs .modernizr.json components.json config.json config.sample.json package.json project.json tsconfig.json tsconfig.module_system.json jest.config.ts playwright.config.ts webpack.config.ts build_config.sample.yaml apps/web/

mkdir apps/web/scripts mv scripts/{cleanup.sh,ci_package.sh,copy-res.ts,deploy.py,package.sh} apps/web/scripts And a couple of gitignore tweaks Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2026-02-24 15:43:58 +00:00
parent e7509c92a1
commit 91a3cb03c1
3408 changed files with 28 additions and 32 deletions
@@ -0,0 +1,160 @@
+/*
+Copyright 2018-2024 New Vector Ltd.
+Copyright 2019 Michael Telatynski <7t3chguy@gmail.com>
+Copyright 2017 Vector Creations Ltd
+Copyright 2015, 2016 OpenMarket Ltd
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+import { createRoot } from "react-dom/client";
+import React, { StrictMode } from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+import { ModuleLoader } from "@element-hq/element-web-module-api";
+
+import type { QueryDict } from "matrix-js-sdk/src/utils";
+import * as languageHandler from "../languageHandler";
+import SettingsStore from "../settings/SettingsStore";
+import PlatformPeg from "../PlatformPeg";
+import SdkConfig from "../SdkConfig";
+import { setTheme } from "../theme";
+import { ModuleRunner } from "../modules/ModuleRunner";
+import type MatrixChat from "../components/structures/MatrixChat";
+import ElectronPlatform from "./platform/ElectronPlatform";
+import PWAPlatform from "./platform/PWAPlatform";
+import WebPlatform from "./platform/WebPlatform";
+import { initRageshake, initRageshakeStore } from "./rageshakesetup";
+import { ModuleApi } from "../modules/Api.ts";
+
+export const rageshakePromise = initRageshake();
+
+export function preparePlatform(): void {
+    if (window.electron) {
+        logger.log("Using Electron platform");
+        PlatformPeg.set(new ElectronPlatform());
+    } else if (window.matchMedia("(display-mode: standalone)").matches) {
+        logger.log("Using PWA platform");
+        PlatformPeg.set(new PWAPlatform());
+    } else {
+        logger.log("Using Web platform");
+        PlatformPeg.set(new WebPlatform());
+    }
+}
+
+export function setupLogStorage(): Promise<void> {
+    if (SdkConfig.get().bug_report_endpoint_url) {
+        return initRageshakeStore();
+    }
+    logger.warn("No bug report endpoint set - logs will not be persisted");
+    return Promise.resolve();
+}
+
+export async function loadConfig(): Promise<void> {
+    // XXX: We call this twice, once here and once in MatrixChat as a prop. We call it here to ensure
+    // granular settings are loaded correctly and to avoid duplicating the override logic for the theme.
+    //
+    // Note: this isn't called twice for some wrappers, like the Jitsi wrapper.
+    const platformConfig = await PlatformPeg.get()?.getConfig();
+    if (platformConfig) {
+        SdkConfig.put(platformConfig);
+    } else {
+        SdkConfig.reset();
+    }
+}
+
+export async function loadLanguage(): Promise<void> {
+    const prefLang = SettingsStore.getValue("language", null, /*excludeDefault=*/ true);
+    let langs: string[] = [];
+
+    if (!prefLang) {
+        languageHandler.getLanguagesFromBrowser().forEach((l) => {
+            langs.push(...languageHandler.getNormalizedLanguageKeys(l));
+        });
+    } else {
+        langs = [prefLang];
+    }
+    try {
+        await languageHandler.setLanguage(...langs);
+        document.documentElement.setAttribute("lang", languageHandler.getCurrentLanguage());
+    } catch (e) {
+        logger.error("Unable to set language", e);
+    }
+}
+
+export async function loadTheme(): Promise<void> {
+    return setTheme();
+}
+
+export async function loadApp(fragParams: QueryDict): Promise<void> {
+    // load app.js async so that its code is not executed immediately and we can catch any exceptions
+    const module = await import(
+        /* webpackChunkName: "element-web-app" */
+        /* webpackPreload: true */
+        "./app"
+    );
+    function setWindowMatrixChat(matrixChat: MatrixChat): void {
+        window.matrixChat = matrixChat;
+    }
+    const app = await module.loadApp(fragParams, setWindowMatrixChat);
+    const root = createRoot(document.getElementById("matrixchat")!);
+    root.render(app);
+}
+
+export async function showError(title: string, messages?: string[]): Promise<void> {
+    const { ErrorView } = await import(
+        /* webpackChunkName: "error-view" */
+        "../async-components/structures/ErrorView"
+    );
+    const root = createRoot(document.getElementById("matrixchat")!);
+    root.render(
+        <StrictMode>
+            <ErrorView title={title} messages={messages} />
+        </StrictMode>,
+    );
+}
+
+export async function showIncompatibleBrowser(onAccept: () => void): Promise<void> {
+    const { UnsupportedBrowserView } = await import(
+        /* webpackChunkName: "error-view" */
+        "../async-components/structures/ErrorView"
+    );
+    const root = createRoot(document.getElementById("matrixchat")!);
+    root.render(
+        <StrictMode>
+            <UnsupportedBrowserView onAccept={onAccept} />
+        </StrictMode>,
+    );
+}
+
+/**
+ * @deprecated in favour of the plugin system
+ */
+export async function loadModules(): Promise<void> {
+    const { INSTALLED_MODULES } = await import("../modules.js");
+    for (const InstalledModule of INSTALLED_MODULES) {
+        ModuleRunner.instance.registerModule((api) => new InstalledModule(api));
+    }
+}
+
+export async function loadPlugins(): Promise<void> {
+    // Add React to the global namespace, this is part of the new Module API contract to avoid needing
+    // every single module to ship its own copy of React. This also makes it easier to access via the console
+    // and incidentally means we can forget our React imports in JSX files without penalty.
+    window.React = React;
+
+    const modules = SdkConfig.get("modules");
+    if (!modules?.length) return;
+    const moduleLoader = new ModuleLoader(ModuleApi.instance);
+    window.mxModuleLoader = moduleLoader;
+    for (const src of modules) {
+        // We need to instruct webpack to not mangle this import as it is not available at compile time
+        const module = await import(/* webpackIgnore: true */ src);
+        await moduleLoader.load(module);
+    }
+    await moduleLoader.start();
+}
+
+export { _t } from "../languageHandler";
+
+export { extractErrorMessageFromError } from "../components/views/dialogs/ErrorDialog";