4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 |
10 | // re-export "root" (of chain) collection
11 | export { ObservableMap, ApplyMap, FilteredMap, JoinedMap, LogMap, MappedMap } from "./map";
12 | export { ObservableArray } from "./list/ObservableArray";
13 | export { SortedArray } from "./list/SortedArray";
14 | export { MappedList } from "./list/MappedList";
15 | export { AsyncMappedList } from "./list/AsyncMappedList";
16 | export { ConcatList } from "./list/ConcatList";
17 |
--------------------------------------------------------------------------------
/src/platform/web/ui/css/themes/element/icons/e2ee-disabled.svg:
--------------------------------------------------------------------------------
1 |
6 |
--------------------------------------------------------------------------------
/src/platform/web/ui/css/themes/element/icons/plus.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/src/matrix/login/SSOLoginHelper.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2021 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | export class SSOLoginHelper{
10 | private _homeserver: string;
11 |
12 | constructor(homeserver: string) {
13 | this._homeserver = homeserver;
14 | }
15 |
16 | get homeserver(): string { return this._homeserver; }
17 |
18 | createSSORedirectURL(returnURL: string): string {
19 | return `${this._homeserver}/_matrix/client/r0/login/sso/redirect?redirectUrl=${encodeURIComponent(returnURL)}`;
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/src/platform/web/ui/css/themes/element/icons/verification-error.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/src/platform/web/ui/session/room/TimelineLoadingView.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {TemplateView} from "../../general/TemplateView";
10 | import {spinner} from "../../common.js";
11 |
12 | export class TimelineLoadingView extends TemplateView {
13 | render(t, vm) {
14 | return t.div({className: "TimelineLoadingView"}, [
15 | spinner(t),
16 | t.div(vm.isEncrypted ? vm.i18n`Loading encrypted messages…` : vm.i18n`Loading messages…`)
17 | ]);
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/playwright/plugins/synapsedocker/templates/consent/res/templates/privacy/en/1.0.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Test Privacy policy
5 |
6 |
7 | {% if has_consented %}
8 |
9 | Thank you, you've already accepted the license.
10 |
11 | {% else %}
12 |
13 | Please accept the license!
14 |
15 |
21 | {% endif %}
22 |
23 |
--------------------------------------------------------------------------------
/src/platform/web/ui/css/themes/element/icons/vertical-ellipsis.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/src/matrix/registration/stages/DummyAuth.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2021 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {AuthenticationData} from "../types";
10 | import {BaseRegistrationStage} from "./BaseRegistrationStage";
11 |
12 | export class DummyAuth extends BaseRegistrationStage {
13 | generateAuthenticationData(): AuthenticationData {
14 | return {
15 | session: this._session,
16 | type: this.type,
17 | };
18 | }
19 |
20 | get type(): string {
21 | return "m.login.dummy";
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/src/platform/web/ui/css/themes/element/icons/chevron-left.svg:
--------------------------------------------------------------------------------
1 |
11 |
--------------------------------------------------------------------------------
/src/matrix/verification/SAS/types.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2023 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 | import type {IChannel} from "./channel/IChannel";
9 | import type {CalculateSASStage} from "./stages/CalculateSASStage";
10 | import type {SelectVerificationMethodStage} from "./stages/SelectVerificationMethodStage";
11 |
12 | export type SASProgressEvents = {
13 | SelectVerificationStage: SelectVerificationMethodStage;
14 | EmojiGenerated: CalculateSASStage;
15 | VerificationCompleted: string;
16 | VerificationCancelled: IChannel["cancellation"];
17 | }
18 |
--------------------------------------------------------------------------------
/src/platform/web/theming/parsers/types.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | export type NormalVariant = {
10 | id: string;
11 | cssLocation: string;
12 | variables?: any;
13 | };
14 |
15 | export type Variant = NormalVariant & {
16 | variantName: string;
17 | };
18 |
19 | export type DefaultVariant = {
20 | dark: Variant;
21 | light: Variant;
22 | default: Variant;
23 | }
24 |
25 | export type ThemeInformation = NormalVariant | DefaultVariant;
26 |
27 | export enum ColorSchemePreference {
28 | Dark,
29 | Light
30 | };
31 |
--------------------------------------------------------------------------------
/src/platform/web/ui/session/room/timeline/LocationView.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 Bruno Windels
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {BaseMessageView} from "./BaseMessageView.js";
10 |
11 | export class LocationView extends BaseMessageView {
12 | renderMessageBody(t, vm) {
13 | return t.p({className: "Timeline_messageBody statusMessage"}, [
14 | t.span(vm.label),
15 | t.a({className: "Timeline_locationLink", href: vm.mapsLink, target: "_blank", rel: "noopener"}, vm.i18n`Open in maps`),
16 | t.time(vm.time)
17 | ]);
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/scripts/postcss/tests/common.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2021 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | const postcss = require("postcss");
10 |
11 | module.exports.createTestRunner = function (plugin) {
12 | return async function run(input, output, opts = {}, assert) {
13 | let result = await postcss([plugin(opts)]).process(input, { from: undefined, });
14 | assert.strictEqual(
15 | result.css.replaceAll(/\s/g, ""),
16 | output.replaceAll(/\s/g, "")
17 | );
18 | assert.strictEqual(result.warnings().length, 0);
19 | };
20 | }
21 |
22 |
23 |
--------------------------------------------------------------------------------
/doc/implementation planning/background-tasks.md:
--------------------------------------------------------------------------------
1 | we make the current session status bar float and display generally short messages for all background tasks like:
2 | "Waiting Xs to reconnect... [try now]"
3 | "Reconnecting..."
4 | "Sending message 1 of 10..."
5 |
6 | As it is floating, it doesn't pop they layout and mess up the scroll offset of the timeline.
7 | Need to find a good place to float it though. Preferably on top for visibility, but it could occlude the room header. Perhaps bottom left?
8 |
9 | If more than 1 background thing is going on at the same time we display (1/x).
10 | If you click the button status bar anywhere, it takes you to a page adjacent to the room view (and e.g. in the future the settings) and you get an overview of all running background tasks.
11 |
--------------------------------------------------------------------------------
/prototypes/ie11-hashchange.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
18 |
19 | foo
20 | bar
21 | baz
22 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/src/platform/web/dom/UTF8.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 | export class UTF8 {
9 | constructor() {
10 | this._encoder = null;
11 | this._decoder = null;
12 | }
13 |
14 | encode(str) {
15 | if (!this._encoder) {
16 | this._encoder = new TextEncoder();
17 | }
18 | return this._encoder.encode(str);
19 | }
20 |
21 | decode(buffer) {
22 | if (!this._decoder) {
23 | this._decoder = new TextDecoder();
24 | }
25 | return this._decoder.decode(buffer);
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/src/utils/RetainedValue.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2021 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | export class RetainedValue {
10 | private readonly _freeCallback: () => void;
11 | private _retentionCount: number = 1;
12 |
13 | constructor(freeCallback: () => void) {
14 | this._freeCallback = freeCallback;
15 | }
16 |
17 | retain(): void {
18 | this._retentionCount += 1;
19 | }
20 |
21 | release(): void {
22 | this._retentionCount -= 1;
23 | if (this._retentionCount === 0) {
24 | this._freeCallback();
25 | }
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/src/platform/web/ui/session/room/timeline/ImageView.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 Bruno Windels
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {BaseMediaView} from "./BaseMediaView.js";
10 |
11 | export class ImageView extends BaseMediaView {
12 | renderMedia(t, vm) {
13 | const img = t.img({
14 | src: vm => vm.thumbnailUrl,
15 | alt: vm => vm.label,
16 | title: vm => vm.label,
17 | style: `max-width: ${vm.width}px; max-height: ${vm.height}px;`
18 | });
19 | return vm.isPending || !vm.lightboxUrl ? img : t.a({href: vm.lightboxUrl}, img);
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/src/observable/value/RetainedObservableValue.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 Bruno Windels
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {ObservableValue} from "./index";
10 |
11 | export class RetainedObservableValue extends ObservableValue {
12 |
13 | constructor(initialValue: T, private freeCallback: () => void, private startCallback: () => void = () => {}) {
14 | super(initialValue);
15 | }
16 |
17 | onSubscribeFirst(): void {
18 | this.startCallback();
19 | }
20 |
21 | onUnsubscribeLast(): void {
22 | super.onUnsubscribeLast();
23 | this.freeCallback();
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/src/platform/web/ui/session/rightpanel/MemberTileView.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2021 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {TemplateView} from "../../general/TemplateView";
10 | import {AvatarView} from "../../AvatarView.js";
11 |
12 | export class MemberTileView extends TemplateView {
13 | render(t, vm) {
14 | return t.li({ className: "MemberTileView" },
15 | t.a({ href: vm.detailsUrl },
16 | [
17 | t.view(new AvatarView(vm, 32)),
18 | t.div({ className: "MemberTileView_name" }, (vm) => vm.name),
19 | ])
20 | );
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/src/platform/web/theming/shared/svg-colorizer.mjs:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2021 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | export function getColoredSvgString(svgString, primaryColor, secondaryColor) {
10 | let coloredSVGCode = svgString.replaceAll("#ff00ff", primaryColor);
11 | coloredSVGCode = coloredSVGCode.replaceAll("#00ffff", secondaryColor);
12 | if (svgString === coloredSVGCode) {
13 | throw new Error("svg-colorizer made no color replacements! The input svg should only contain colors #ff00ff (primary, case-sensitive) and #00ffff (secondary, case-sensitive).");
14 | }
15 | return coloredSVGCode;
16 | }
17 |
--------------------------------------------------------------------------------
/src/platform/web/ui/session/room/timeline/DateHeaderView.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 Bruno Windels
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {TemplateView} from "../../../general/TemplateView";
10 | import type {DateTile} from "../../../../../../domain/session/room/timeline/tiles/DateTile";
11 |
12 | export class DateHeaderView extends TemplateView {
13 | render(t, vm) {
14 | return t.h2({className: "DateHeader"}, t.time({dateTime: vm.machineReadableDate}, vm.relativeDate));
15 | }
16 |
17 | /* This is called by the parent ListView, which just has 1 listener for the whole list */
18 | onClick() {}
19 | }
20 |
--------------------------------------------------------------------------------
/src/platform/web/utils/Base64.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import base64 from "base64-arraybuffer";
10 |
11 | export class Base64 {
12 | encodeUnpadded(buffer) {
13 | const str = base64.encode(buffer);
14 | const paddingIdx = str.indexOf("=");
15 | if (paddingIdx !== -1) {
16 | return str.substr(0, paddingIdx);
17 | } else {
18 | return str;
19 | }
20 | }
21 |
22 | encode(buffer) {
23 | return base64.encode(buffer);
24 | }
25 |
26 | decode(str) {
27 | return base64.decode(str);
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/scripts/sdk/create-manifest.js:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env node
2 | const fs = require("fs");
3 | const appManifest = require("../../package.json");
4 | const baseSDKManifest = require("./base-manifest.json");
5 | /*
6 | Need to leave typescript type definitions out until the
7 | typescript conversion is complete and all imports in the d.ts files
8 | exists.
9 | ```
10 | "types": "types/lib.d.ts"
11 | ```
12 | */
13 | const mergeOptions = require('merge-options');
14 |
15 | const manifestExtension = {
16 | devDependencies: undefined,
17 | scripts: undefined,
18 | };
19 |
20 | const manifest = mergeOptions(appManifest, baseSDKManifest, manifestExtension);
21 | const json = JSON.stringify(manifest, undefined, 2);
22 | const outFile = process.argv[2];
23 | fs.writeFileSync(outFile, json, {encoding: "utf8"});
24 |
--------------------------------------------------------------------------------
/src/platform/web/ui/css/themes/element/icons/search.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/scripts/sdk/test/esm-entry.ts:
--------------------------------------------------------------------------------
1 | import * as hydrogenViewSdk from "hydrogen-view-sdk";
2 | import downloadSandboxPath from 'hydrogen-view-sdk/download-sandbox.html?url';
3 | import workerPath from 'hydrogen-view-sdk/main.js?url';
4 | import olmWasmPath from '@matrix-org/olm/olm.wasm?url';
5 | import olmJsPath from '@matrix-org/olm/olm.js?url';
6 | import olmLegacyJsPath from '@matrix-org/olm/olm_legacy.js?url';
7 | const assetPaths = {
8 | downloadSandbox: downloadSandboxPath,
9 | worker: workerPath,
10 | olm: {
11 | wasm: olmWasmPath,
12 | legacyBundle: olmLegacyJsPath,
13 | wasmBundle: olmJsPath
14 | }
15 | };
16 | import "hydrogen-view-sdk/assets/theme-element-light.css";
17 |
18 | console.log('hydrogenViewSdk', hydrogenViewSdk);
19 | console.log('assetPaths', assetPaths);
20 |
21 | console.log('Entry ESM works ✅');
22 |
--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | env: {
3 | browser: true,
4 | es6: true,
5 | },
6 | extends: "eslint:recommended",
7 | parserOptions: {
8 | ecmaVersion: 2020,
9 | sourceType: "module",
10 | },
11 | rules: {
12 | "no-console": "off",
13 | "no-empty": "off",
14 | "no-prototype-builtins": "off",
15 | "no-unused-vars": "warn",
16 | },
17 | globals: {
18 | DEFINE_VERSION: "readonly",
19 | DEFINE_GLOBAL_HASH: "readonly",
20 | DEFINE_IS_SDK: "readonly",
21 | DEFINE_PROJECT_DIR: "readonly",
22 | // only available in sw.js
23 | DEFINE_UNHASHED_PRECACHED_ASSETS: "readonly",
24 | DEFINE_HASHED_PRECACHED_ASSETS: "readonly",
25 | DEFINE_HASHED_CACHED_ON_REQUEST_ASSETS: "readonly",
26 | },
27 | };
28 |
--------------------------------------------------------------------------------
/src/platform/web/ui/session/room/timeline/AnnouncementView.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 Bruno Windels
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {TemplateView} from "../../../general/TemplateView";
10 |
11 | export class AnnouncementView extends TemplateView {
12 | // ignore other arguments
13 | constructor(vm) {
14 | super(vm);
15 | }
16 |
17 | render(t, vm) {
18 | return t.li({
19 | className: "AnnouncementView",
20 | 'data-event-id': vm.eventId
21 | }, t.div(vm => vm.announcement));
22 | }
23 |
24 | /* This is called by the parent ListView, which just has 1 listener for the whole list */
25 | onClick() {}
26 | }
27 |
--------------------------------------------------------------------------------
/src/utils/formatSize.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 |
10 | export function formatSize(size: number, decimals: number = 2): string {
11 | if (Number.isSafeInteger(size)) {
12 | const base = Math.min(3, Math.floor(Math.log(size) / Math.log(1024)));
13 | const formattedSize = Math.round(size / Math.pow(1024, base)).toFixed(decimals);
14 | switch (base) {
15 | case 0: return `${formattedSize} bytes`;
16 | case 1: return `${formattedSize} KB`;
17 | case 2: return `${formattedSize} MB`;
18 | case 3: return `${formattedSize} GB`;
19 | }
20 | }
21 | return "";
22 | }
23 |
--------------------------------------------------------------------------------
/prototypes/base256.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
28 |
29 |
30 |
31 |
--------------------------------------------------------------------------------
/src/platform/web/ui/general/StaticView.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 Bruno Windels
4 | Copyright 2020 The Matrix.org Foundation C.I.C.
5 |
6 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
7 | Please see LICENSE files in the repository root for full details.
8 | */
9 |
10 | import {tag} from "../general/html";
11 |
12 | export class StaticView {
13 | constructor(value, render = undefined) {
14 | if (typeof value === "function" && !render) {
15 | render = value;
16 | value = null;
17 | }
18 | this._root = render ? render(tag, value) : this.render(tag, value);
19 | }
20 |
21 | mount() {
22 | return this._root;
23 | }
24 |
25 | root() {
26 | return this._root;
27 | }
28 |
29 | unmount() {}
30 | update() {}
31 | }
32 |
--------------------------------------------------------------------------------
/src/matrix/verification/SAS/stages/SendDoneStage.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2023 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 | import {BaseSASVerificationStage} from "./BaseSASVerificationStage";
9 | import {VerificationEventType} from "../channel/types";
10 |
11 | export class SendDoneStage extends BaseSASVerificationStage {
12 | async completeStage() {
13 | await this.log.wrap("SendDoneStage.completeStage", async (log) => {
14 | await this.channel.send(VerificationEventType.Done, {}, log);
15 | await this.channel.waitForEvent(VerificationEventType.Done);
16 | this.eventEmitter.emit("VerificationCompleted", this.otherUserDeviceId);
17 | });
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/src/platform/web/ui/session/room/timeline/FileView.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 Bruno Windels
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {BaseMessageView} from "./BaseMessageView.js";
10 |
11 | export class FileView extends BaseMessageView {
12 | renderMessageBody(t, vm) {
13 | const children = [];
14 | if (vm.isPending) {
15 | children.push(vm => vm.label);
16 | } else {
17 | children.push(
18 | t.button({className: "link", onClick: () => vm.download()}, vm => vm.label),
19 | t.time(vm.time)
20 | );
21 | }
22 | return t.p({className: "Timeline_messageBody statusMessage"}, children);
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/src/platform/web/ui/session/room/timeline/RedactedView.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 Bruno Windels
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {BaseMessageView} from "./BaseMessageView.js";
10 | import {Menu} from "../../../general/Menu.js";
11 |
12 | export class RedactedView extends BaseMessageView {
13 | renderMessageBody(t) {
14 | return t.p({className: "Timeline_messageBody statusMessage"}, vm => vm.description);
15 | }
16 |
17 | createMenuOptions(vm) {
18 | const options = super.createMenuOptions(vm);
19 | if (vm.isRedacting) {
20 | options.push(Menu.option(vm.i18n`Cancel`, () => vm.abortPendingRedaction()));
21 | }
22 | return options;
23 | }
24 | }
--------------------------------------------------------------------------------
/scripts/sdk/base-manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "hydrogen-view-sdk",
3 | "description": "Embeddable matrix client library, including view components",
4 | "version": "0.3.1",
5 | "main": "./lib-build/hydrogen.cjs.js",
6 | "exports": {
7 | ".": {
8 | "import": "./lib-build/hydrogen.es.js",
9 | "require": "./lib-build/hydrogen.cjs.js"
10 | },
11 | "./paths/vite": "./paths/vite.js",
12 | "./style.css": "./asset-build/assets/theme-element-light.css",
13 | "./theme-element-light.css": "./asset-build/assets/theme-element-light.css",
14 | "./theme-element-dark.css": "./asset-build/assets/theme-element-dark.css",
15 | "./main.js": "./asset-build/assets/main.js",
16 | "./download-sandbox.html": "./asset-build/assets/download-sandbox.html",
17 | "./assets/*": "./asset-build/assets/*"
18 | }
19 | }
20 |
--------------------------------------------------------------------------------
/doc/implementation planning/CATCHUP-BACKFILL.md:
--------------------------------------------------------------------------------
1 | we should automatically fill gaps (capped at a certain (large) amount of events, 5000?) after a limited sync for a room
2 |
3 | ## E2EE rooms
4 |
5 | during these fills (once supported), we should calculate push actions and trigger notifications, as we would otherwise have received this through sync.
6 |
7 | we could also trigger notifications when just backfilling on initial sync up to a certain amount of time in the past?
8 |
9 |
10 | we also need to backfill if we didn't receive any m.room.message in a limited sync for an encrypted room, as it's possible the room summary hasn't seen the last message in the room and is now out of date. this is also true for a non-encrypted room actually, although wrt to the above, here notifications would work well though.
11 |
12 | a room should request backfills in needsAfterSyncCompleted and do them in afterSyncCompleted.
13 |
--------------------------------------------------------------------------------
/prototypes/online.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
25 |
26 |
27 |
--------------------------------------------------------------------------------
/src/matrix/storage/idb/stores/UserIdentityStore.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 | import {Store} from "../Store";
9 | import type {UserIdentity} from "../../../e2ee/DeviceTracker";
10 |
11 | export class UserIdentityStore {
12 | private _store: Store;
13 |
14 | constructor(store: Store) {
15 | this._store = store;
16 | }
17 |
18 | get(userId: string): Promise {
19 | return this._store.get(userId);
20 | }
21 |
22 | set(userIdentity: UserIdentity): void {
23 | this._store.put(userIdentity);
24 | }
25 |
26 | remove(userId: string): void {
27 | this._store.delete(userId);
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/prototypes/ie11-textdecoder.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
22 |
23 |
24 |
--------------------------------------------------------------------------------
/src/matrix/e2ee/megolm/decryption/README.md:
--------------------------------------------------------------------------------
1 | Lots of classes here. The complexity comes from needing to offload decryption to a webworker, mainly for IE11. We can't keep a idb transaction open while waiting for the response from the worker, so need to batch decryption of multiple events and do decryption in multiple steps:
2 |
3 | 1. Read all used inbound sessions for the batch of events, requires a read txn. This happens in `Decryption`. Sessions are loaded into `SessionInfo` objects, which are also kept in a `SessionCache` to prevent having to read and unpickle them all the time.
4 | 2. Actually decrypt. No txn can stay open during this step, as it can be offloaded to a worker and is thus async. This happens in `DecryptionPreparation`, which delegates to `SessionDecryption` per session.
5 | 3. Read and write for the replay detection, requires a read/write txn. This happens in `DecryptionChanges`
6 | 4. Return the decrypted entries, and errors if any
7 |
--------------------------------------------------------------------------------
/.ts-eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | root: true,
3 | env: {
4 | "browser": true,
5 | "es6": true
6 | },
7 | extends: [
8 | // "plugin:@typescript-eslint/recommended",
9 | // "plugin:@typescript-eslint/recommended-requiring-type-checking",
10 | ],
11 | parser: '@typescript-eslint/parser',
12 | parserOptions: {
13 | "ecmaVersion": 2020,
14 | "sourceType": "module",
15 | "project": "./tsconfig.json"
16 | },
17 | plugins: [
18 | '@typescript-eslint',
19 | ],
20 | rules: {
21 | "@typescript-eslint/no-floating-promises": 2,
22 | "@typescript-eslint/no-misused-promises": 2,
23 | "no-unused-vars": "off",
24 | "@typescript-eslint/no-unused-vars": ["warn"],
25 | "no-undef": "off",
26 | "semi": ["error", "always"],
27 | "@typescript-eslint/explicit-function-return-type": ["error"]
28 | }
29 | };
30 |
--------------------------------------------------------------------------------
/src/platform/web/ui/general/types.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2021 The Matrix.org Foundation C.I.C.
4 | Copyright 2021 Daniel Fedorin
5 |
6 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
7 | Please see LICENSE files in the repository root for full details.
8 | */
9 | export interface IMountArgs {
10 | // if true, the parent will call update() rather than the view updating itself by binding to a data source.
11 | parentProvidesUpdates?: boolean
12 | };
13 |
14 | // Comment nodes can be used as temporary placeholders for Elements, like TemplateView does.
15 | export type ViewNode = Element | Comment;
16 |
17 | export interface IView {
18 | mount(args?: IMountArgs): ViewNode;
19 | root(): ViewNode | undefined; // should only be called between mount() and unmount()
20 | unmount(): void;
21 | update(...any); // this isn't really standarized yet
22 | }
23 |
--------------------------------------------------------------------------------
/src/domain/session/room/README.md:
--------------------------------------------------------------------------------
1 | # "Room" view models
2 |
3 | InviteViewModel, RoomViewModel and RoomBeingCreatedViewModel are interchangebly used as "room view model":
4 | - SessionViewModel.roomViewModel can be an instance of any
5 | - RoomGridViewModel.roomViewModelAt(i) can return an instance of any
6 |
7 | This is because they are accessed by the same url and need to transition into each other, in these two locations. Having two methods, especially in RoomGridViewModel would have been more cumbersome, even though this is not in line with how different view models are exposed in SessionViewModel.
8 |
9 | They share an `id` and `kind` property, the latter can be used to differentiate them from the view, and a `focus` method.
10 | Once we convert this folder to typescript, we should use this interface for all the view models:
11 | ```ts
12 | interface IGridItemViewModel {
13 | id: string;
14 | kind: string;
15 | focus();
16 | }
17 | ```
18 |
--------------------------------------------------------------------------------
/src/domain/session/room/timeline/tiles/MissingAttachmentTile.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {BaseMessageTile} from "./BaseMessageTile.js";
10 |
11 | export class MissingAttachmentTile extends BaseMessageTile {
12 | get shape() {
13 | return "missing-attachment"
14 | }
15 |
16 | get label() {
17 | const name = this._getContent().body;
18 | const msgtype = this._getContent().msgtype;
19 | if (msgtype === "m.image") {
20 | return this.i18n`The image ${name} wasn't fully sent previously and could not be recovered.`;
21 | } else {
22 | return this.i18n`The file ${name} wasn't fully sent previously and could not be recovered.`;
23 | }
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/src/platform/web/ui/login/SessionLoadView.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {TemplateView} from "../general/TemplateView";
10 | import {SessionLoadStatusView} from "./SessionLoadStatusView.js";
11 |
12 | export class SessionLoadView extends TemplateView {
13 | render(t, vm) {
14 | return t.div({className: "PreSessionScreen"}, [
15 | t.div({className: "logo"}),
16 | t.div({className: "SessionLoadView"}, [
17 | t.view(new SessionLoadStatusView(vm))
18 | ]),
19 | t.div({className: {"button-row": true, hidden: vm => vm.loading}},
20 | t.a({className: "button-action primary", href: vm.backUrl}, vm.i18n`Go back`))
21 | ]);
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/src/matrix/e2ee/megolm/decryption/ReplayDetectionEntry.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import type {TimelineEvent} from "../../../storage/types";
10 |
11 | export class ReplayDetectionEntry {
12 | public readonly sessionId: string;
13 | public readonly messageIndex: number;
14 | public readonly event: TimelineEvent;
15 |
16 | constructor(sessionId: string, messageIndex: number, event: TimelineEvent) {
17 | this.sessionId = sessionId;
18 | this.messageIndex = messageIndex;
19 | this.event = event;
20 | }
21 |
22 | get eventId(): string {
23 | return this.event.event_id;
24 | }
25 |
26 | get timestamp(): number {
27 | return this.event.origin_server_ts;
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/src/matrix/room/timeline/persistence/common.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 Bruno Windels
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | export function createEventEntry(key, roomId, event) {
10 | return {
11 | fragmentId: key.fragmentId,
12 | eventIndex: key.eventIndex,
13 | roomId,
14 | event: event,
15 | };
16 | }
17 |
18 | export function directionalAppend(array, value, direction) {
19 | if (direction.isForward) {
20 | array.push(value);
21 | } else {
22 | array.unshift(value);
23 | }
24 | }
25 |
26 | export function directionalConcat(array, otherArray, direction) {
27 | if (direction.isForward) {
28 | return array.concat(otherArray);
29 | } else {
30 | return otherArray.concat(array);
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/src/platform/web/ui/css/themes/element/icons/cam-muted.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/src/matrix/room/timeline/Direction.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 Bruno Windels
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | export class Direction {
10 | constructor(public readonly isForward: boolean) {
11 | }
12 |
13 | get isBackward(): boolean {
14 | return !this.isForward;
15 | }
16 |
17 | asApiString(): string {
18 | return this.isForward ? "f" : "b";
19 | }
20 |
21 | reverse(): Direction {
22 | return this.isForward ? Direction.Backward : Direction.Forward
23 | }
24 |
25 | static get Forward(): Direction {
26 | return _forward;
27 | }
28 |
29 | static get Backward(): Direction {
30 | return _backward;
31 | }
32 | }
33 |
34 | const _forward = new Direction(true);
35 | const _backward = new Direction(false);
36 |
--------------------------------------------------------------------------------
/src/platform/web/ui/common.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 Bruno Windels
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | let container;
10 |
11 | export function spinner(t, extraClasses = undefined) {
12 | if (container === undefined) {
13 | container = document.querySelector(".hydrogen");
14 | }
15 | const classes = Object.assign({"spinner": true}, extraClasses);
16 | if (container?.classList.contains("legacy")) {
17 | return t.div({className: classes}, [
18 | t.div(),
19 | t.div(),
20 | t.div(),
21 | t.div(),
22 | ]);
23 | } else {
24 | return t.svg({className: classes, viewBox:"0 0 100 100"},
25 | t.circle({cx:"50%", cy:"50%", r:"45%", pathLength:"100"})
26 | );
27 | }
28 | }
29 |
30 |
--------------------------------------------------------------------------------
/doc/implementation planning/LOCAL-ECHO-STATE.md:
--------------------------------------------------------------------------------
1 | # Local echo
2 |
3 | ## Remote vs local state for account_data, etc ...
4 |
5 | For things like account data, and other requests that might fail, we could persist what we are sending next to the last remote version we have (with a flag for which one is remote and local, part of the key). E.g. for account data the key would be: [type, localOrRemoteFlag]
6 |
7 | localOrRemoteFlag would be 1 of 3:
8 | - Remote
9 | - (Local)Unsent
10 | - (Local)Sent
11 |
12 | although we only want 1 remote and 1 local value for a given key, perhaps a second field where localOrRemoteFlag is a boolean, and a sent=boolean field as well? We need this to know if we need to retry.
13 |
14 | This will allow resending of these requests if needed. Once the request goes through, we remove the local version.
15 |
16 | then we can also see what the current value is with or without the pending local changes, and we don't have to wait for remote echo...
17 |
--------------------------------------------------------------------------------
/src/platform/web/ui/login/CompleteSSOView.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2021 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {TemplateView} from "../general/TemplateView";
10 | import {SessionLoadStatusView} from "./SessionLoadStatusView.js";
11 |
12 | export class CompleteSSOView extends TemplateView {
13 | render(t) {
14 | return t.div({ className: "CompleteSSOView" },
15 | [
16 | t.p({ className: "CompleteSSOView_title" }, "Finishing up your SSO Login"),
17 | t.if(vm => vm.errorMessage, (t, vm) => t.p({className: "error"}, vm.i18n(vm.errorMessage))),
18 | t.mapView(vm => vm.loadViewModel, loadViewModel => loadViewModel ? new SessionLoadStatusView(loadViewModel) : null),
19 | ]
20 | );
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/src/utils/Deferred.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2023 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | export class Deferred {
10 | public readonly promise: Promise;
11 | public readonly resolve: (value: T) => void;
12 | public readonly reject: (err: Error) => void;
13 | private _value?: T;
14 |
15 | constructor() {
16 | let resolve;
17 | let reject;
18 | this.promise = new Promise((_resolve, _reject) => {
19 | resolve = _resolve;
20 | reject = _reject;
21 | })
22 | this.resolve = (value: T) => {
23 | this._value = value;
24 | resolve(value);
25 | };
26 | this.reject = reject;
27 | }
28 |
29 | get value(): T | undefined {
30 | return this._value;
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/src/platform/web/assets/icon.svg:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/src/logging/utils.ts:
--------------------------------------------------------------------------------
1 | // these are helper functions if you can't assume you always have a log item (e.g. some code paths call with one set, others don't)
2 | // if you know you always have a log item, better to use the methods on the log item than these utility functions.
3 |
4 | import {Instance as NullLoggerInstance} from "./NullLogger";
5 | import type {FilterCreator, ILogItem, LabelOrValues, LogCallback} from "./types";
6 | import {LogLevel} from "./LogFilter";
7 |
8 | export function wrapOrRunNullLogger(logItem: ILogItem | undefined, labelOrValues: LabelOrValues, callback: LogCallback, logLevel?: LogLevel, filterCreator?: FilterCreator): T | Promise {
9 | if (logItem) {
10 | return logItem.wrap(labelOrValues, callback, logLevel, filterCreator);
11 | } else {
12 | return NullLoggerInstance.run(null, callback);
13 | }
14 | }
15 |
16 | export function ensureLogItem(logItem: ILogItem): ILogItem {
17 | return logItem || NullLoggerInstance.item;
18 | }
19 |
--------------------------------------------------------------------------------
/src/matrix/storage/idb/stores/OutboundGroupSessionStore.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 | import {Store} from "../Store";
9 |
10 | interface OutboundSession {
11 | roomId: string;
12 | session: string;
13 | createdAt: number;
14 | }
15 |
16 | export class OutboundGroupSessionStore {
17 | private _store: Store;
18 |
19 | constructor(store: Store) {
20 | this._store = store;
21 | }
22 |
23 | remove(roomId: string): void {
24 | this._store.delete(roomId);
25 | }
26 |
27 | get(roomId: string): Promise {
28 | return this._store.get(roomId);
29 | }
30 |
31 | set(session: OutboundSession): void {
32 | this._store.put(session);
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/src/matrix/storage/idb/stores/SharedSecretStore.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2023 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 | import {Store} from "../Store";
9 |
10 | type SharedSecret = any;
11 |
12 | export class SharedSecretStore {
13 | private _store: Store;
14 |
15 | constructor(store: Store) {
16 | this._store = store;
17 | }
18 |
19 | get(name: string): Promise {
20 | return this._store.get(name);
21 | }
22 |
23 | set(name: string, secret: SharedSecret): void {
24 | secret.key = name;
25 | this._store.put(secret);
26 | }
27 |
28 | remove(name: string): void {
29 | this._store.delete(name);
30 | }
31 |
32 | deleteAllSecrets(): void {
33 | this._store.clear();
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/doc/implementation planning/ROOM-VERSIONS.md:
--------------------------------------------------------------------------------
1 | - add internal room ids (to support room versioning later, and make internal event ids smaller and not needing escaping, and not needing a migration later on) ... hm this might need some more though. how to address a logical room? last room id? also we might not need it for room versioning ... it would basically be to make the ids smaller, but as idb is compressing, not sure that's a good reason? Although as we keep all room summaries in memory, it would be easy to map between these... you'd get event ids like 0000E78A00000020000A0B3C with room id, fragment id and event index. The room summary would store:
2 | ```
3 | rooms: {
4 | "!eKhOsgLidcrWMWnxOr:vector.modular.im": 0x0000E78A,
5 | ...
6 | }
7 | mostRecentRoom: 0x0000E78A
8 | ```
9 | if this is not on an indexed field, how can we do a query to find the last room id and +1 to assign a new one?
10 |
11 | how do we identify a logical room (consisting on a recent room and perhaps multiple outdated ones)?
12 |
--------------------------------------------------------------------------------
/src/matrix/verification/SAS/channel/types.ts:
--------------------------------------------------------------------------------
1 | export const enum VerificationEventType {
2 | Request = "m.key.verification.request",
3 | Ready = "m.key.verification.ready",
4 | Start = "m.key.verification.start",
5 | Accept = "m.key.verification.accept",
6 | Key = "m.key.verification.key",
7 | Cancel = "m.key.verification.cancel",
8 | Mac = "m.key.verification.mac",
9 | Done = "m.key.verification.done",
10 | }
11 |
12 | export const enum CancelReason {
13 | UserCancelled = "m.user",
14 | TimedOut = "m.timeout",
15 | UnknownTransaction = "m.unknown_transaction",
16 | UnknownMethod = "m.unknown_method",
17 | UnexpectedMessage = "m.unexpected_message",
18 | KeyMismatch = "m.key_mismatch",
19 | UserMismatch = "m.user_mismatch",
20 | InvalidMessage = "m.invalid_message",
21 | OtherDeviceAccepted = "m.accepted",
22 | // SAS specific
23 | MismatchedCommitment = "m.mismatched_commitment",
24 | MismatchedSAS = "m.mismatched_sas",
25 | }
26 |
--------------------------------------------------------------------------------
/src/matrix/room/members/MemberList.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {ObservableMap} from "../../../observable";
10 | import {RetainedValue} from "../../../utils/RetainedValue";
11 |
12 | export class MemberList extends RetainedValue {
13 | constructor({members, closeCallback}) {
14 | super(closeCallback);
15 | this._members = new ObservableMap();
16 | for (const member of members) {
17 | this._members.add(member.userId, member);
18 | }
19 | }
20 |
21 | afterSync(memberChanges) {
22 | for (const [userId, memberChange] of memberChanges.entries()) {
23 | this._members.set(userId, memberChange.member);
24 | }
25 | }
26 |
27 | get members() {
28 | return this._members;
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/src/observable/map/index.ts:
--------------------------------------------------------------------------------
1 | // In order to avoid a circular dependency problem at runtime between BaseObservableMap
2 | // and the classes that extend it, it's important that:
3 | //
4 | // 1) It always remain the first module exported below.
5 | // 2) Anything that imports any of the classes in this module
6 | // ONLY import them from this index.ts file.
7 | //
8 | // See https://medium.com/visual-development/how-to-fix-nasty-circular-dependency-issues-once-and-for-all-in-javascript-typescript-a04c987cf0de
9 | // for more on why this discipline is necessary.
10 | export {BaseObservableMap} from './BaseObservableMap';
11 | export type {Mapper, Updater, Comparator, Filter} from './BaseObservableMap';
12 | export {ApplyMap} from './ApplyMap';
13 | export {FilteredMap} from './FilteredMap';
14 | export {JoinedMap} from './JoinedMap';
15 | export {LogMap} from './LogMap';
16 | export {MappedMap} from './MappedMap';
17 | export {ObservableMap} from './ObservableMap';
18 | export {ObservableValueMap} from './ObservableValueMap';
19 |
--------------------------------------------------------------------------------
/src/observable/value/index.ts:
--------------------------------------------------------------------------------
1 | // In order to avoid a circular dependency problem at runtime between BaseObservableValue
2 | // and the classes that extend it, it's important that:
3 | //
4 | // 1) It always remain the first module exported below.
5 | // 2) Anything that imports any of the classes in this module
6 | // ONLY import them from this index.ts file.
7 | //
8 | // See https://medium.com/visual-development/how-to-fix-nasty-circular-dependency-issues-once-and-for-all-in-javascript-typescript-a04c987cf0de
9 | // for more on why this discipline is necessary.
10 | export {BaseObservableValue} from './BaseObservableValue';
11 | export {EventObservableValue} from './EventObservableValue';
12 | export {FlatMapObservableValue} from './FlatMapObservableValue';
13 | export {PickMapObservableValue} from './PickMapObservableValue';
14 | export {RetainedObservableValue} from './RetainedObservableValue';
15 | export {MapSizeObservableValue} from './MapSizeObservableValue';
16 | export {ObservableValue} from './ObservableValue';
17 |
--------------------------------------------------------------------------------
/src/matrix/registration/stages/TermsAuth.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2021 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {AuthenticationData} from "../types";
10 | import {BaseRegistrationStage} from "./BaseRegistrationStage";
11 |
12 | export class TermsAuth extends BaseRegistrationStage {
13 | generateAuthenticationData(): AuthenticationData {
14 | return {
15 | session: this._session,
16 | type: this.type,
17 | // No other auth data needed for m.login.terms
18 | };
19 | }
20 |
21 | get type(): string {
22 | return "m.login.terms";
23 | }
24 |
25 | get privacyPolicy() {
26 | return this._params?.policies["privacy_policy"];
27 | }
28 |
29 | get termsOfService() {
30 | return this._params?.policies["terms_of_service"];
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/doc/architecture/sync-updates.md:
--------------------------------------------------------------------------------
1 | # persistance vs model update of a room
2 |
3 | ## persist first, return update object, update model with update object
4 | - we went with this
5 | ## update model first, return update object, persist with update object
6 | - not all models exist at all times (timeline only when room is "open"),
7 | so model to create timeline update object might not exist for persistence need
8 |
9 | ## persist, update, each only based on sync data (independent of each other)
10 | - possible inconsistency between syncing and loading from storage as they are different code paths
11 | + storage code remains very simple and focussed
12 |
13 | ## updating model and persisting in one go
14 | - if updating model needs to do anything async, it needs to postpone it or the txn will be closed
15 |
16 | ## persist first, read from storage to update model
17 | + guaranteed consistency between what is on screen and in storage
18 | - slower as we need to reread what was just synced every time (big accounts with frequent updates)
19 |
--------------------------------------------------------------------------------
/src/matrix/storage/idb/stores/AccountDataStore.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 Bruno Windels
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 | import {Store} from "../Store";
9 | import {Content} from "../../types";
10 |
11 | export interface AccountDataEntry {
12 | type: string;
13 | content: Content;
14 | }
15 |
16 | export class AccountDataStore {
17 | private _store: Store;
18 |
19 | constructor(store: Store) {
20 | this._store = store;
21 | }
22 |
23 | async get(type: string): Promise {
24 | return await this._store.get(type);
25 | }
26 |
27 | set(event: AccountDataEntry): void {
28 | this._store.put(event);
29 | }
30 |
31 | async getAll(): Promise> {
32 | return await this._store.selectAll();
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/src/matrix/verification/SAS/mac.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2023 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 | import type {ILogItem} from "../../../logging/types";
9 | import type {MacMethod} from "./stages/constants";
10 |
11 | const macMethods: Record = {
12 | "hkdf-hmac-sha256": "calculate_mac",
13 | "org.matrix.msc3783.hkdf-hmac-sha256": "calculate_mac_fixed_base64",
14 | "hkdf-hmac-sha256.v2": "calculate_mac_fixed_base64",
15 | "hmac-sha256": "calculate_mac_long_kdf",
16 | };
17 |
18 | export function createCalculateMAC(olmSAS: Olm.SAS, method: MacMethod) {
19 | return function (input: string, info: string, log: ILogItem): string {
20 | return log.wrap({ l: "calculate MAC", method}, () => {
21 | const mac = olmSAS[macMethods[method]](input, info);
22 | return mac;
23 | });
24 | };
25 | }
26 |
--------------------------------------------------------------------------------
/src/matrix/verification/SAS/stages/SendReadyStage.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2023 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 | import {BaseSASVerificationStage} from "./BaseSASVerificationStage";
9 | import {VerificationEventType} from "../channel/types";
10 | import {SelectVerificationMethodStage} from "./SelectVerificationMethodStage";
11 |
12 | export class SendReadyStage extends BaseSASVerificationStage {
13 | async completeStage() {
14 | await this.log.wrap("SendReadyStage.completeStage", async (log) => {
15 | const content = {
16 | "from_device": this.ourUserDeviceId,
17 | "methods": ["m.sas.v1"],
18 | };
19 | await this.channel.send(VerificationEventType.Ready, content, log);
20 | this.setNextStage(new SelectVerificationMethodStage(this.options));
21 | });
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/src/domain/session/room/timeline/tiles/ImageTile.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 Bruno Windels
4 | Copyright 2020 The Matrix.org Foundation C.I.C.
5 |
6 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
7 | Please see LICENSE files in the repository root for full details.
8 | */
9 |
10 | import {BaseMediaTile} from "./BaseMediaTile.js";
11 |
12 | export class ImageTile extends BaseMediaTile {
13 | constructor(entry, options) {
14 | super(entry, options);
15 | this._lightboxUrl = this.urlRouter.urlForSegments([
16 | // ensure the right room is active if in grid view
17 | this.navigation.segment("room", this._room.id),
18 | this.navigation.segment("lightbox", this._entry.id)
19 | ]);
20 | }
21 |
22 | get lightboxUrl() {
23 | if (!this.isPending) {
24 | return this._lightboxUrl;
25 | }
26 | return "";
27 | }
28 |
29 | get shape() {
30 | return "image";
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/src/matrix/login/TokenLoginMethod.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2021 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {makeTxnId} from "../common.js";
10 | import {ILogItem} from "../../logging/types";
11 | import {ILoginMethod} from "./LoginMethod";
12 | import {HomeServerApi} from "../net/HomeServerApi.js";
13 |
14 | export class TokenLoginMethod implements ILoginMethod {
15 | private readonly _loginToken: string;
16 | public readonly homeserver: string;
17 |
18 | constructor({ homeserver, loginToken }: { homeserver: string, loginToken: string}) {
19 | this.homeserver = homeserver;
20 | this._loginToken = loginToken;
21 | }
22 |
23 | async login(hsApi: HomeServerApi, deviceName: string, log: ILogItem): Promise> {
24 | return await hsApi.tokenLogin(this._loginToken, makeTxnId(), deviceName, {log}).response();
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/src/utils/mergeMap.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 Bruno Windels
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | export function mergeMap(src: Map | undefined, dst: Map): void {
10 | if (src) {
11 | for (const [key, value] of src.entries()) {
12 | dst.set(key, value);
13 | }
14 | }
15 | }
16 |
17 | export function tests() {
18 | return {
19 | "mergeMap with src": assert => {
20 | const src = new Map();
21 | src.set(1, "a");
22 | const dst = new Map();
23 | dst.set(2, "b");
24 | mergeMap(src, dst);
25 | assert.equal(dst.get(1), "a");
26 | assert.equal(dst.get(2), "b");
27 | assert.equal(src.get(2), null);
28 | },
29 | "mergeMap without src doesn't fail": () => {
30 | mergeMap(undefined, new Map());
31 | }
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/src/platform/web/ui/css/themes/element/icons/hangup.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/src/platform/web/ui/css/themes/element/icons/voice-call.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/src/platform/web/assets/icon-maskable.svg:
--------------------------------------------------------------------------------
1 |
7 |
--------------------------------------------------------------------------------
/Dockerfile:
--------------------------------------------------------------------------------
1 | FROM --platform=${BUILDPLATFORM} docker.io/node:alpine as builder
2 | RUN apk add --no-cache git python3 build-base
3 |
4 | WORKDIR /app
5 |
6 | # Copy package.json and yarn.lock and install dependencies first to speed up subsequent builds
7 | COPY package.json yarn.lock /app/
8 | RUN yarn install
9 |
10 | COPY . /app
11 | RUN yarn build
12 |
13 | # Because we will be running as an unprivileged user, we need to make sure that the config file is writable
14 | # So, we will copy the default config to the /tmp folder that will be writable at runtime
15 | RUN mv -f target/config.json /config.json.bundled \
16 | && ln -sf /tmp/config.json target/config.json
17 |
18 | FROM --platform=${TARGETPLATFORM} docker.io/nginxinc/nginx-unprivileged:alpine
19 |
20 | # Copy the dynamic config script
21 | COPY ./docker/dynamic-config.sh /docker-entrypoint.d/99-dynamic-config.sh
22 | # And the bundled config file
23 | COPY --from=builder /config.json.bundled /config.json.bundled
24 |
25 | # Copy the built app from the first build stage
26 | COPY --from=builder /app/target /usr/share/nginx/html
27 |
--------------------------------------------------------------------------------
/scripts/sdk/build.sh:
--------------------------------------------------------------------------------
1 | #!/bin/bash
2 | # Exit whenever one of the commands fail with a non-zero exit code
3 | set -e
4 | set -o pipefail
5 | # Enable extended globs so we can use the `!(filename)` glob syntax
6 | shopt -s extglob
7 |
8 | # Only remove the directory contents instead of the whole directory to maintain
9 | # the `npm link`/`yarn link` symlink
10 | rm -rf target/*
11 | yarn run vite build -c vite.sdk-assets-config.js --mode sdk
12 | yarn run vite build -c vite.sdk-lib-config.js --mode sdk
13 | yarn tsc -p tsconfig-declaration.json
14 | ./scripts/sdk/create-manifest.js ./target/package.json
15 | mkdir target/paths
16 | # this doesn't work, the ?url imports need to be in the consuming project, so disable for now
17 | # ./scripts/sdk/transform-paths.js ./src/platform/web/sdk/paths/vite.js ./target/paths/vite.js
18 | cp doc/SDK.md target/README.md
19 | cp doc/SDK-CHANGELOG.md target/CHANGELOG.md
20 | pushd target/asset-build
21 | rm index.html
22 | popd
23 | pushd target/asset-build/assets
24 | # Remove all `*.wasm` and `*.js` files except for `main.js`
25 | rm !(main).js *.wasm
26 | popd
27 |
--------------------------------------------------------------------------------
/src/domain/session/toast/BaseToastNotificationViewModel.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2023 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {ErrorReportViewModel} from "../../ErrorReportViewModel";
10 | import {Options as BaseOptions} from "../../ViewModel";
11 | import type {Session} from "../../../matrix/Session.js";
12 | import {SegmentType} from "../../navigation";
13 |
14 | export type BaseClassOptions = {
15 | dismiss: () => void;
16 | session: Session;
17 | } & BaseOptions;
18 |
19 | export abstract class BaseToastNotificationViewModel = BaseClassOptions> extends ErrorReportViewModel {
20 | constructor(options: O) {
21 | super(options);
22 | }
23 |
24 | dismiss(): void {
25 | this.getOption("dismiss")();
26 | }
27 |
28 | abstract get kind(): string;
29 | }
30 |
--------------------------------------------------------------------------------
/src/matrix/verification/SAS/SASRequest.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2023 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import type {CrossSigning} from "../CrossSigning";
10 | import type {Room} from "../../room/Room.js";
11 | import type {ILogItem} from "../../../logging/types";
12 |
13 | export class SASRequest {
14 | constructor(public readonly startingMessage: any) {}
15 |
16 | get deviceId(): string {
17 | return this.startingMessage.content.from_device;
18 | }
19 |
20 | get sender(): string {
21 | return this.startingMessage.sender;
22 | }
23 |
24 | get id(): string {
25 | return this.startingMessage.content.transaction_id ?? this.startingMessage.eventId;
26 | }
27 |
28 | async reject(crossSigning: CrossSigning, room: Room, log: ILogItem): Promise {
29 | const sas = crossSigning.startVerification(this, room, log);
30 | await sas?.abort();
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/src/platform/web/ui/css/left-panel.css:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 Bruno Windels
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | .LeftPanel {
10 | display: flex;
11 | flex-direction: column;
12 | }
13 |
14 | .LeftPanel .utilities {
15 | display: flex;
16 | }
17 |
18 | .LeftPanel .utilities .FilterField {
19 | flex: 1;
20 | min-width: 0;
21 | }
22 |
23 | .LeftPanel ul {
24 | list-style: none;
25 | padding: 0;
26 | margin: 0;
27 | }
28 |
29 | .RoomList {
30 | flex: 1 0 0;
31 | overflow-y: auto;
32 | overscroll-behavior: contain;
33 | }
34 |
35 | .RoomList > li > a {
36 | display: flex;
37 | align-items: center;
38 | }
39 |
40 | .RoomList .description {
41 | margin: 0;
42 | flex: 1 1 0;
43 | min-width: 0;
44 | display: flex;
45 | }
46 |
47 | .RoomList .description > .name {
48 | overflow: hidden;
49 | white-space: nowrap;
50 | text-overflow: ellipsis;
51 | flex: 1;
52 | }
53 |
--------------------------------------------------------------------------------
/src/matrix/e2ee/olm/types.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2022 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import type {OLM_ALGORITHM} from "../common";
10 |
11 | export const enum OlmPayloadType {
12 | PreKey = 0,
13 | Normal = 1
14 | }
15 |
16 | export type OlmMessage = {
17 | type?: OlmPayloadType,
18 | body?: string
19 | }
20 |
21 | export type OlmEncryptedMessageContent = {
22 | algorithm?: typeof OLM_ALGORITHM
23 | sender_key?: string,
24 | ciphertext?: {
25 | [deviceCurve25519Key: string]: OlmMessage
26 | }
27 | }
28 |
29 | export type OlmEncryptedEvent = {
30 | type?: "m.room.encrypted",
31 | content?: OlmEncryptedMessageContent
32 | sender?: string
33 | }
34 |
35 | export type OlmPayload = {
36 | type?: string;
37 | content?: Record;
38 | sender?: string;
39 | recipient?: string;
40 | recipient_keys?: {ed25519?: string};
41 | keys?: {ed25519?: string};
42 | }
43 |
--------------------------------------------------------------------------------
/src/matrix/login/PasswordLoginMethod.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2021 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {ILogItem} from "../../logging/types";
10 | import {ILoginMethod} from "./LoginMethod";
11 | import {HomeServerApi} from "../net/HomeServerApi.js";
12 |
13 | export class PasswordLoginMethod implements ILoginMethod {
14 | private readonly _username: string;
15 | private readonly _password: string;
16 | public readonly homeserver: string;
17 |
18 | constructor({username, password, homeserver}: {username: string, password: string, homeserver: string}) {
19 | this._username = username;
20 | this._password = password;
21 | this.homeserver = homeserver;
22 | }
23 |
24 | async login(hsApi: HomeServerApi, deviceName: string, log: ILogItem): Promise> {
25 | return await hsApi.passwordLogin(this._username, this._password, deviceName, {log}).response();
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/src/platform/web/ui/css/themes/element/icons/enable-grid.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/src/platform/web/ui/session/SessionStatusView.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 Bruno Windels
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {TemplateView} from "../general/TemplateView";
10 | import {spinner} from "../common.js";
11 |
12 | export class SessionStatusView extends TemplateView {
13 | render(t, vm) {
14 | return t.div({className: {
15 | "SessionStatusView": true,
16 | "hidden": vm => !vm.isShown,
17 | }}, [
18 | spinner(t, {hidden: vm => !vm.isWaiting}),
19 | t.p(vm => vm.statusLabel),
20 | t.if(vm => vm.isConnectNowShown, t => t.button({className: "link", onClick: () => vm.connectNow()}, "Retry now")),
21 | t.if(vm => vm.isSecretStorageShown, t => t.a({href: vm.setupKeyBackupUrl}, "Go to settings")),
22 | t.if(vm => vm.canDismiss, t => t.div({className: "end"}, t.button({className: "dismiss", onClick: () => vm.dismiss()}))),
23 | ]);
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/src/utils/recursivelyAssign.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2019 The Matrix.org Foundation C.I.C.
4 | Copyright 2015, 2016 OpenMarket Ltd
5 |
6 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
7 | Please see LICENSE files in the repository root for full details.
8 | */
9 |
10 |
11 | /**
12 | * This function is similar to Object.assign() but it assigns recursively and
13 | * allows you to ignore nullish values from the source
14 | *
15 | * @param {Object} target
16 | * @param {Object} source
17 | * @returns the target object
18 | */
19 | export function recursivelyAssign(target: Object, source: Object, ignoreNullish = false): any {
20 | for (const [sourceKey, sourceValue] of Object.entries(source)) {
21 | if (target[sourceKey] instanceof Object && sourceValue) {
22 | recursivelyAssign(target[sourceKey], sourceValue);
23 | continue;
24 | }
25 | if ((sourceValue !== null && sourceValue !== undefined) || !ignoreNullish) {
26 | target[sourceKey] = sourceValue;
27 | continue;
28 | }
29 | }
30 | return target;
31 | }
--------------------------------------------------------------------------------
/src/observable/value/EventObservableValue.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2022 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {BaseObservableValue} from "./index";
10 | import {EventEmitter} from "../../utils/EventEmitter";
11 |
12 | export class EventObservableValue> extends BaseObservableValue {
13 | private eventSubscription: () => void;
14 |
15 | constructor(
16 | private readonly value: V,
17 | private readonly eventName: keyof T
18 | ) {
19 | super();
20 | }
21 |
22 | onSubscribeFirst(): void {
23 | this.eventSubscription = this.value.disposableOn(this.eventName, () => {
24 | this.emit(this.value);
25 | });
26 | super.onSubscribeFirst();
27 | }
28 |
29 | onUnsubscribeLast(): void {
30 | this.eventSubscription!();
31 | super.onUnsubscribeLast();
32 | }
33 |
34 | get(): V {
35 | return this.value;
36 | }
37 | }
38 |
--------------------------------------------------------------------------------
/src/observable/list/common.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2021 The Matrix.org Foundation C.I.C.
4 | Copyright 2020 Bruno Windels
5 |
6 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
7 | Please see LICENSE files in the repository root for full details.
8 | */
9 | import {BaseObservableList} from "./BaseObservableList";
10 |
11 | /* inline update of item in collection backed by array, without replacing the preexising item */
12 | export function findAndUpdateInArray(
13 | predicate: (value: T) => boolean,
14 | array: T[],
15 | observable: BaseObservableList,
16 | updater: (value: T) => any | false
17 | ): boolean {
18 | const index = array.findIndex(predicate);
19 | if (index !== -1) {
20 | const value = array[index];
21 | // allow bailing out of sending an emit if updater determined its not needed
22 | const params = updater(value);
23 | if (params !== false) {
24 | observable.emitUpdate(index, value, params);
25 | }
26 | // found
27 | return true;
28 | }
29 | return false;
30 | }
31 |
--------------------------------------------------------------------------------
/src/platform/web/dom/OnlineStatus.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 Bruno Windels
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {BaseObservableValue} from "../../../observable/value";
10 |
11 | export class OnlineStatus extends BaseObservableValue {
12 | constructor() {
13 | super();
14 | this._onOffline = this._onOffline.bind(this);
15 | this._onOnline = this._onOnline.bind(this);
16 | }
17 |
18 | _onOffline() {
19 | this.emit(false);
20 | }
21 |
22 | _onOnline() {
23 | this.emit(true);
24 | }
25 |
26 | get() {
27 | return navigator.onLine;
28 | }
29 |
30 | onSubscribeFirst() {
31 | window.addEventListener('offline', this._onOffline);
32 | window.addEventListener('online', this._onOnline);
33 | }
34 |
35 | onUnsubscribeLast() {
36 | window.removeEventListener('offline', this._onOffline);
37 | window.removeEventListener('online', this._onOnline);
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/src/matrix/verification/SAS/stages/SendRequestVerificationStage.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2023 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 | import {BaseSASVerificationStage} from "./BaseSASVerificationStage";
9 | import {SelectVerificationMethodStage} from "./SelectVerificationMethodStage";
10 | import {VerificationEventType} from "../channel/types";
11 |
12 | export class SendRequestVerificationStage extends BaseSASVerificationStage {
13 | async completeStage() {
14 | await this.log.wrap("SendRequestVerificationStage.completeStage", async (log) => {
15 | const content = {
16 | "from_device": this.ourUserDeviceId,
17 | "methods": ["m.sas.v1"],
18 | };
19 | await this.channel.send(VerificationEventType.Request, content, log);
20 | this.setNextStage(new SelectVerificationMethodStage(this.options));
21 | await this.channel.waitForEvent(VerificationEventType.Ready);
22 | });
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/src/mocks/Request.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 Bruno Windels
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {AbortError} from "../utils/error";
10 |
11 | export class BaseRequest {
12 | constructor() {
13 | this._responsePromise = new Promise((resolve, reject) => {
14 | this.resolve = resolve;
15 | this.reject = reject;
16 | });
17 | this.responded = false;
18 | this.aborted = false;
19 | }
20 |
21 | _respond(value) {
22 | this.responded = true;
23 | this.resolve(value);
24 | return this;
25 | }
26 |
27 | abort() {
28 | this.aborted = true;
29 | this.reject(new AbortError());
30 | }
31 |
32 | response() {
33 | return this._responsePromise;
34 | }
35 | }
36 |
37 | // this is a NetworkRequest as used by HomeServerApi
38 | export class Request extends BaseRequest {
39 | respond(status, body) {
40 | return this._respond({status, body});
41 | }
42 | }
43 |
--------------------------------------------------------------------------------
/src/utils/sortedIndex.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 Bruno Windels
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | /**
10 | * @license
11 | * Based off baseSortedIndex function in Lodash
12 | * Copyright JS Foundation and other contributors
13 | * Released under MIT license
14 | * Based on Underscore.js 1.8.3
15 | * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
16 | */
17 | export function sortedIndex(array: T[], value: T, comparator: (x:T, y:T) => number): number {
18 | let low = 0;
19 | let high = array.length;
20 |
21 | while (low < high) {
22 | let mid = (low + high) >>> 1;
23 | let cmpResult = comparator(value, array[mid]);
24 |
25 | if (cmpResult > 0) {
26 | low = mid + 1;
27 | } else if (cmpResult < 0) {
28 | high = mid;
29 | } else {
30 | low = high = mid;
31 | }
32 | }
33 | return high;
34 | }
35 |
--------------------------------------------------------------------------------
/src/domain/session/room/timeline/tiles/VideoTile.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 Bruno Windels
4 | Copyright 2020 The Matrix.org Foundation C.I.C.
5 |
6 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
7 | Please see LICENSE files in the repository root for full details.
8 | */
9 |
10 | import {BaseMediaTile} from "./BaseMediaTile.js";
11 |
12 | export class VideoTile extends BaseMediaTile {
13 | async loadVideo() {
14 | const file = this._getContent().file;
15 | if (file && !this._decryptedFile) {
16 | this._decryptedFile = await this._loadEncryptedFile(file);
17 | this.emitChange("videoUrl");
18 | }
19 | }
20 |
21 | get videoUrl() {
22 | if (this._decryptedFile) {
23 | return this._decryptedFile.url;
24 | }
25 | const mxcUrl = this._getContent()?.url;
26 | if (typeof mxcUrl === "string") {
27 | return this._mediaRepository.mxcUrl(mxcUrl);
28 | }
29 | return "";
30 | }
31 |
32 | get shape() {
33 | return "video";
34 | }
35 |
36 | _isMainResourceImage() {
37 | return false;
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/src/matrix/net/types/response.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2021 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | export type Attachment = {
10 | body: string;
11 | info: AttachmentInfo;
12 | msgtype: string;
13 | url?: string;
14 | file?: EncryptedFile;
15 | filename?: string;
16 | }
17 |
18 | export type EncryptedFile = {
19 | key: JsonWebKey;
20 | iv: string;
21 | hashes: {
22 | sha256: string;
23 | };
24 | url: string;
25 | v: string;
26 | mimetype?: string;
27 | }
28 |
29 | type AttachmentInfo = {
30 | h?: number;
31 | w?: number;
32 | mimetype: string;
33 | size: number;
34 | duration?: number;
35 | thumbnail_url?: string;
36 | thumbnail_file?: EncryptedFile;
37 | thumbnail_info?: ThumbnailInfo;
38 | }
39 |
40 | type ThumbnailInfo = {
41 | h: number;
42 | w: number;
43 | mimetype: string;
44 | size: number;
45 | }
46 |
47 | export type VersionResponse = {
48 | versions: string[];
49 | unstable_features?: Record;
50 | }
51 |
--------------------------------------------------------------------------------
/src/platform/web/ui/login/common.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 Bruno Windels
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | export function hydrogenGithubLink(t) {
10 | if (DEFINE_VERSION === "develop") {
11 | return t.a(
12 | {
13 | target: "_blank",
14 | href: `https://github.com/vector-im/hydrogen-web`,
15 | },
16 | `Hydrogen develop, ${DEFINE_GLOBAL_HASH}`
17 | );
18 | } else if (DEFINE_VERSION && DEFINE_GLOBAL_HASH) {
19 | return t.a(
20 | {
21 | target: "_blank",
22 | href: `https://github.com/vector-im/hydrogen-web/releases/tag/v${DEFINE_VERSION}`,
23 | },
24 | `Hydrogen v${DEFINE_VERSION} (${DEFINE_GLOBAL_HASH}) on Github`
25 | );
26 | } else {
27 | return t.a(
28 | {
29 | target: "_blank",
30 | href: "https://github.com/vector-im/hydrogen-web",
31 | },
32 | "Hydrogen on Github"
33 | );
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/src/matrix/room/timeline/entries/NonPersistedEventEntry.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2021 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {EventEntry} from "./EventEntry.js";
10 |
11 | // EventEntry but without the two properties that are populated via SyncWriter
12 | // Useful if you want to create an EventEntry that is ephemeral
13 |
14 | export class NonPersistedEventEntry extends EventEntry {
15 | get fragmentId() {
16 | throw new Error("Cannot access fragmentId for non-persisted EventEntry");
17 | }
18 |
19 | get entryIndex() {
20 | throw new Error("Cannot access entryIndex for non-persisted EventEntry");
21 | }
22 |
23 | get isNonPersisted() {
24 | return true;
25 | }
26 |
27 | // overridden here because we reuse addLocalRelation() for updating this entry
28 | // we don't want the RedactedTile created using this entry to ever show "is being redacted"
29 | get isRedacting() {
30 | return false;
31 | }
32 |
33 | get isRedacted() {
34 | return super.isRedacting;
35 | }
36 | }
37 |
--------------------------------------------------------------------------------
/src/matrix/registration/stages/TokenAuth.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2022 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {AuthenticationData, RegistrationParams} from "../types";
10 | import {BaseRegistrationStage} from "./BaseRegistrationStage";
11 |
12 | export class TokenAuth extends BaseRegistrationStage {
13 | private _token?: string;
14 | private readonly _type: string;
15 |
16 | constructor(session: string, params: RegistrationParams | undefined, type: string) {
17 | super(session, params);
18 | this._type = type;
19 | }
20 |
21 |
22 | generateAuthenticationData(): AuthenticationData {
23 | if (!this._token) {
24 | throw new Error("No token provided for TokenAuth");
25 | }
26 | return {
27 | session: this._session,
28 | type: this._type,
29 | token: this._token,
30 | };
31 | }
32 |
33 | setToken(token: string) {
34 | this._token = token;
35 | }
36 |
37 | get type(): string {
38 | return this._type;
39 | }
40 | }
41 |
--------------------------------------------------------------------------------
/src/mocks/event.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2021 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | export function createEvent(type, id = null, sender = null) {
10 | return {type, event_id: id, sender};
11 | }
12 |
13 | export function withContent(content, event) {
14 | return Object.assign({}, event, {content});
15 | }
16 |
17 | export function withSender(sender, event) {
18 | return Object.assign({}, event, {sender});
19 | }
20 |
21 | export function withTextBody(body, event) {
22 | return withContent({body, msgtype: "m.text"}, event);
23 | }
24 |
25 | export function withTxnId(txnId, event) {
26 | return Object.assign({}, event, {unsigned: {transaction_id: txnId}});
27 | }
28 |
29 | export function withRedacts(redacts, reason, event) {
30 | return Object.assign({redacts, content: {reason}}, event);
31 | }
32 |
33 | export function withReply(replyToId, event) {
34 | return withContent({
35 | "m.relates_to": {
36 | "m.in_reply_to": {
37 | "event_id": replyToId
38 | }
39 | }
40 | }, event);
41 | }
42 |
--------------------------------------------------------------------------------
/src/platform/web/ui/css/themes/element/icons/mic-unmuted.svg:
--------------------------------------------------------------------------------
1 |
2 |
17 |
--------------------------------------------------------------------------------
/src/platform/web/ui/session/room/timeline/ReactionsView.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2021 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {ListView} from "../../../general/ListView";
10 | import {TemplateView} from "../../../general/TemplateView";
11 |
12 | export class ReactionsView extends ListView {
13 | constructor(reactionsViewModel) {
14 | const options = {
15 | className: "Timeline_messageReactions",
16 | tagName: "div",
17 | list: reactionsViewModel.reactions,
18 | onItemClick: reactionView => reactionView.onClick(),
19 | }
20 | super(options, reactionVM => new ReactionView(reactionVM));
21 | }
22 | }
23 |
24 | class ReactionView extends TemplateView {
25 | render(t, vm) {
26 | return t.button({
27 | className: {
28 | active: vm => vm.isActive,
29 | pending: vm => vm.isPending
30 | },
31 | }, [vm.key, " ", vm => `${vm.count}`]);
32 | }
33 |
34 | onClick() {
35 | this.value.toggle();
36 | }
37 | }
38 |
--------------------------------------------------------------------------------
/src/platform/web/ui/css/themes/element/icons/chevron-down.svg:
--------------------------------------------------------------------------------
1 |
2 |
37 |
--------------------------------------------------------------------------------
/src/matrix/storage/idb/stores/InviteStore.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2021 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 | import {Store} from "../Store";
9 | import {MemberData} from "./RoomMemberStore";
10 |
11 | // TODO: Move to Invite when that's TypeScript.
12 | export interface InviteData {
13 | roomId: string;
14 | isEncrypted: boolean;
15 | isDirectMessage: boolean;
16 | name?: string;
17 | avatarUrl?: string;
18 | avatarColorId: number;
19 | canonicalAlias?: string;
20 | timestamp: number;
21 | joinRule: string;
22 | inviter?: MemberData;
23 | }
24 |
25 | export class InviteStore {
26 | private _inviteStore: Store;
27 |
28 | constructor(inviteStore: Store) {
29 | this._inviteStore = inviteStore;
30 | }
31 |
32 | getAll(): Promise {
33 | return this._inviteStore.selectAll();
34 | }
35 |
36 | set(invite: InviteData): void {
37 | this._inviteStore.put(invite);
38 | }
39 |
40 | remove(roomId: string): void {
41 | this._inviteStore.delete(roomId);
42 | }
43 | }
44 |
--------------------------------------------------------------------------------
/src/matrix/error.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 Bruno Windels
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | export class WrappedError extends Error {
10 | constructor(message, cause) {
11 | super(`${message}: ${cause.message}`);
12 | this.cause = cause;
13 | }
14 |
15 | get name() {
16 | return "WrappedError";
17 | }
18 | }
19 |
20 | export class HomeServerError extends Error {
21 | constructor(method, url, body, status) {
22 | super(`${body ? body.error : status} on ${method} ${url}`);
23 | this.errcode = body ? body.errcode : null;
24 | this.retry_after_ms = body ? body.retry_after_ms : 0;
25 | this.statusCode = status;
26 | }
27 |
28 | get name() {
29 | return "HomeServerError";
30 | }
31 | }
32 |
33 | export {AbortError} from "../utils/error";
34 |
35 | export class ConnectionError extends Error {
36 | constructor(message, isTimeout) {
37 | super(message || "ConnectionError");
38 | this.isTimeout = isTimeout;
39 | }
40 |
41 | get name() {
42 | return "ConnectionError";
43 | }
44 | }
45 |
--------------------------------------------------------------------------------
/src/platform/web/legacy-polyfill.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | // polyfills needed for IE11
10 | import Promise from "es6-promise/lib/es6-promise/promise.js";
11 | import {checkNeedsSyncPromise} from "../../matrix/storage/idb/utils";
12 |
13 | if (typeof window.Promise === "undefined") {
14 | window.Promise = Promise;
15 | // TODO: should be awaited before opening any session in the picker
16 | checkNeedsSyncPromise();
17 | }
18 | import "core-js/stable";
19 | import "regenerator-runtime/runtime";
20 | import "mdn-polyfills/Element.prototype.closest";
21 | // olm.init needs utf-16le, and this polyfill was
22 | // the only one I could find supporting it.
23 | // TODO: because the library sees a commonjs environment,
24 | // it will also include the file supporting *all* the encodings,
25 | // weighing a good extra 500kb :-(
26 | import "text-encoding";
27 |
28 | // TODO: contribute this to mdn-polyfills
29 | if (!Element.prototype.remove) {
30 | Element.prototype.remove = function remove() {
31 | this.parentNode.removeChild(this);
32 | };
33 | }
34 |
--------------------------------------------------------------------------------
/src/platform/web/theming/shared/color.mjs:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2021 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 | import * as pkg from 'off-color';
9 | const offColor = pkg.offColor ?? pkg.default.offColor;
10 |
11 | export function derive(value, operation, argument, isDark) {
12 | const argumentAsNumber = parseInt(argument);
13 | if (isDark) {
14 | // For dark themes, invert the operation
15 | if (operation === 'darker') {
16 | operation = "lighter";
17 | }
18 | else if (operation === 'lighter') {
19 | operation = "darker";
20 | }
21 | }
22 | switch (operation) {
23 | case "darker": {
24 | const newColorString = offColor(value).darken(argumentAsNumber / 100).hex();
25 | return newColorString;
26 | }
27 | case "lighter": {
28 | const newColorString = offColor(value).lighten(argumentAsNumber / 100).hex();
29 | return newColorString;
30 | }
31 | case "alpha": {
32 | return offColor(value).rgba(argumentAsNumber / 100);
33 | }
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/src/platform/web/ui/css/themes/element/error.css:
--------------------------------------------------------------------------------
1 | .ErrorView_block {
2 | background: var(--error-color);
3 | color: var(--fixed-white);
4 | margin: 16px;
5 | }
6 |
7 | .ErrorView.ErrorView_inline {
8 | color: var(--error-color);
9 | margin: 4px 0;
10 | padding: 4px 0;
11 | }
12 |
13 | .ErrorView.ErrorView_inline > p {
14 | margin: 0;
15 | }
16 |
17 | .ErrorView {
18 | font-weight: bold;
19 | margin: 16px;
20 | border-radius: 8px;
21 | padding: 12px;
22 | display: flex;
23 | gap: 8px;
24 | }
25 |
26 | .ErrorView_message {
27 | flex-basis: 0;
28 | flex-grow: 1;
29 | margin: 0px;
30 | word-break: break-all;
31 | word-break: break-word;
32 | align-self: center;
33 | }
34 |
35 | .ErrorView_submit {
36 | align-self: end;
37 | }
38 |
39 | .ErrorView_close {
40 | align-self: start;
41 | width: 16px;
42 | height: 16px;
43 | border: none;
44 | background: none;
45 | background-repeat: no-repeat;
46 | background-size: contain;
47 | cursor: pointer;
48 | }
49 |
50 | .ErrorView_block .ErrorView_close {
51 | background-image: url('icons/clear.svg?primary=fixed-white');
52 | }
53 |
54 | .ErrorView_inline .ErrorView_close {
55 | background-image: url('icons/clear.svg?primary=text-color');
56 | }
57 |
--------------------------------------------------------------------------------
/src/matrix/verification/SAS/stages/SendKeyStage.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2023 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 | import {BaseSASVerificationStage} from "./BaseSASVerificationStage";
9 | import {VerificationEventType} from "../channel/types";
10 | import {CalculateSASStage} from "./CalculateSASStage";
11 |
12 | export class SendKeyStage extends BaseSASVerificationStage {
13 | async completeStage() {
14 | await this.log.wrap("SendKeyStage.completeStage", async (log) => {
15 | const ourSasKey = this.olmSAS.get_pubkey();
16 | await this.channel.send(VerificationEventType.Key, {key: ourSasKey}, log);
17 | /**
18 | * We may have already got the key in SendAcceptVerificationStage,
19 | * in which case waitForEvent will return a resolved promise with
20 | * that content. Otherwise, waitForEvent will actually wait for the
21 | * key message.
22 | */
23 | await this.channel.waitForEvent(VerificationEventType.Key);
24 | this.setNextStage(new CalculateSASStage(this.options));
25 | });
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/src/matrix/registration/stages/BaseRegistrationStage.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2021 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import type {AuthenticationData, RegistrationParams} from "../types";
10 |
11 | export abstract class BaseRegistrationStage {
12 | protected _session: string;
13 | protected _nextStage: BaseRegistrationStage;
14 | protected readonly _params?: Record
15 |
16 | constructor(session: string, params?: RegistrationParams) {
17 | this._session = session;
18 | this._params = params;
19 | }
20 |
21 | /**
22 | * eg: m.login.recaptcha or m.login.dummy
23 | */
24 | abstract get type(): string;
25 |
26 | /**
27 | * This method should return auth part that must be provided to
28 | * /register endpoint to successfully complete this stage
29 | */
30 | /** @internal */
31 | abstract generateAuthenticationData(): AuthenticationData;
32 |
33 | setNextStage(stage: BaseRegistrationStage) {
34 | this._nextStage = stage;
35 | }
36 |
37 | get nextStage(): BaseRegistrationStage {
38 | return this._nextStage;
39 | }
40 | }
41 |
--------------------------------------------------------------------------------
/src/domain/session/room/timeline/UpdateAction.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2020 Bruno Windels
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | export class UpdateAction {
10 | constructor(remove, update, replace, updateParams) {
11 | this._remove = remove;
12 | this._update = update;
13 | this._replace = replace;
14 | this._updateParams = updateParams;
15 | }
16 |
17 | get shouldReplace() {
18 | return this._replace;
19 | }
20 |
21 | get shouldRemove() {
22 | return this._remove;
23 | }
24 |
25 | get shouldUpdate() {
26 | return this._update;
27 | }
28 |
29 | get updateParams() {
30 | return this._updateParams;
31 | }
32 |
33 | static Remove() {
34 | return new UpdateAction(true, false, false, null);
35 | }
36 |
37 | static Update(newParams) {
38 | return new UpdateAction(false, true, false, newParams);
39 | }
40 |
41 | static Nothing() {
42 | return new UpdateAction(false, false, false, null);
43 | }
44 |
45 | static Replace(params) {
46 | return new UpdateAction(false, false, true, params);
47 | }
48 | }
49 |
--------------------------------------------------------------------------------
/src/domain/ErrorViewModel.ts:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2023 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import { ViewModel, Options as BaseOptions } from "./ViewModel";
10 | import {submitLogsFromSessionToDefaultServer} from "./rageshake";
11 | import type { Session } from "../matrix/Session";
12 | import type {SegmentType} from "./navigation/index";
13 |
14 | type Options = {
15 | error: Error
16 | session: Session,
17 | onClose: () => void
18 | } & BaseOptions;
19 |
20 | export class ErrorViewModel = Options> extends ViewModel {
21 | get message(): string {
22 | return this.error.message;
23 | }
24 |
25 | get error(): Error {
26 | return this.getOption("error");
27 | }
28 |
29 | close() {
30 | this.getOption("onClose")();
31 | }
32 |
33 | async submitLogs(): Promise {
34 | try {
35 | await submitLogsFromSessionToDefaultServer(this.getOption("session"), this.platform);
36 | return true;
37 | } catch (err) {
38 | return false;
39 | }
40 | }
41 | }
42 |
--------------------------------------------------------------------------------
/src/platform/web/ui/session/rightpanel/MemberListView.js:
--------------------------------------------------------------------------------
1 | /*
2 | Copyright 2025 New Vector Ltd.
3 | Copyright 2021 The Matrix.org Foundation C.I.C.
4 |
5 | SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
6 | Please see LICENSE files in the repository root for full details.
7 | */
8 |
9 | import {LazyListView} from "../../general/LazyListView";
10 | import {MemberTileView} from "./MemberTileView.js";
11 | import {TemplateView} from "../../general/TemplateView";
12 |
13 | export class MemberListView extends TemplateView {
14 | render(t, vm) {
15 | const list = new LazyListView({
16 | list: vm.memberTileViewModels,
17 | className: "MemberListView__list",
18 | itemHeight: 40
19 | }, tileViewModel => new MemberTileView(tileViewModel));
20 | return t.div({ className: "MemberListView" }, [
21 | t.div({ className: "MemberListView__invite-container" }, [
22 | t.button(
23 | {
24 | className: "MemberListView__invite-btn button-action primary",
25 | onClick: () => vm.openInvitePanel(),
26 | },
27 | vm.i18n`Invite to this room`
28 | ),
29 | ]),
30 | t.view(list),
31 | ]);
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/scripts/sdk/transform-paths.js:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env node
2 |
3 | /**
4 | This script transforms the string literals in the sdk path files to adjust paths
5 | from what they are at development time to what they will be in the sdk package.
6 |
7 | It does this by looking in all string literals in the paths file and looking for file names
8 | that we expect and need replacing (as they are bundled with the sdk).
9 |
10 | Usage: ./transform-paths.js