mirror of
https://github.com/vector-im/element-call.git
synced 2026-09-10 21:55:19 +00:00
Valere
979b521563
Adds component/index.tsx as a fourth build target: <ElementCall client roomId /> and an initializeElementCall to await once beforehand. It gives Element Call everything it would otherwise take from the page it is on — the parameters, the host bridge, media devices, translations, a container to confine itself to — and hands it the host's client rather than finding one of its own. React, the Matrix SDK and LiveKit stay external, since the host has them and a second copy of any would not merely be wasteful: React would hold two sets of hooks and the client would run two sync loops. Every subpath has to be listed by name, because the pattern and callback forms of rollupOptions.external are silently ignored here — a lesson worth the comment that records it. Element Call's own navigation runs in a MemoryRouter, so being embedded cannot disturb the host's URL. ClientContext and GroupCallView both navigate, so some router has to be present. The bundle is not yet a reasonable size: library mode base64-inlines assets referenced through import.meta.url, so MediaPipe's vision runtime lands in it whole. Left for its own change, since the fix — loading the background blur transformer lazily — is worth doing for the standalone app too.
139 lines
5.4 KiB
JSON
139 lines
5.4 KiB
JSON
{
|
|
"name": "element-call",
|
|
"version": "0.0.0",
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "pnpm dev:full",
|
|
"dev:full": "vite",
|
|
"dev:embedded": "vite --config vite-embedded.config.js",
|
|
"build": "pnpm build:full",
|
|
"build:full": "NODE_OPTIONS=--max-old-space-size=16384 vite build",
|
|
"build:full:production": "pnpm build:full",
|
|
"build:full:development": "pnpm build:full --mode development",
|
|
"build:embedded": "pnpm build:full --config vite-embedded.config.js",
|
|
"build:embedded:production": "pnpm build:embedded",
|
|
"build:embedded:development": "pnpm build:embedded --mode development",
|
|
"build:sdk:development": "pnpm build:sdk --mode development",
|
|
"build:sdk": "pnpm build:full --config vite-sdk.config.js",
|
|
"build:sdk:production": "pnpm build:sdk",
|
|
"build:component": "pnpm build:full --config vite-component.config.js",
|
|
"build:component:production": "pnpm build:component",
|
|
"build:component:development": "pnpm build:component --mode development",
|
|
"serve": "vite preview",
|
|
"format": "oxfmt",
|
|
"format:check": "oxfmt --check; rc=$?; [[ $rc -ne 0 ]] && printf '\\033[46;30m INFO \\033[0m To fix, run: pnpm format\\n' >&2; exit $rc",
|
|
"lint": "pnpm lint:types && pnpm lint:oxlint && pnpm lint:knip",
|
|
"lint:oxlint": "oxlint src playwright",
|
|
"lint:oxlint-fix": "oxlint --fix src playwright",
|
|
"lint:knip": "knip",
|
|
"lint:types": "tsc",
|
|
"i18n": "npx i18next-cli extract",
|
|
"i18n:check": "npx i18next-cli extract --ci",
|
|
"test": "vitest",
|
|
"test:storybook": "vitest --project=storybook",
|
|
"test:unit": "vitest --project=unit",
|
|
"test:coverage": "vitest --coverage",
|
|
"backend": "docker-compose -f docker-compose-dev.yml up",
|
|
"backend-playwright": "docker-compose -f docker-compose-dev.yml -f docker-compose-playwright.yml up",
|
|
"test:playwright": "playwright test",
|
|
"test:playwright:open": "pnpm test:playwright --ui",
|
|
"links:on": "cp scripts/.pnpmfile.cjs .pnpmfile.cjs & pnpm install",
|
|
"links:off": "rm .pnpmfile.cjs & pnpm install",
|
|
"storybook": "storybook dev -p 6006",
|
|
"build-storybook": "storybook build"
|
|
},
|
|
"devDependencies": {
|
|
"@codecov/vite-plugin": "^1.3.0",
|
|
"@fontsource/inconsolata": "^5.1.0",
|
|
"@fontsource/inter": "^5.1.0",
|
|
"@formatjs/intl-durationformat": "^0.10.0",
|
|
"@formatjs/intl-segmenter": "^11.7.3",
|
|
"@livekit/components-core": "^0.12.0",
|
|
"@livekit/components-react": "^2.0.0",
|
|
"@livekit/track-processors": "^0.7.1",
|
|
"@mediapipe/tasks-vision": "^0.10.18",
|
|
"@playwright/test": "^1.60.0",
|
|
"@radix-ui/react-dialog": "^1.0.4",
|
|
"@radix-ui/react-slider": "^1.1.2",
|
|
"@radix-ui/react-visually-hidden": "^1.0.3",
|
|
"@react-spring/web": "^10.0.0",
|
|
"@rolldown/plugin-babel": "^0.2.3",
|
|
"@sentry/react": "^8.0.0",
|
|
"@sentry/vite-plugin": "^3.0.0",
|
|
"@storybook/addon-docs": "^10.3.6",
|
|
"@storybook/addon-vitest": "^10.3.6",
|
|
"@storybook/react-vite": "^10.3.6",
|
|
"@testing-library/dom": "^10.1.0",
|
|
"@testing-library/jest-dom": "^6.6.3",
|
|
"@testing-library/react": "^16.0.0",
|
|
"@testing-library/user-event": "^14.5.1",
|
|
"@types/eslint": "^9.6.1",
|
|
"@types/grecaptcha": "^3.0.9",
|
|
"@types/jsdom": "^21.1.7",
|
|
"@types/lodash-es": "^4.17.12",
|
|
"@types/node": "^24.0.0",
|
|
"@types/pako": "^2.0.3",
|
|
"@types/qrcode": "^1.5.5",
|
|
"@types/react": "^19.0.0",
|
|
"@types/react-dom": "^19.0.0",
|
|
"@types/sdp-transform": "^2.4.5",
|
|
"@typescript-eslint/utils": "^8.61.0",
|
|
"@use-gesture/react": "^10.2.11",
|
|
"@vector-im/compound-design-tokens": "^10.0.0",
|
|
"@vector-im/compound-web": "^10.0.0",
|
|
"@vitejs/plugin-react": "^6.0.2",
|
|
"@vitest/browser-playwright": "^4.1.5",
|
|
"@vitest/coverage-v8": "^4.0.18",
|
|
"@vitest/ui": "4.1.10",
|
|
"babel-plugin-react-compiler": "^1.0.0",
|
|
"classnames": "^2.3.1",
|
|
"copy-to-clipboard": "^3.3.3",
|
|
"eslint-plugin-element-call": "link:eslint",
|
|
"eslint-plugin-storybook": "^10.3.6",
|
|
"fetch-mock": "11.1.5",
|
|
"i18next": "^26.0.0",
|
|
"i18next-browser-languagedetector": "^8.0.0",
|
|
"i18next-cli": "^1.61.0",
|
|
"jsdom": "^26.0.0",
|
|
"knip": "^5.86.0",
|
|
"livekit-client": "^2.18.1",
|
|
"lodash-es": "^4.17.21",
|
|
"loglevel": "^1.9.1",
|
|
"matrix-js-sdk": "github:matrix-org/matrix-js-sdk#develop",
|
|
"matrix-widget-api": "^1.18.0",
|
|
"node-stdlib-browser": "^1.3.1",
|
|
"normalize.css": "^8.0.1",
|
|
"observable-hooks": "^4.2.3",
|
|
"oxfmt": "^0.61.0",
|
|
"oxlint": "^1.70.0",
|
|
"oxlint-tsgolint": "^0.25.0",
|
|
"pako": "^2.0.4",
|
|
"postcss": "^8.4.41",
|
|
"postcss-preset-env": "^10.0.0",
|
|
"posthog-js": "1.408.2",
|
|
"qrcode": "^1.5.4",
|
|
"react": "19",
|
|
"react-dom": "19",
|
|
"react-i18next": "^16.0.0 <16.7.0",
|
|
"react-router-dom": "^7.0.0",
|
|
"react-use-measure": "^2.1.1",
|
|
"rxjs": "^7.8.1",
|
|
"sass": "^1.42.1",
|
|
"storybook": "^10.3.6",
|
|
"typescript": "^5.8.3",
|
|
"unique-names-generator": "^4.6.0",
|
|
"uuid": "^14.0.0",
|
|
"vaul": "^1.0.0",
|
|
"vite": "^8.0.0",
|
|
"vite-plugin-generate-file": "^0.3.0",
|
|
"vite-plugin-html": "^3.2.2",
|
|
"vite-plugin-node-polyfills": "^0.28.0",
|
|
"vite-plugin-node-stdlib-browser": "^0.2.1",
|
|
"vite-plugin-svgr": "^4.0.0",
|
|
"vite-plugin-wasm": "^3.6.0",
|
|
"vitest": "^4.1.5",
|
|
"vitest-axe": "^1.0.0-pre.3"
|
|
},
|
|
"packageManager": "pnpm@11.21.0+sha512.521705bce689924eac72f5a3587122f362689ef6571e55ba80076fd637c11132ecffada26fad4ea79c485bfddbfd3d5a2a5b05805a77e893de71ec8a6cca3bb1"
|
|
}
|