feat: show call participants in room list (Discord-style)

2026-05-10 14:25:35 +02:00
parent b797925316
commit 3da363517f
4610 changed files with 827237 additions and 1 deletions
@@ -0,0 +1,11 @@
+<html>
+    <head>
+        <!--
+    Hello! If you're reading this, perhaps you're wondering what this
+    file is doing and why your Element is using it.
+    In short, this allows Element to isolate potentially unsafe encrypted
+    attachments into their own origin, away from your Element.
+    Stay curious!
+    --></head>
+    <body></body>
+</html>
@@ -0,0 +1,64 @@
+/*
+Copyright 2024 New Vector Ltd.
+Copyright 2022 The Matrix.org Foundation C.I.C.
+
+SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+Please see LICENSE files in the repository root for full details.
+*/
+
+let hasCalled = false;
+function remoteRender(event: MessageEvent): void {
+    const data = event.data;
+
+    // If we're handling secondary calls, start from scratch
+    if (hasCalled) {
+        document.body.replaceWith(document.createElement("BODY"));
+    }
+    hasCalled = true;
+
+    const img: HTMLSpanElement = document.createElement("span"); // we'll mask it as an image
+    img.id = "img";
+
+    const a: HTMLAnchorElement = document.createElement("a");
+    a.id = "a";
+    a.rel = "noreferrer noopener";
+    a.download = data.download;
+    // @ts-ignore
+    a.style = data.style;
+    a.style.fontFamily = "Arial, Helvetica, Sans-Serif";
+    a.href = window.URL.createObjectURL(data.blob);
+    a.appendChild(img);
+    a.appendChild(document.createTextNode(data.textContent));
+
+    // Apply image style after so we can steal the anchor's colour.
+    // Style copied from a rendered version of mx_MFileBody_download_icon
+    if (data.imgStyle) {
+        // @ts-ignore
+        img.style = data.imgStyle;
+    } else {
+        img.style.width = "20px";
+        img.style.height = "20px";
+        img.style.webkitMaskSize = "20px";
+        img.style.webkitMaskPosition = "center";
+        img.style.webkitMaskRepeat = "no-repeat";
+        img.style.display = "inline-block";
+        img.style.webkitMaskImage = `url('${data.imgSrc}')`;
+        img.style.backgroundColor = `${a.style.color}`;
+    }
+
+    const body = document.body;
+    // Don't display scrollbars if the link takes more than one line to display.
+    body.style.margin = "0px";
+    body.style.overflow = "hidden";
+    body.appendChild(a);
+
+    if (event.data.auto) {
+        a.click(); // try to trigger download automatically
+    }
+}
+
+window.onmessage = function (e: MessageEvent): void {
+    if (e.origin === window.location.origin) {
+        if (e.data.blob) remoteRender(e);
+    }
+};