mirror of
https://github.com/vector-im/element-call.git
synced 2024-11-15 00:04:59 +08:00
af0bd795b5
react-rxjs is the library we've been using to connect our React components to view models and consume observables. However, after spending some time with react-rxjs, I feel that it's a very heavy-handed solution. It requires us to sprinkle <Subscribe /> and <RemoveSubscribe /> components all throughout the code, and makes React go through an extra render cycle whenever we mount a component that binds to a view model. What I really want is a lightweight React hook that just gets the current value out of a plain observable, without any extra setup. Luckily the observable-hooks library with its useObservableEagerState hook seems to do just that—and it's more actively maintained, too!
132 lines
4.7 KiB
JSON
132 lines
4.7 KiB
JSON
{
|
|
"name": "element-call",
|
|
"version": "0.0.0",
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vite",
|
|
"build": "NODE_OPTIONS=--max-old-space-size=16384 vite build",
|
|
"serve": "vite preview",
|
|
"prettier:check": "prettier -c .",
|
|
"prettier:format": "prettier -w .",
|
|
"lint": "yarn lint:types && yarn lint:eslint",
|
|
"lint:eslint": "eslint --max-warnings 0 src",
|
|
"lint:eslint-fix": "eslint --max-warnings 0 src --fix",
|
|
"lint:types": "tsc",
|
|
"i18n": "node_modules/i18next-parser/bin/cli.js",
|
|
"i18n:check": "node_modules/i18next-parser/bin/cli.js --fail-on-warnings --fail-on-update",
|
|
"test": "vitest",
|
|
"test:coverage": "vitest run --coverage",
|
|
"backend": "docker-compose -f backend-docker-compose.yml up"
|
|
},
|
|
"dependencies": {
|
|
"@juggle/resize-observer": "^3.3.1",
|
|
"@livekit/components-core": "^0.10.0",
|
|
"@livekit/components-react": "^2.0.0",
|
|
"@matrix-org/olm": "https://gitlab.matrix.org/api/v4/projects/27/packages/npm/@matrix-org/olm/-/@matrix-org/olm-3.2.14.tgz",
|
|
"@opentelemetry/api": "^1.4.0",
|
|
"@opentelemetry/context-zone": "^1.9.1",
|
|
"@opentelemetry/exporter-jaeger": "^1.9.1",
|
|
"@opentelemetry/exporter-trace-otlp-http": "^0.52.0",
|
|
"@opentelemetry/instrumentation-document-load": "^0.39.0",
|
|
"@opentelemetry/instrumentation-user-interaction": "^0.39.0",
|
|
"@opentelemetry/sdk-trace-web": "^1.9.1",
|
|
"@radix-ui/react-dialog": "^1.0.4",
|
|
"@radix-ui/react-slider": "^1.1.2",
|
|
"@radix-ui/react-visually-hidden": "^1.0.3",
|
|
"@react-aria/button": "^3.3.4",
|
|
"@react-aria/focus": "^3.5.0",
|
|
"@react-aria/menu": "^3.3.0",
|
|
"@react-aria/overlays": "^3.7.3",
|
|
"@react-aria/select": "^3.6.0",
|
|
"@react-aria/tabs": "^3.1.0",
|
|
"@react-aria/tooltip": "^3.1.3",
|
|
"@react-aria/utils": "^3.10.0",
|
|
"@react-spring/web": "^9.4.4",
|
|
"@react-stately/collections": "^3.3.4",
|
|
"@react-stately/select": "^3.1.3",
|
|
"@react-stately/tooltip": "^3.0.5",
|
|
"@react-stately/tree": "^3.2.0",
|
|
"@sentry/react": "^8.0.0",
|
|
"@sentry/tracing": "^7.0.0",
|
|
"@types/lodash": "^4.14.199",
|
|
"@use-gesture/react": "^10.2.11",
|
|
"@vector-im/compound-design-tokens": "^1.0.0",
|
|
"@vector-im/compound-web": "^3.0.0",
|
|
"@vitejs/plugin-basic-ssl": "^1.0.1",
|
|
"@vitejs/plugin-react": "^4.0.1",
|
|
"buffer": "^6.0.3",
|
|
"classnames": "^2.3.1",
|
|
"events": "^3.3.0",
|
|
"i18next": "^23.0.0",
|
|
"i18next-browser-languagedetector": "^8.0.0",
|
|
"i18next-http-backend": "^2.0.0",
|
|
"livekit-client": "^2.0.2",
|
|
"lodash": "^4.17.21",
|
|
"matrix-js-sdk": "github:matrix-org/matrix-js-sdk#238eea0ef5c82d0a11b8d5cc5c04104d6c94c4c1",
|
|
"matrix-widget-api": "^1.3.1",
|
|
"normalize.css": "^8.0.1",
|
|
"observable-hooks": "^4.2.3",
|
|
"pako": "^2.0.4",
|
|
"postcss-preset-env": "^9.0.0",
|
|
"posthog-js": "^1.29.0",
|
|
"react": "18",
|
|
"react-dom": "18",
|
|
"react-i18next": "^14.0.0",
|
|
"react-router-dom": "^5.2.0",
|
|
"react-use-clipboard": "^1.0.7",
|
|
"react-use-measure": "^2.1.1",
|
|
"rxjs": "^7.8.1",
|
|
"sdp-transform": "^2.14.1",
|
|
"tinyqueue": "^2.0.3",
|
|
"unique-names-generator": "^4.6.0",
|
|
"uuid": "10",
|
|
"vaul": "^0.9.0"
|
|
},
|
|
"devDependencies": {
|
|
"@babel/core": "^7.16.5",
|
|
"@babel/preset-env": "^7.22.20",
|
|
"@babel/preset-react": "^7.22.15",
|
|
"@babel/preset-typescript": "^7.23.0",
|
|
"@react-spring/rafz": "^9.7.3",
|
|
"@react-types/dialog": "^3.5.5",
|
|
"@sentry/vite-plugin": "^2.0.0",
|
|
"@testing-library/dom": "^10.1.0",
|
|
"@testing-library/react": "^16.0.0",
|
|
"@testing-library/user-event": "^14.5.1",
|
|
"@types/content-type": "^1.1.5",
|
|
"@types/dom-screen-wake-lock": "^1.0.1",
|
|
"@types/dompurify": "^3.0.2",
|
|
"@types/grecaptcha": "^3.0.4",
|
|
"@types/node": "^20.0.0",
|
|
"@types/react-dom": "^18.3.0",
|
|
"@types/react-router-dom": "^5.3.3",
|
|
"@types/request": "^2.48.8",
|
|
"@types/sdp-transform": "^2.4.5",
|
|
"@types/uuid": "10",
|
|
"@typescript-eslint/eslint-plugin": "^7.0.0",
|
|
"@typescript-eslint/parser": "^7.0.0",
|
|
"babel-loader": "^9.0.0",
|
|
"babel-plugin-transform-vite-meta-env": "^1.0.3",
|
|
"eslint": "^8.14.0",
|
|
"eslint-config-google": "^0.14.0",
|
|
"eslint-config-prettier": "^9.0.0",
|
|
"eslint-plugin-deprecate": "^0.8.2",
|
|
"eslint-plugin-import": "^2.26.0",
|
|
"eslint-plugin-jsx-a11y": "^6.5.1",
|
|
"eslint-plugin-matrix-org": "^1.2.1",
|
|
"eslint-plugin-react": "^7.29.4",
|
|
"eslint-plugin-react-hooks": "^4.5.0",
|
|
"eslint-plugin-unicorn": "^54.0.0",
|
|
"i18next-parser": "^9.0.0",
|
|
"jsdom": "^24.0.0",
|
|
"prettier": "^3.0.0",
|
|
"sass": "^1.42.1",
|
|
"typescript": "^5.1.6",
|
|
"typescript-eslint-language-service": "^5.0.5",
|
|
"vite": "^5.0.0",
|
|
"vite-plugin-html-template": "^1.1.0",
|
|
"vite-plugin-svgr": "^4.0.0",
|
|
"vitest": "^1.2.2"
|
|
}
|
|
}
|