Skip to content

Commit 05a34ae

Browse files
t3chguyt3chguy
committed
Fix loading compound
1 parent 80c4c1f commit 05a34ae

File tree

9 files changed

+109
-0
lines changed

9 files changed

+109
-0
lines changed

‎modules/banner/element-web/package.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@
1212
"test": "echo no tests yet"
1313
},
1414
"devDependencies": {
15+
"@arcmantle/vite-plugin-import-css-sheet": "^1.0.12",
1516
"@element-hq/element-web-module-api": "^1.0.0",
1617
"@types/node": "^22.10.7",
1718
"@types/react": "^19",

‎modules/banner/element-web/src/index.tsx‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ Please see LICENSE files in the repository root for full details.
66
*/
77

88
import { ThemeProvider } from "styled-components";
9+
import compound from "@vector-im/compound-web/dist/style.css" with { type: "css" };
910

1011
import type { Module, Api, ModuleFactory } from "@element-hq/element-web-module-api";
1112
import Translations from "./translations.json";
@@ -21,6 +22,8 @@ class BannerModule implements Module {
2122
public constructor(private api: Api) {}
2223

2324
public async load(): Promise<void> {
25+
document.adoptedStyleSheets.push(compound);
26+
2427
this.api.i18n.register(Translations);
2528

2629
try {

‎modules/banner/element-web/src/vite-env.d.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,3 +6,4 @@ Please see LICENSE files in the repository root for full details.
66
*/
77

88
/// <reference types="vite-plugin-svgr/client" />
9+
/// <reference types="@arcmantle/vite-plugin-import-css-sheet/client" />

‎modules/banner/element-web/vite.config.ts‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@ import react from "@vitejs/plugin-react";
1212
import { nodePolyfills } from "vite-plugin-node-polyfills";
1313
import externalGlobals from "rollup-plugin-external-globals";
1414
import svgr from "vite-plugin-svgr";
15+
import { importCSSSheet } from "@arcmantle/vite-plugin-import-css-sheet";
1516

1617
const __dirname = dirname(fileURLToPath(import.meta.url));
1718

@@ -31,6 +32,7 @@ export default defineConfig({
3132
},
3233
},
3334
plugins: [
35+
importCSSSheet(),
3436
react(),
3537
svgr(),
3638
nodePolyfills({

‎modules/restricted-guests/element-web/package.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@
1212
"test": "echo no tests yet"
1313
},
1414
"devDependencies": {
15+
"@arcmantle/vite-plugin-import-css-sheet": "^1.0.12",
1516
"@element-hq/element-web-module-api": "^1.0.0",
1617
"@types/node": "^22.10.7",
1718
"@types/react": "^19",

‎modules/restricted-guests/element-web/src/index.tsx‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,8 @@ SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
55
Please see LICENSE files in the repository root for full details.
66
*/
77

8+
import compound from "@vector-im/compound-web/dist/style.css" with { type: "css" };
9+
810
import type { Module, Api, ModuleFactory } from "@element-hq/element-web-module-api";
911
import Translations from "./translations.json";
1012
import { ModuleConfig, CONFIG_KEY } from "./config";
@@ -28,6 +30,8 @@ class RestrictedGuestsModule implements Module {
2830
public constructor(private api: Api) {}
2931

3032
public async load(): Promise<void> {
33+
document.adoptedStyleSheets.push(compound);
34+
3135
this.api.i18n.register(Translations);
3236

3337
try {

‎modules/restricted-guests/element-web/src/vite-env.d.ts‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
/*
2+
Copyright 2025 New Vector Ltd.
3+
4+
SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial
5+
Please see LICENSE files in the repository root for full details.
6+
*/
7+
8+
/// <reference types="vite-plugin-svgr/client" />
9+
/// <reference types="@arcmantle/vite-plugin-import-css-sheet/client" />

‎modules/restricted-guests/element-web/vite.config.ts‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ import { defineConfig } from "vite";
1111
import react from "@vitejs/plugin-react";
1212
import { nodePolyfills } from "vite-plugin-node-polyfills";
1313
import externalGlobals from "rollup-plugin-external-globals";
14+
import { importCSSSheet } from "@arcmantle/vite-plugin-import-css-sheet";
1415

1516
const __dirname = dirname(fileURLToPath(import.meta.url));
1617

@@ -30,6 +31,7 @@ export default defineConfig({
3031
},
3132
},
3233
plugins: [
34+
importCSSSheet(),
3335
react(),
3436
nodePolyfills({
3537
include: ["events"],

‎yarn.lock‎

Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,13 @@
2222
"@jridgewell/gen-mapping" "^0.3.5"
2323
"@jridgewell/trace-mapping" "^0.3.24"
2424

25+
"@arcmantle/vite-plugin-import-css-sheet@^1.0.12":
26+
version "1.0.12"
27+
resolved "https://registry.yarnpkg.com/@arcmantle/vite-plugin-import-css-sheet/-/vite-plugin-import-css-sheet-1.0.12.tgz#295191f9de52e1ac897f2f7e04a6a29621bfb9ad"
28+
integrity sha512-hLE/4NSBowlWl4soIxjVTtEdAxGWL4wmFHgBq9Y8M4588plq8J23Kpk3QVsxV4Vl3peuZIIq641euSZpNZIXLw==
29+
dependencies:
30+
lightningcss "^1.29.3"
31+
2532
"@axe-core/playwright@^4.10.1":
2633
version "4.11.0"
2734
resolved "https://registry.yarnpkg.com/@axe-core/playwright/-/playwright-4.11.0.tgz#64beab80764c1f3f0ec4ac21f9b2c2d7df508958"
@@ -3216,6 +3223,11 @@ des.js@^1.0.0:
32163223
inherits "^2.0.1"
32173224
minimalistic-assert "^1.0.0"
32183225

3226+
detect-libc@^2.0.3:
3227+
version "2.1.2"
3228+
resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-2.1.2.tgz#689c5dcdc1900ef5583a4cb9f6d7b473742074ad"
3229+
integrity sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==
3230+
32193231
detect-node-es@^1.1.0:
32203232
version "1.1.0"
32213233
resolved "https://registry.yarnpkg.com/detect-node-es/-/detect-node-es-1.1.0.tgz#163acdf643330caa0b4cd7c21e7ee7755d6fa493"
@@ -4894,6 +4906,80 @@ levn@^0.4.1:
48944906
prelude-ls "^1.2.1"
48954907
type-check "~0.4.0"
48964908

4909+
[email protected]:
4910+
version "1.30.2"
4911+
resolved "https://registry.yarnpkg.com/lightningcss-android-arm64/-/lightningcss-android-arm64-1.30.2.tgz#6966b7024d39c94994008b548b71ab360eb3a307"
4912+
integrity sha512-BH9sEdOCahSgmkVhBLeU7Hc9DWeZ1Eb6wNS6Da8igvUwAe0sqROHddIlvU06q3WyXVEOYDZ6ykBZQnjTbmo4+A==
4913+
4914+
[email protected]:
4915+
version "1.30.2"
4916+
resolved "https://registry.yarnpkg.com/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.2.tgz#a5fa946d27c029e48c7ff929e6e724a7de46eb2c"
4917+
integrity sha512-ylTcDJBN3Hp21TdhRT5zBOIi73P6/W0qwvlFEk22fkdXchtNTOU4Qc37SkzV+EKYxLouZ6M4LG9NfZ1qkhhBWA==
4918+
4919+
[email protected]:
4920+
version "1.30.2"
4921+
resolved "https://registry.yarnpkg.com/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.2.tgz#5ce87e9cd7c4f2dcc1b713f5e8ee185c88d9b7cd"
4922+
integrity sha512-oBZgKchomuDYxr7ilwLcyms6BCyLn0z8J0+ZZmfpjwg9fRVZIR5/GMXd7r9RH94iDhld3UmSjBM6nXWM2TfZTQ==
4923+
4924+
[email protected]:
4925+
version "1.30.2"
4926+
resolved "https://registry.yarnpkg.com/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.2.tgz#6ae1d5e773c97961df5cff57b851807ef33692a5"
4927+
integrity sha512-c2bH6xTrf4BDpK8MoGG4Bd6zAMZDAXS569UxCAGcA7IKbHNMlhGQ89eRmvpIUGfKWNVdbhSbkQaWhEoMGmGslA==
4928+
4929+
[email protected]:
4930+
version "1.30.2"
4931+
resolved "https://registry.yarnpkg.com/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.2.tgz#62c489610c0424151a6121fa99d77731536cdaeb"
4932+
integrity sha512-eVdpxh4wYcm0PofJIZVuYuLiqBIakQ9uFZmipf6LF/HRj5Bgm0eb3qL/mr1smyXIS1twwOxNWndd8z0E374hiA==
4933+
4934+
[email protected]:
4935+
version "1.30.2"
4936+
resolved "https://registry.yarnpkg.com/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.2.tgz#2a3661b56fe95a0cafae90be026fe0590d089298"
4937+
integrity sha512-UK65WJAbwIJbiBFXpxrbTNArtfuznvxAJw4Q2ZGlU8kPeDIWEX1dg3rn2veBVUylA2Ezg89ktszWbaQnxD/e3A==
4938+
4939+
[email protected]:
4940+
version "1.30.2"
4941+
resolved "https://registry.yarnpkg.com/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.2.tgz#d7ddd6b26959245e026bc1ad9eb6aa983aa90e6b"
4942+
integrity sha512-5Vh9dGeblpTxWHpOx8iauV02popZDsCYMPIgiuw97OJ5uaDsL86cnqSFs5LZkG3ghHoX5isLgWzMs+eD1YzrnA==
4943+
4944+
[email protected]:
4945+
version "1.30.2"
4946+
resolved "https://registry.yarnpkg.com/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.2.tgz#5a89814c8e63213a5965c3d166dff83c36152b1a"
4947+
integrity sha512-Cfd46gdmj1vQ+lR6VRTTadNHu6ALuw2pKR9lYq4FnhvgBc4zWY1EtZcAc6EffShbb1MFrIPfLDXD6Xprbnni4w==
4948+
4949+
[email protected]:
4950+
version "1.30.2"
4951+
resolved "https://registry.yarnpkg.com/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.2.tgz#808c2e91ce0bf5d0af0e867c6152e5378c049728"
4952+
integrity sha512-XJaLUUFXb6/QG2lGIW6aIk6jKdtjtcffUT0NKvIqhSBY3hh9Ch+1LCeH80dR9q9LBjG3ewbDjnumefsLsP6aiA==
4953+
4954+
[email protected]:
4955+
version "1.30.2"
4956+
resolved "https://registry.yarnpkg.com/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.2.tgz#ab4a8a8a2e6a82a4531e8bbb6bf0ff161ee6625a"
4957+
integrity sha512-FZn+vaj7zLv//D/192WFFVA0RgHawIcHqLX9xuWiQt7P0PtdFEVaxgF9rjM/IRYHQXNnk61/H/gb2Ei+kUQ4xQ==
4958+
4959+
[email protected]:
4960+
version "1.30.2"
4961+
resolved "https://registry.yarnpkg.com/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.2.tgz#f01f382c8e0a27e1c018b0bee316d210eac43b6e"
4962+
integrity sha512-5g1yc73p+iAkid5phb4oVFMB45417DkRevRbt/El/gKXJk4jid+vPFF/AXbxn05Aky8PapwzZrdJShv5C0avjw==
4963+
4964+
lightningcss@^1.29.3:
4965+
version "1.30.2"
4966+
resolved "https://registry.yarnpkg.com/lightningcss/-/lightningcss-1.30.2.tgz#4ade295f25d140f487d37256f4cd40dc607696d0"
4967+
integrity sha512-utfs7Pr5uJyyvDETitgsaqSyjCb2qNRAtuqUeWIAKztsOYdcACf2KtARYXg2pSvhkt+9NfoaNY7fxjl6nuMjIQ==
4968+
dependencies:
4969+
detect-libc "^2.0.3"
4970+
optionalDependencies:
4971+
lightningcss-android-arm64 "1.30.2"
4972+
lightningcss-darwin-arm64 "1.30.2"
4973+
lightningcss-darwin-x64 "1.30.2"
4974+
lightningcss-freebsd-x64 "1.30.2"
4975+
lightningcss-linux-arm-gnueabihf "1.30.2"
4976+
lightningcss-linux-arm64-gnu "1.30.2"
4977+
lightningcss-linux-arm64-musl "1.30.2"
4978+
lightningcss-linux-x64-gnu "1.30.2"
4979+
lightningcss-linux-x64-musl "1.30.2"
4980+
lightningcss-win32-arm64-msvc "1.30.2"
4981+
lightningcss-win32-x64-msvc "1.30.2"
4982+
48974983
lines-and-columns@^1.1.6:
48984984
version "1.2.4"
48994985
resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"

0 commit comments

Comments
 (0)