diff --git a/.github/workflows/copy-react-demo-s3.yml b/.github/workflows/copy-react-demo-s3.yml deleted file mode 100644 index 43f21f1c3c..0000000000 --- a/.github/workflows/copy-react-demo-s3.yml +++ /dev/null @@ -1,92 +0,0 @@ -name: Copy React Demo to S3 bucket - -on: - push: - branches: - - main - paths: - - '.github/workflows/copy-react-demo-s3.yml' - - 'sample-apps/react/react-video-demo/**' - - '!packages/**' # avoid duplicated deployment if react-sdk also changed - pull_request: - types: - - opened - - synchronize - - reopened - paths: - - '.github/workflows/copy-react-demo-s3.yml' - - 'sample-apps/react/react-video-demo/**' - - 'packages/**' - - '!packages/react-native-sdk/**' - workflow_dispatch: - -jobs: - build-and-copy: - runs-on: ubuntu-latest - - env: - VITE_STREAM_API_KEY: ${{ vars.EGRESS_STREAM_API_KEY }} - VITE_STREAM_TOKEN: ${{ secrets.EGRESS_USER_TOKEN }} - VITE_STREAM_KEY: ${{ vars.VIDEO_DEMO_STREAM_API_KEY }} - VITE_STREAM_SECRET: ${{ secrets.VIDEO_DEMO_STREAM_SECRET }} - VITE_VIDEO_USER_ID: ${{vars.VIDEO_DEMO_USER_ID}} - VITE_VIDEO_USER_NAME: ${{vars.VIDEO_DEMO_USER_NAME}} - VITE_VIDEO_USER_TOKEN: ${{secrets.VIDEO_DEMO_USER_TOKEN}} - VITE_MAPBOX_GL_TOKEN: ${{secrets.VIDEO_DEMO_MAPBOX_GL_TOKEN}} - VITE_VIDEO_DEMO_SENTRY_DNS: ${{secrets.VIDEO_DEMO_SENTRY_DNS}} - VITE_TOKEN_PROVIDER_URL: ${{secrets.TOKEN_PROVIDER_URL}} - VITE_GTM_ID: ${{ secrets.VIDEO_DEMO_GTM_ID }} - VITE_GTM_PROJECT: ${{ vars.VIDEO_DEMO_GTM_PROJECT }} - VITE_GLEAP_KEY: ${{ secrets.VIDEO_DEMO_GLEAP_KEY }} - steps: - - name: Checkout - uses: actions/checkout@v3 - with: - fetch-depth: 0 - - - name: Setup Node - uses: actions/setup-node@v3 - with: - node-version: 18.x - cache: 'yarn' - - - name: Install Dependencies - run: yarn install --immutable - - - name: Build packages - run: NODE_ENV=production yarn build:react:deps - - - name: Build React Demo staging - if: ${{ github.ref_name != 'main' }} - run: yarn build:react:video-demo --mode staging - - - name: Build React Demo production - if: ${{ github.ref_name == 'main' }} - run: yarn build:react:video-demo --mode production - - - name: Setup AWS credentials - uses: aws-actions/configure-aws-credentials@v2 - with: - aws-access-key-id: ${{ secrets.AWS_ACCESS_KEY_ID }} - aws-secret-access-key: ${{ secrets.AWS_SECRET_ACCESS_KEY }} - aws-region: ${{vars.AWS_REGION}} - - - name: Copy PR build artifacts to AWS S3 Bucket - if: ${{ github.ref_name != 'main' }} - run: | - aws s3 sync sample-apps/react/react-video-demo/dist s3://${{secrets.S3_BUCKET_NAME_STAGING}}/video/demos --delete - - - name: Copy main build artifacts to AWS S3 Bucket - if: ${{ github.ref_name == 'main' }} - run: | - aws s3 sync sample-apps/react/react-video-demo/dist s3://${{secrets.S3_BUCKET_NAME_PRODUCTION}}/video/demos --delete - - - name: Invalidate Cloudfront cache (staging) - if: ${{ github.ref_name != 'main' }} - run: | - aws cloudfront create-invalidation --distribution-id ${{secrets.AWS_DISTRIBUTION_ID_STAGING}} --paths "/video/demos/*" - - - name: Invalidate Cloudfront cache (production) - if: ${{ github.ref_name == 'main' }} - run: | - aws cloudfront create-invalidation --distribution-id ${{secrets.AWS_DISTRIBUTION_ID_PRODUCTION}} --paths "/video/demos/*" diff --git a/package.json b/package.json index 89107851d5..b4733af602 100644 --- a/package.json +++ b/package.json @@ -28,7 +28,6 @@ "build:react:deps": "yarn build:client && yarn build:styling && yarn build:react:bindings && yarn build:react:sdk", "build:react-native:deps": "yarn build:client && yarn build:react:bindings && yarn build:react-native:sdk", "build:vercel": "yarn build:react:deps && yarn build:react:dogfood", - "build:react:video-demo": "yarn build:react:deps && yarn workspace @stream-io/react-video-demo run build:website", "start:egress": "yarn workspace @stream-io/egress-composite start", "build:egress": "yarn workspace @stream-io/egress-composite build", "build:all": "yarn workspaces foreach -v --topological-dev run build", diff --git a/sample-apps/react/react-video-demo/.env-example b/sample-apps/react/react-video-demo/.env-example deleted file mode 100644 index d933a31282..0000000000 --- a/sample-apps/react/react-video-demo/.env-example +++ /dev/null @@ -1,4 +0,0 @@ -SKIP_PREFLIGHT_CHECK=true -VITE_STREAM_KEY= -VITE_MAPBOX_GL_TOKEN= -VITE_TOKEN_PROVIDER_URL= diff --git a/sample-apps/react/react-video-demo/.gitignore b/sample-apps/react/react-video-demo/.gitignore deleted file mode 100644 index 9d22864ca2..0000000000 --- a/sample-apps/react/react-video-demo/.gitignore +++ /dev/null @@ -1,26 +0,0 @@ -# Logs -logs -*.log -npm-debug.log* -yarn-debug.log* -yarn-error.log* -pnpm-debug.log* -lerna-debug.log* - -node_modules -dist -dist-ssr -*.local - -# Editor directories and files -.vscode/* -!.vscode/extensions.json -.idea -.DS_Store -*.suo -*.ntvs* -*.njsproj -*.sln -*.sw? - -.env.development diff --git a/sample-apps/react/react-video-demo/.storybook/main.cjs b/sample-apps/react/react-video-demo/.storybook/main.cjs deleted file mode 100644 index acce459c48..0000000000 --- a/sample-apps/react/react-video-demo/.storybook/main.cjs +++ /dev/null @@ -1,26 +0,0 @@ -module.exports = { - "stories": [ - "../src/**/*.stories.mdx", - "../src/**/*.stories.@(js|jsx|ts|tsx)" - ], - "addons": [ - "@storybook/addon-links", - "@storybook/addon-essentials", - "@storybook/addon-interactions" - ], - "framework": "@storybook/react", - "core": { - "builder": "@storybook/builder-vite" - }, - "features": { - "storyStoreV7": true - }, - env: (config) => { - console.log(config); - return { - ...config, - EXAMPLE_VAR: 'An environment variable configured in Storybook', - STORYBOOK_ENV: 'bla', - } - }, -} diff --git a/sample-apps/react/react-video-demo/.storybook/preview-head.html b/sample-apps/react/react-video-demo/.storybook/preview-head.html deleted file mode 100644 index 9f9b95ca75..0000000000 --- a/sample-apps/react/react-video-demo/.storybook/preview-head.html +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - diff --git a/sample-apps/react/react-video-demo/.storybook/preview.cjs b/sample-apps/react/react-video-demo/.storybook/preview.cjs deleted file mode 100644 index 8f44a7bfd6..0000000000 --- a/sample-apps/react/react-video-demo/.storybook/preview.cjs +++ /dev/null @@ -1,12 +0,0 @@ -export const parameters = { - actions: { - argTypesRegex: "^on[A-Z].*" - }, - controls: { - matchers: { - color: /(background|color)$/i, - date: /Date$/, - }, - }, - layout: 'fullscreen' -} diff --git a/sample-apps/react/react-video-demo/.well-known/apple-app-site-association b/sample-apps/react/react-video-demo/.well-known/apple-app-site-association deleted file mode 100644 index e163d94e3d..0000000000 --- a/sample-apps/react/react-video-demo/.well-known/apple-app-site-association +++ /dev/null @@ -1,11 +0,0 @@ -{ - "applinks": { - "apps": [], - "details": [{ - "appID": "EHV7XZLAHA.io.getstream.iOS.VideoDemoApp", - "paths": [ - "*" - ] - }] - } -} \ No newline at end of file diff --git a/sample-apps/react/react-video-demo/README.md b/sample-apps/react/react-video-demo/README.md index 196550d751..2b2f913636 100644 --- a/sample-apps/react/react-video-demo/README.md +++ b/sample-apps/react/react-video-demo/README.md @@ -1,4 +1,3 @@ ## @stream-io/react-video-demo -Preview: https://staging.getstream.io/video/demos/ -Production: https://getstream.io/video/demos/ +This application has been merged with [react-dogfood](../react-dogfood) and is no longer maintained. diff --git a/sample-apps/react/react-video-demo/data/servers.ts b/sample-apps/react/react-video-demo/data/servers.ts deleted file mode 100644 index f2985195ef..0000000000 --- a/sample-apps/react/react-video-demo/data/servers.ts +++ /dev/null @@ -1,189 +0,0 @@ -import { FeatureCollection, Geometry } from 'geojson'; - -export const serverMarkerFeatures: FeatureCollection = { - type: 'FeatureCollection', - features: [ - { - id: 1, - type: 'Feature', - geometry: { - type: 'Point', - coordinates: [18.4233, -33.91886], - }, - properties: { - abbriviation: 'AWS', - city: 'Cape Town', - countryCode: 'ZA', - }, - }, - { - id: 2, - type: 'Feature', - geometry: { - type: 'Point', - coordinates: [8.682127, 50.110924], - }, - properties: { - abbriviation: 'AWS', - city: 'Hamburg', - countryCode: 'DE', - }, - }, - { - id: 3, - type: 'Feature', - geometry: { - type: 'Point', - coordinates: [72.854118, 19.228825], - }, - properties: { - abbriviation: 'AWS', - city: 'Delhi', - countryCode: 'IN', - }, - }, - { - id: 4, - type: 'Feature', - geometry: { - type: 'Point', - coordinates: [-46.62529, -23.53377], - }, - properties: { - abbriviation: 'AWS', - city: 'Sao Paulo', - countryCode: 'BR', - }, - }, - { - id: 5, - type: 'Feature', - geometry: { - type: 'Point', - coordinates: [103.833333, 1.283333], - }, - properties: { - abbriviation: 'AWS', - city: 'Singapore', - countryCode: 'SG', - }, - }, - { - id: 6, - type: 'Feature', - geometry: { - type: 'Point', - coordinates: [151.2099, -33.86514], - }, - properties: { - abbriviation: 'AWS', - city: 'Sydney', - countryCode: 'AU', - }, - }, - { - id: 7, - type: 'Feature', - geometry: { - type: 'Point', - coordinates: [139.752445, 35.685013], - }, - properties: { - abbriviation: 'AWS', - city: 'Tokyo', - countryCode: 'JP', - }, - }, - { - id: 8, - type: 'Feature', - geometry: { - type: 'Point', - coordinates: [4.75353, 59.43696], - }, - properties: { - abbriviation: 'BLU', - city: 'Talinn', - countryCode: 'EE', - }, - }, - { - id: 9, - type: 'Feature', - geometry: { - type: 'Point', - coordinates: [-104.984722, 39.739167], - }, - properties: { - abbriviation: 'DPK', - city: 'New York', - countryCode: 'US', - }, - }, - { - id: 10, - type: 'Feature', - geometry: { - type: 'Point', - coordinates: [-74.006111, 40.712778], - }, - properties: { - abbriviation: 'EQX', - city: 'Boston', - countryCode: 'US', - }, - }, - { - id: 11, - type: 'Feature', - geometry: { - type: 'Point', - coordinates: [4.89707, 52.377956], - }, - properties: { - abbriviation: 'FDC', - city: 'Amsterdam', - countryCode: 'NL', - }, - }, - { - id: 12, - type: 'Feature', - geometry: { - type: 'Point', - coordinates: [4.89707, 52.377956], - }, - properties: { - abbriviation: 'LSW', - city: 'Amsterdam', - countryCode: 'NL', - }, - }, - { - id: 13, - type: 'Feature', - geometry: { - type: 'Point', - coordinates: [5.693056, 50.849722], - }, - properties: { - abbriviation: 'OVH', - city: 'Kohln', - countryCode: 'DE', - }, - }, - { - id: 14, - type: 'Feature', - geometry: { - type: 'Point', - coordinates: [-0.136439, 51.507359], - }, - properties: { - abbriviation: 'OHV', - city: 'London', - countryCode: 'GB', - }, - }, - ], -}; diff --git a/sample-apps/react/react-video-demo/data/tour.ts b/sample-apps/react/react-video-demo/data/tour.ts deleted file mode 100644 index d96c8d3205..0000000000 --- a/sample-apps/react/react-video-demo/data/tour.ts +++ /dev/null @@ -1,22 +0,0 @@ -export const tour = [ - { - header: 'Video Calling, Livestreaming, and Audio Rooms', - explanation: - 'You can use Stream to build any type of video calling, audio room or livestream experience. This example app shows a video calling experience.', - }, - { - header: 'Edge Network', - explanation: - 'Our global edge network ensures an optimal call latency. This improves call quality, user experience and reliability.', - }, - { - header: 'Developer Experience', - explanation: - "While competing SDKs can take months, Stream focuses on a great developer experience and enables you to build in-app video, audio or livestreaming in days. Try the tutorials and you'll see the difference.", - }, - { - header: 'Try It On Your Phone', - explanation: - 'Scan the QR code or invite a friend by sending them this URL.', - }, -]; diff --git a/sample-apps/react/react-video-demo/index.html b/sample-apps/react/react-video-demo/index.html deleted file mode 100644 index 10d704d778..0000000000 --- a/sample-apps/react/react-video-demo/index.html +++ /dev/null @@ -1,114 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Stream video - demo - - - -
- - - diff --git a/sample-apps/react/react-video-demo/package.json b/sample-apps/react/react-video-demo/package.json deleted file mode 100644 index e1698007b8..0000000000 --- a/sample-apps/react/react-video-demo/package.json +++ /dev/null @@ -1,85 +0,0 @@ -{ - "name": "@stream-io/react-video-demo", - "private": true, - "version": "0.0.0", - "type": "module", - "scripts": { - "clean": "rimraf dist && rimraf node_modules/.vite", - "dev": "vite --host --port 3000 --mode staging", - "start": "vite --host --port 3000 --mode staging", - "build": "tsc && vite build --mode staging", - "build:website": "tsc && vite build --base=/video/demos/", - "preview": "vite preview", - "storybook": "concurrently \"yarn:watch:*\"", - "build-storybook": "concurrently \"yarn:build:*\"", - "build:css": "npx tailwindcss -i ./src/tailwind.css -o ./public/tailwind.css", - "build:storybook": "build-storybook", - "watch:css": "npx tailwindcss -i ./src/tailwind.css -o ./public/tailwind.css --watch", - "watch:storybook": "start-storybook dev -p 6006" - }, - "dependencies": { - "@sentry/react": "^7.91.0", - "@stream-io/stream-chat-css": "^3.14.1", - "@stream-io/video-react-sdk": "workspace:^", - "@stream-io/video-styling": "workspace:^", - "autoprefixer": "^10.4.13", - "classnames": "^2.3.2", - "date-fns": "^2.29.3", - "geojson": "^0.5.0", - "gleap": "^13.1.1", - "hotkeys-js": "^3.12.0", - "mapbox-gl": "^2.15.0", - "mobile-device-detect": "^0.4.3", - "nanoid": "^5.0.4", - "postcss": "^8.4.31", - "qrcode.react": "^3.1.0", - "react": "^18.2.0", - "react-dom": "^18.2.0", - "react-dropzone": "^14.2.3", - "react-file-utils": "^1.2.0", - "react-form": "^4.0.1", - "react-gtm-module": "^2.0.11", - "react-tooltip": "^5.8.3", - "react-transition-group": "^4.4.5", - "screenfull": "^6.0.2", - "stream-chat": "^8.14.4", - "stream-chat-css": "^1.0.23", - "stream-chat-react": "^11.2.1", - "swiper": "^9.1.1", - "tailwindcss": "^3.2.4", - "tailwindcss-plugins": "^0.3.0", - "unique-names-generator": "^4.7.1", - "uuid": "^9.0.1", - "vite": "^4.4.11" - }, - "devDependencies": { - "@babel/core": "^7.20.12", - "@mdx-js/react": "^1.6.22", - "@storybook/addon-actions": "^6.5.15", - "@storybook/addon-docs": "^6.5.15", - "@storybook/addon-essentials": "^6.5.15", - "@storybook/addon-interactions": "^6.5.15", - "@storybook/addon-links": "^6.5.15", - "@storybook/builder-vite": "^0.2.7", - "@storybook/react": "^6.5.15", - "@storybook/testing-library": "^0.0.13", - "@types/babel__core": "^7", - "@types/geojson": "^7946.0.10", - "@types/mapbox-gl": "^2.7.19", - "@types/react": "^18.2.28", - "@types/react-dom": "^18.2.13", - "@types/react-form": "^4", - "@types/react-gtm-module": "^2", - "@types/react-slick": "^0", - "@types/react-transition-group": "^4.4.5", - "@types/uuid": "^9.0.5", - "@vitejs/plugin-react": "^4.1.0", - "concurrently": "^7.6.0", - "rimraf": "^5.0.5", - "sass": "^1.69.5", - "typescript": "^5.2.2" - }, - "installConfig": { - "hoistingLimits": "dependencies" - } -} diff --git a/sample-apps/react/react-video-demo/postcss.config.cjs b/sample-apps/react/react-video-demo/postcss.config.cjs deleted file mode 100644 index 825cb18622..0000000000 --- a/sample-apps/react/react-video-demo/postcss.config.cjs +++ /dev/null @@ -1,8 +0,0 @@ -module.exports = { - plugins: { - 'postcss-import': {}, - 'tailwindcss/nesting': {}, - tailwindcss: {}, - autoprefixer: {}, - }, -} diff --git a/sample-apps/react/react-video-demo/public/.well-known/assetlinks.json b/sample-apps/react/react-video-demo/public/.well-known/assetlinks.json deleted file mode 100644 index 0eeea6cce7..0000000000 --- a/sample-apps/react/react-video-demo/public/.well-known/assetlinks.json +++ /dev/null @@ -1,52 +0,0 @@ -[ - { - "relation": ["delegate_permission/common.handle_all_urls"], - "target": { - "namespace": "android_app", - "package_name": "io.getstream.video.android.dogfooding", - "sha256_cert_fingerprints": [ - "DC:8D:02:4B:71:AC:2A:2E:97:AF:92:70:95:6D:FC:98:CE:27:B0:25:A5:09:D4:BA:45:0B:73:90:29:E2:4A:E6" - ] - } - }, - { - "relation": ["delegate_permission/common.handle_all_urls"], - "target": { - "namespace": "android_app", - "package_name": "io.getstream.video.android.dogfooding.debug", - "sha256_cert_fingerprints": [ - "1B:28:0D:4F:73:47:7F:59:8D:EE:7F:C8:3D:44:61:D3:51:12:AC:A1:3E:98:E1:16:55:70:AB:B6:AB:55:99:93" - ] - } - }, - { - "relation": ["delegate_permission/common.handle_all_urls"], - "target": { - "namespace": "android_app", - "package_name": "io.getstream.rnvideosample", - "sha256_cert_fingerprints": [ - "FA:C6:17:45:DC:09:03:78:6F:B9:ED:E6:2A:96:2B:39:9F:73:48:F0:BB:6F:89:9B:83:32:66:75:91:03:3B:9C" - ] - } - }, - { - "relation": ["delegate_permission/common.handle_all_urls"], - "target": { - "namespace": "android_app", - "package_name": "io.getstream.video.flutter.dogfooding", - "sha256_cert_fingerprints": [ - "EF:DA:0D:97:C7:05:88:BB:F0:71:84:47:BB:F3:22:86:5C:AD:81:EC:3A:FC:10:AC:A2:20:97:41:71:73:36:8E" - ] - } - }, - { - "relation": ["delegate_permission/common.handle_all_urls"], - "target": { - "namespace": "android_app", - "package_name": "io.getstream.video.flutter.dogfooding.debug", - "sha256_cert_fingerprints": [ - "EF:DA:0D:97:C7:05:88:BB:F0:71:84:47:BB:F3:22:86:5C:AD:81:EC:3A:FC:10:AC:A2:20:97:41:71:73:36:8E" - ] - } - } - ] \ No newline at end of file diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Black.otf b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Black.otf deleted file mode 100644 index 60f42fe30d..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Black.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Black.woff b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Black.woff deleted file mode 100644 index 43e04b7b2d..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Black.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Black.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Black.woff2 deleted file mode 100644 index fbf2851c4e..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Black.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-BlackItalic.otf b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-BlackItalic.otf deleted file mode 100644 index 502ca41495..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-BlackItalic.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-BlackItalic.woff b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-BlackItalic.woff deleted file mode 100644 index 3459c41270..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-BlackItalic.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-BlackItalic.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-BlackItalic.woff2 deleted file mode 100644 index 5733ffa1e6..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-BlackItalic.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Bold.otf b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Bold.otf deleted file mode 100644 index 0487c21b32..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Bold.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Bold.woff b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Bold.woff deleted file mode 100644 index d3a20ee9ed..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Bold.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Bold.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Bold.woff2 deleted file mode 100644 index 87678ee2c6..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Bold.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-BoldItalic.otf b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-BoldItalic.otf deleted file mode 100644 index 5cc94d52d3..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-BoldItalic.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-BoldItalic.woff b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-BoldItalic.woff deleted file mode 100644 index f081f4d7e5..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-BoldItalic.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-BoldItalic.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-BoldItalic.woff2 deleted file mode 100644 index ed19a879d6..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-BoldItalic.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraBold.otf b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraBold.otf deleted file mode 100644 index 01d375e468..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraBold.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraBold.woff b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraBold.woff deleted file mode 100644 index f4b63f02d7..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraBold.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraBold.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraBold.woff2 deleted file mode 100644 index d189656ae8..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraBold.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraBoldItalic.otf b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraBoldItalic.otf deleted file mode 100644 index fd934ebd00..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraBoldItalic.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraBoldItalic.woff b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraBoldItalic.woff deleted file mode 100644 index e7c31fa45e..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraBoldItalic.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraBoldItalic.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraBoldItalic.woff2 deleted file mode 100644 index 5f9d1b11d6..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraBoldItalic.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraLight.otf b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraLight.otf deleted file mode 100644 index 5982d6cffc..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraLight.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraLight.woff b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraLight.woff deleted file mode 100644 index 87f6508f25..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraLight.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraLight.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraLight.woff2 deleted file mode 100644 index 76ae490a9d..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraLight.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraLightItalic.otf b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraLightItalic.otf deleted file mode 100644 index 2a58b941f5..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraLightItalic.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraLightItalic.woff b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraLightItalic.woff deleted file mode 100644 index a0f1575af3..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraLightItalic.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraLightItalic.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraLightItalic.woff2 deleted file mode 100644 index 456ea51da1..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ExtraLightItalic.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Italic.otf b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Italic.otf deleted file mode 100644 index 868afcb375..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Italic.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Italic.woff b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Italic.woff deleted file mode 100644 index b5de653da2..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Italic.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Italic.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Italic.woff2 deleted file mode 100644 index b8ba8febfa..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Italic.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Light.otf b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Light.otf deleted file mode 100644 index 51ce21271d..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Light.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Light.woff b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Light.woff deleted file mode 100644 index 79f018bcd7..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Light.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Light.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Light.woff2 deleted file mode 100644 index 3e76607711..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Light.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-LightItalic.otf b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-LightItalic.otf deleted file mode 100644 index 67db454658..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-LightItalic.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-LightItalic.woff b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-LightItalic.woff deleted file mode 100644 index 8b708455c4..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-LightItalic.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-LightItalic.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-LightItalic.woff2 deleted file mode 100644 index c941c690bb..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-LightItalic.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Medium.otf b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Medium.otf deleted file mode 100644 index 7f7f9da65c..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Medium.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Medium.woff b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Medium.woff deleted file mode 100644 index c9e2925c1d..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Medium.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Medium.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Medium.woff2 deleted file mode 100644 index 0b0156523d..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Medium.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-MediumItalic.otf b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-MediumItalic.otf deleted file mode 100644 index 402b8a3f81..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-MediumItalic.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-MediumItalic.woff b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-MediumItalic.woff deleted file mode 100644 index c094f7c49c..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-MediumItalic.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-MediumItalic.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-MediumItalic.woff2 deleted file mode 100644 index b4e9111733..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-MediumItalic.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Regular.otf b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Regular.otf deleted file mode 100644 index 04be4d030c..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Regular.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Regular.woff b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Regular.woff deleted file mode 100644 index 927dd37e74..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Regular.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Regular.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Regular.woff2 deleted file mode 100644 index 7f80ff46d3..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Regular.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-SemiBold.otf b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-SemiBold.otf deleted file mode 100644 index d0b82febcb..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-SemiBold.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-SemiBold.woff b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-SemiBold.woff deleted file mode 100644 index 112464d97c..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-SemiBold.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-SemiBold.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-SemiBold.woff2 deleted file mode 100644 index 0c98abf422..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-SemiBold.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-SemiBoldItalic.otf b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-SemiBoldItalic.otf deleted file mode 100644 index 8d61dbcd9d..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-SemiBoldItalic.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-SemiBoldItalic.woff b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-SemiBoldItalic.woff deleted file mode 100644 index 7e82ce35b0..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-SemiBoldItalic.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-SemiBoldItalic.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-SemiBoldItalic.woff2 deleted file mode 100644 index 7bf1d5dc23..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-SemiBoldItalic.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Thin.otf b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Thin.otf deleted file mode 100644 index 2552ac91d4..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Thin.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Thin.woff b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Thin.woff deleted file mode 100644 index 4ea7e95728..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Thin.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Thin.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Thin.woff2 deleted file mode 100644 index 39fea6607b..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-Thin.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ThinItalic.otf b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ThinItalic.otf deleted file mode 100644 index df63fa5dd4..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ThinItalic.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ThinItalic.woff b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ThinItalic.woff deleted file mode 100644 index bfeb9ad59c..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ThinItalic.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ThinItalic.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ThinItalic.woff2 deleted file mode 100644 index d9ac239acb..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-ThinItalic.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-italic.var.otf b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-italic.var.otf deleted file mode 100644 index dcd950c65b..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-italic.var.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-italic.var.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-italic.var.woff2 deleted file mode 100644 index 52484087cf..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-italic.var.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-roman.var.otf b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-roman.var.otf deleted file mode 100644 index 11f87309b4..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-roman.var.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-roman.var.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/Inter-roman.var.woff2 deleted file mode 100644 index 91e198b4c8..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter-roman.var.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter.var.otf b/sample-apps/react/react-video-demo/public/fonts/inter/Inter.var.otf deleted file mode 100644 index 91912ce32d..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter.var.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/Inter.var.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/Inter.var.woff2 deleted file mode 100644 index 0c233da634..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/Inter.var.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Black.otf b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Black.otf deleted file mode 100644 index 367881e0c3..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Black.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Black.woff b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Black.woff deleted file mode 100644 index 9c0b4a0438..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Black.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Black.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Black.woff2 deleted file mode 100644 index ee8d05c70f..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Black.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-BlackItalic.otf b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-BlackItalic.otf deleted file mode 100644 index 4f6fbc5a42..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-BlackItalic.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-BlackItalic.woff b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-BlackItalic.woff deleted file mode 100644 index d9093b43cd..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-BlackItalic.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-BlackItalic.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-BlackItalic.woff2 deleted file mode 100644 index 58ca3013ec..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-BlackItalic.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Bold.otf b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Bold.otf deleted file mode 100644 index 63131965b2..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Bold.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Bold.woff b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Bold.woff deleted file mode 100644 index 2bae0f75e9..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Bold.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Bold.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Bold.woff2 deleted file mode 100644 index c412561f4a..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Bold.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-BoldItalic.otf b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-BoldItalic.otf deleted file mode 100644 index aa64608a1b..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-BoldItalic.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-BoldItalic.woff b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-BoldItalic.woff deleted file mode 100644 index 2f85144cb7..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-BoldItalic.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-BoldItalic.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-BoldItalic.woff2 deleted file mode 100644 index 609bef9f71..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-BoldItalic.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraBold.otf b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraBold.otf deleted file mode 100644 index 9557f0e1cc..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraBold.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraBold.woff b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraBold.woff deleted file mode 100644 index 3fa02aa114..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraBold.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraBold.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraBold.woff2 deleted file mode 100644 index 428c3df9b4..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraBold.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraBoldItalic.otf b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraBoldItalic.otf deleted file mode 100644 index c6e3c612c0..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraBoldItalic.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraBoldItalic.woff b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraBoldItalic.woff deleted file mode 100644 index 5dbe9fc22b..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraBoldItalic.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraBoldItalic.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraBoldItalic.woff2 deleted file mode 100644 index 4b6d3ee178..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraBoldItalic.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraLight.otf b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraLight.otf deleted file mode 100644 index 71f71ed714..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraLight.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraLight.woff b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraLight.woff deleted file mode 100644 index c3c85a31ee..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraLight.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraLight.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraLight.woff2 deleted file mode 100644 index 6206d38d27..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraLight.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraLightItalic.otf b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraLightItalic.otf deleted file mode 100644 index 36eb473e1f..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraLightItalic.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraLightItalic.woff b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraLightItalic.woff deleted file mode 100644 index fed3400452..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraLightItalic.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraLightItalic.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraLightItalic.woff2 deleted file mode 100644 index 5b122ca6de..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ExtraLightItalic.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Italic.otf b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Italic.otf deleted file mode 100644 index d1a89df086..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Italic.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Italic.woff b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Italic.woff deleted file mode 100644 index 2586bd41d4..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Italic.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Italic.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Italic.woff2 deleted file mode 100644 index b632390e08..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Italic.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Light.otf b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Light.otf deleted file mode 100644 index f53c0131cf..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Light.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Light.woff b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Light.woff deleted file mode 100644 index aba5d4739f..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Light.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Light.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Light.woff2 deleted file mode 100644 index 2d8673ee0e..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Light.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-LightItalic.otf b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-LightItalic.otf deleted file mode 100644 index 02d4ea3dd5..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-LightItalic.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-LightItalic.woff b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-LightItalic.woff deleted file mode 100644 index 5759d612e1..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-LightItalic.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-LightItalic.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-LightItalic.woff2 deleted file mode 100644 index 0c3379808f..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-LightItalic.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Medium.otf b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Medium.otf deleted file mode 100644 index 9b4c8faf1d..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Medium.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Medium.woff b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Medium.woff deleted file mode 100644 index 5107ab32c3..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Medium.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Medium.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Medium.woff2 deleted file mode 100644 index 31f8b91758..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Medium.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-MediumItalic.otf b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-MediumItalic.otf deleted file mode 100644 index 4a2e216f82..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-MediumItalic.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-MediumItalic.woff b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-MediumItalic.woff deleted file mode 100644 index ec4adaa18c..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-MediumItalic.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-MediumItalic.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-MediumItalic.woff2 deleted file mode 100644 index 36050bf442..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-MediumItalic.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Regular.otf b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Regular.otf deleted file mode 100644 index 9b486e1cb0..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Regular.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Regular.woff b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Regular.woff deleted file mode 100644 index fd3d711fd4..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Regular.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Regular.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Regular.woff2 deleted file mode 100644 index 70b7557fab..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Regular.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-SemiBold.otf b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-SemiBold.otf deleted file mode 100644 index bdae36058f..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-SemiBold.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-SemiBold.woff b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-SemiBold.woff deleted file mode 100644 index 36f4304af8..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-SemiBold.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-SemiBold.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-SemiBold.woff2 deleted file mode 100644 index a1f5034dc3..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-SemiBold.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-SemiBoldItalic.otf b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-SemiBoldItalic.otf deleted file mode 100644 index 0cf8d6f9cb..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-SemiBoldItalic.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-SemiBoldItalic.woff b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-SemiBoldItalic.woff deleted file mode 100644 index 7fd05eb237..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-SemiBoldItalic.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-SemiBoldItalic.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-SemiBoldItalic.woff2 deleted file mode 100644 index e12cb25952..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-SemiBoldItalic.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Thin.otf b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Thin.otf deleted file mode 100644 index 0d70949e92..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Thin.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Thin.woff b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Thin.woff deleted file mode 100644 index 05ad56ad4c..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Thin.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Thin.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Thin.woff2 deleted file mode 100644 index b908aca5fc..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-Thin.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ThinItalic.otf b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ThinItalic.otf deleted file mode 100644 index 9e64d9e011..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ThinItalic.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ThinItalic.woff b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ThinItalic.woff deleted file mode 100644 index 8e6da9a7ff..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ThinItalic.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ThinItalic.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ThinItalic.woff2 deleted file mode 100644 index e37352d305..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-ThinItalic.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-italic.var.otf b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-italic.var.otf deleted file mode 100644 index 5029998728..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-italic.var.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-italic.var.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-italic.var.woff2 deleted file mode 100644 index a7ed84ee21..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-italic.var.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-roman.var.otf b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-roman.var.otf deleted file mode 100644 index caf7ab7e5e..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-roman.var.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-roman.var.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-roman.var.woff2 deleted file mode 100644 index 4f0c98309f..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay-roman.var.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay.var.otf b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay.var.otf deleted file mode 100644 index 30ee7ee5d8..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay.var.otf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay.var.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay.var.woff2 deleted file mode 100644 index 75b8e945af..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/InterDisplay.var.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/inter.var-webfont.woff b/sample-apps/react/react-video-demo/public/fonts/inter/inter.var-webfont.woff deleted file mode 100644 index 86ca51700d..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/inter.var-webfont.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/inter.var-webfont.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/inter.var-webfont.woff2 deleted file mode 100644 index 733dfa0d17..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/inter.var-webfont.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/interdisplay.var-webfont.woff b/sample-apps/react/react-video-demo/public/fonts/inter/interdisplay.var-webfont.woff deleted file mode 100644 index 86d562ed49..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/interdisplay.var-webfont.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/inter/interdisplay.var-webfont.woff2 b/sample-apps/react/react-video-demo/public/fonts/inter/interdisplay.var-webfont.woff2 deleted file mode 100644 index 263d5b8ba8..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/inter/interdisplay.var-webfont.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtime-bold.eot b/sample-apps/react/react-video-demo/public/fonts/realtime/realtime-bold.eot deleted file mode 100644 index d373f677f4..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtime-bold.eot and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtime-bold.woff b/sample-apps/react/react-video-demo/public/fonts/realtime/realtime-bold.woff deleted file mode 100644 index 0d249ca79e..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtime-bold.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtime-bold.woff2 b/sample-apps/react/react-video-demo/public/fonts/realtime/realtime-bold.woff2 deleted file mode 100644 index 784515c4d8..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtime-bold.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtime-light.eot b/sample-apps/react/react-video-demo/public/fonts/realtime/realtime-light.eot deleted file mode 100644 index a71d35a8ba..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtime-light.eot and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtime-light.woff b/sample-apps/react/react-video-demo/public/fonts/realtime/realtime-light.woff deleted file mode 100644 index 1b171b36d9..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtime-light.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtime-light.woff2 b/sample-apps/react/react-video-demo/public/fonts/realtime/realtime-light.woff2 deleted file mode 100644 index a0027fec8c..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtime-light.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-black-realtime.eot b/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-black-realtime.eot deleted file mode 100644 index 74215e7095..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-black-realtime.eot and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-black-realtime.woff b/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-black-realtime.woff deleted file mode 100644 index c047a18adb..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-black-realtime.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-black-realtime.woff2 b/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-black-realtime.woff2 deleted file mode 100644 index 5ac56e3123..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-black-realtime.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-bold-realtime.eot b/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-bold-realtime.eot deleted file mode 100644 index eb2838b911..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-bold-realtime.eot and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-bold-realtime.ttf b/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-bold-realtime.ttf deleted file mode 100644 index a59b2fdce7..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-bold-realtime.ttf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-bold-realtime.woff b/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-bold-realtime.woff deleted file mode 100644 index 0eaff63018..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-bold-realtime.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-bold-realtime.woff2 b/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-bold-realtime.woff2 deleted file mode 100644 index f1d6d0cc93..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-bold-realtime.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-light-realtime.eot b/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-light-realtime.eot deleted file mode 100644 index fbb8c39627..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-light-realtime.eot and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-light-realtime.ttf b/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-light-realtime.ttf deleted file mode 100644 index a12bbbfa3b..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-light-realtime.ttf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-light-realtime.woff b/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-light-realtime.woff deleted file mode 100644 index 16a978b8a7..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-light-realtime.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-light-realtime.woff2 b/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-light-realtime.woff2 deleted file mode 100644 index 9464192eb3..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-light-realtime.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-regular-realtime.eot b/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-regular-realtime.eot deleted file mode 100644 index d22bebc63b..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-regular-realtime.eot and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-regular-realtime.ttf b/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-regular-realtime.ttf deleted file mode 100644 index f8e9b00c8e..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-regular-realtime.ttf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-regular-realtime.woff b/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-regular-realtime.woff deleted file mode 100644 index c6ab9a9932..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-regular-realtime.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-regular-realtime.woff2 b/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-regular-realtime.woff2 deleted file mode 100644 index fe142b682a..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-regular-realtime.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semi-realtime.eot b/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semi-realtime.eot deleted file mode 100644 index 6a8b644ef0..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semi-realtime.eot and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semi-realtime.svg b/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semi-realtime.svg deleted file mode 100644 index 9429198cd8..0000000000 --- a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semi-realtime.svg +++ /dev/null @@ -1,249 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semi-realtime.ttf b/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semi-realtime.ttf deleted file mode 100644 index e6ea893e11..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semi-realtime.ttf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semi-realtime.woff b/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semi-realtime.woff deleted file mode 100644 index 7dada883d6..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semi-realtime.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semi-realtime.woff2 b/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semi-realtime.woff2 deleted file mode 100644 index 897864392b..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semi-realtime.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semibold-realtime.eot b/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semibold-realtime.eot deleted file mode 100644 index cc6b9d80c8..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semibold-realtime.eot and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semibold-realtime.ttf b/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semibold-realtime.ttf deleted file mode 100644 index 756d0fe64e..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semibold-realtime.ttf and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semibold-realtime.woff b/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semibold-realtime.woff deleted file mode 100644 index 5e2f9bfda6..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semibold-realtime.woff and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semibold-realtime.woff2 b/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semibold-realtime.woff2 deleted file mode 100644 index 8ddc75f709..0000000000 Binary files a/sample-apps/react/react-video-demo/public/fonts/realtime/realtimetext-semibold-realtime.woff2 and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/images/end-call.png b/sample-apps/react/react-video-demo/public/images/end-call.png deleted file mode 100644 index 4317a0f462..0000000000 Binary files a/sample-apps/react/react-video-demo/public/images/end-call.png and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/images/icons/android-icon-192x192.png b/sample-apps/react/react-video-demo/public/images/icons/android-icon-192x192.png deleted file mode 100644 index cf30a216c9..0000000000 Binary files a/sample-apps/react/react-video-demo/public/images/icons/android-icon-192x192.png and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/images/icons/android-icon-256x256.png b/sample-apps/react/react-video-demo/public/images/icons/android-icon-256x256.png deleted file mode 100644 index 985cd4f1bc..0000000000 Binary files a/sample-apps/react/react-video-demo/public/images/icons/android-icon-256x256.png and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/images/icons/android-icon-384x384.png b/sample-apps/react/react-video-demo/public/images/icons/android-icon-384x384.png deleted file mode 100644 index 730234fba6..0000000000 Binary files a/sample-apps/react/react-video-demo/public/images/icons/android-icon-384x384.png and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/images/icons/android-icon-512x512.png b/sample-apps/react/react-video-demo/public/images/icons/android-icon-512x512.png deleted file mode 100644 index 5372c7bf16..0000000000 Binary files a/sample-apps/react/react-video-demo/public/images/icons/android-icon-512x512.png and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/images/icons/apple-icon-114x114.png b/sample-apps/react/react-video-demo/public/images/icons/apple-icon-114x114.png deleted file mode 100644 index 7b904ed4fd..0000000000 Binary files a/sample-apps/react/react-video-demo/public/images/icons/apple-icon-114x114.png and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/images/icons/apple-icon-120x120.png b/sample-apps/react/react-video-demo/public/images/icons/apple-icon-120x120.png deleted file mode 100644 index 0d0e50d6a1..0000000000 Binary files a/sample-apps/react/react-video-demo/public/images/icons/apple-icon-120x120.png and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/images/icons/apple-icon-144x144.png b/sample-apps/react/react-video-demo/public/images/icons/apple-icon-144x144.png deleted file mode 100644 index 9677fba73b..0000000000 Binary files a/sample-apps/react/react-video-demo/public/images/icons/apple-icon-144x144.png and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/images/icons/apple-icon-152x152.png b/sample-apps/react/react-video-demo/public/images/icons/apple-icon-152x152.png deleted file mode 100644 index 0db971d2ff..0000000000 Binary files a/sample-apps/react/react-video-demo/public/images/icons/apple-icon-152x152.png and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/images/icons/apple-icon-180x180.png b/sample-apps/react/react-video-demo/public/images/icons/apple-icon-180x180.png deleted file mode 100644 index 5798d982c7..0000000000 Binary files a/sample-apps/react/react-video-demo/public/images/icons/apple-icon-180x180.png and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/images/icons/apple-icon-57x57.png b/sample-apps/react/react-video-demo/public/images/icons/apple-icon-57x57.png deleted file mode 100644 index 0e2013d984..0000000000 Binary files a/sample-apps/react/react-video-demo/public/images/icons/apple-icon-57x57.png and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/images/icons/apple-icon-60x60.png b/sample-apps/react/react-video-demo/public/images/icons/apple-icon-60x60.png deleted file mode 100644 index c54f3dd4a5..0000000000 Binary files a/sample-apps/react/react-video-demo/public/images/icons/apple-icon-60x60.png and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/images/icons/apple-icon-72x72.png b/sample-apps/react/react-video-demo/public/images/icons/apple-icon-72x72.png deleted file mode 100644 index 18f507f3eb..0000000000 Binary files a/sample-apps/react/react-video-demo/public/images/icons/apple-icon-72x72.png and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/images/icons/apple-icon-76x76.png b/sample-apps/react/react-video-demo/public/images/icons/apple-icon-76x76.png deleted file mode 100644 index cc9d32a78c..0000000000 Binary files a/sample-apps/react/react-video-demo/public/images/icons/apple-icon-76x76.png and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/images/icons/favicon-16x16.png b/sample-apps/react/react-video-demo/public/images/icons/favicon-16x16.png deleted file mode 100644 index f8f681c87a..0000000000 Binary files a/sample-apps/react/react-video-demo/public/images/icons/favicon-16x16.png and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/images/icons/favicon-32x32.png b/sample-apps/react/react-video-demo/public/images/icons/favicon-32x32.png deleted file mode 100644 index 5bc7027954..0000000000 Binary files a/sample-apps/react/react-video-demo/public/images/icons/favicon-32x32.png and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/images/icons/favicon-96x96.png b/sample-apps/react/react-video-demo/public/images/icons/favicon-96x96.png deleted file mode 100644 index eaf433f90a..0000000000 Binary files a/sample-apps/react/react-video-demo/public/images/icons/favicon-96x96.png and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/images/icons/ms-icon-144x144.png b/sample-apps/react/react-video-demo/public/images/icons/ms-icon-144x144.png deleted file mode 100644 index 9677fba73b..0000000000 Binary files a/sample-apps/react/react-video-demo/public/images/icons/ms-icon-144x144.png and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/images/icons/stream-logo.svg b/sample-apps/react/react-video-demo/public/images/icons/stream-logo.svg deleted file mode 100644 index 5b19c4240a..0000000000 --- a/sample-apps/react/react-video-demo/public/images/icons/stream-logo.svg +++ /dev/null @@ -1,27 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/sample-apps/react/react-video-demo/public/images/loading-animation.gif b/sample-apps/react/react-video-demo/public/images/loading-animation.gif deleted file mode 100644 index ecf7d59f64..0000000000 Binary files a/sample-apps/react/react-video-demo/public/images/loading-animation.gif and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/images/participant.png b/sample-apps/react/react-video-demo/public/images/participant.png deleted file mode 100644 index 0e7ecf25d3..0000000000 Binary files a/sample-apps/react/react-video-demo/public/images/participant.png and /dev/null differ diff --git a/sample-apps/react/react-video-demo/public/manifest.json b/sample-apps/react/react-video-demo/public/manifest.json deleted file mode 100644 index 0dac5a7c19..0000000000 --- a/sample-apps/react/react-video-demo/public/manifest.json +++ /dev/null @@ -1,95 +0,0 @@ -{ - "background_color": "#000", - "icons": [{ - "sizes": "16x16", - "src": "/images/icons/favicon-16x16.png", - "type": "image/png" - }, - { - "sizes": "32x32", - "src": "/images/icons/favicon-32x32.png", - "type": "image/png" - }, - { - "sizes": "57x57", - "src": "/images/icons/apple-icon-57x57.png", - "type": "image/png" - }, - { - "sizes": "60x60", - "src": "/images/icons/apple-icon-60x60.png", - "type": "image/png" - }, - { - "sizes": "72x72", - "src": "/images/icons/apple-icon-72x72.png", - "type": "image/png" - }, - { - "sizes": "76x76", - "src": "/images/icons/apple-icon-76x76.png", - "type": "image/png" - }, - { - "sizes": "96x96", - "src": "/images/icons/favicon-96x96.png", - "type": "image/png" - }, - { - "sizes": "114x114", - "src": "/images/icons/apple-icon-114x114.png", - "type": "image/png" - }, - { - "sizes": "120x120", - "src": "/images/icons/apple-icon-120x120.png", - "type": "image/png" - }, - { - "sizes": "144x144", - "src": "/images/icons/apple-icon-144x144.png", - "type": "image/png" - }, - { - "sizes": "144x144", - "src": "/images/icons/ms-icon-144x144.png", - "type": "image/png" - }, - { - "sizes": "152x152", - "src": "/images/icons/apple-icon-152x152.png", - "type": "image/png" - }, - { - "sizes": "180x180", - "src": "/images/icons/apple-icon-180x180.png", - "type": "image/png" - }, - { - "sizes": "192x192", - "src": "/images/icons/android-icon-192x192.png", - "type": "image/png" - }, - { - "sizes": "256x256", - "src": "/images/icons/android-icon-256x256.png", - "type": "image/png" - }, - { - "sizes": "384x384", - "src": "/images/icons/android-icon-384x384.png", - "type": "image/png" - }, - { - "sizes": "512x512", - "src": "/images/icons/android-icon-512x512.png", - "type": "image/png" - } - ], - "name": "Stream | Video Demo", - "orientation": "portrait", - "scope": "/", - "short_name": "Stream", - "start_url": "/?utm_source=device_homescreen", - "theme_color": "#2f7deb" -} diff --git a/sample-apps/react/react-video-demo/public/tailwind.css b/sample-apps/react/react-video-demo/public/tailwind.css deleted file mode 100644 index 6384ff8216..0000000000 --- a/sample-apps/react/react-video-demo/public/tailwind.css +++ /dev/null @@ -1,1051 +0,0 @@ -/* -! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com -*/ - -/* -1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) -2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) -*/ - -*, -::before, -::after { - box-sizing: border-box; - /* 1 */ - border-width: 0; - /* 2 */ - border-style: solid; - /* 2 */ - border-color: currentColor; - /* 2 */ -} - -::before, -::after { - --tw-content: ''; -} - -/* -1. Use a consistent sensible line-height in all browsers. -2. Prevent adjustments of font size after orientation changes in iOS. -3. Use a more readable tab size. -4. Use the user's configured `sans` font-family by default. -5. Use the user's configured `sans` font-feature-settings by default. -*/ - -html { - line-height: 1.5; - /* 1 */ - -webkit-text-size-adjust: 100%; - /* 2 */ - -moz-tab-size: 4; - /* 3 */ - -o-tab-size: 4; - tab-size: 4; - /* 3 */ - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - /* 4 */ - font-feature-settings: normal; - /* 5 */ -} - -/* -1. Remove the margin in all browsers. -2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. -*/ - -body { - margin: 0; - /* 1 */ - line-height: inherit; - /* 2 */ -} - -/* -1. Add the correct height in Firefox. -2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) -3. Ensure horizontal rules are visible by default. -*/ - -hr { - height: 0; - /* 1 */ - color: inherit; - /* 2 */ - border-top-width: 1px; - /* 3 */ -} - -/* -Add the correct text decoration in Chrome, Edge, and Safari. -*/ - -abbr:where([title]) { - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; -} - -/* -Remove the default font size and weight for headings. -*/ - -h1, -h2, -h3, -h4, -h5, -h6 { - font-size: inherit; - font-weight: inherit; -} - -/* -Reset links to optimize for opt-in styling instead of opt-out. -*/ - -a { - color: inherit; - text-decoration: inherit; -} - -/* -Add the correct font weight in Edge and Safari. -*/ - -b, -strong { - font-weight: bolder; -} - -/* -1. Use the user's configured `mono` font family by default. -2. Correct the odd `em` font sizing in all browsers. -*/ - -code, -kbd, -samp, -pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - /* 1 */ - font-size: 1em; - /* 2 */ -} - -/* -Add the correct font size in all browsers. -*/ - -small { - font-size: 80%; -} - -/* -Prevent `sub` and `sup` elements from affecting the line height in all browsers. -*/ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* -1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) -2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) -3. Remove gaps between table borders by default. -*/ - -table { - text-indent: 0; - /* 1 */ - border-color: inherit; - /* 2 */ - border-collapse: collapse; - /* 3 */ -} - -/* -1. Change the font styles in all browsers. -2. Remove the margin in Firefox and Safari. -3. Remove default padding in all browsers. -*/ - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; - /* 1 */ - font-size: 100%; - /* 1 */ - font-weight: inherit; - /* 1 */ - line-height: inherit; - /* 1 */ - color: inherit; - /* 1 */ - margin: 0; - /* 2 */ - padding: 0; - /* 3 */ -} - -/* -Remove the inheritance of text transform in Edge and Firefox. -*/ - -button, -select { - text-transform: none; -} - -/* -1. Correct the inability to style clickable types in iOS and Safari. -2. Remove default button styles. -*/ - -button, -[type='button'], -[type='reset'], -[type='submit'] { - -webkit-appearance: button; - /* 1 */ - background-color: transparent; - /* 2 */ - background-image: none; - /* 2 */ -} - -/* -Use the modern Firefox focus style for all focusable elements. -*/ - -:-moz-focusring { - outline: auto; -} - -/* -Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) -*/ - -:-moz-ui-invalid { - box-shadow: none; -} - -/* -Add the correct vertical alignment in Chrome and Firefox. -*/ - -progress { - vertical-align: baseline; -} - -/* -Correct the cursor style of increment and decrement buttons in Safari. -*/ - -::-webkit-inner-spin-button, -::-webkit-outer-spin-button { - height: auto; -} - -/* -1. Correct the odd appearance in Chrome and Safari. -2. Correct the outline style in Safari. -*/ - -[type='search'] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ -} - -/* -Remove the inner padding in Chrome and Safari on macOS. -*/ - -::-webkit-search-decoration { - -webkit-appearance: none; -} - -/* -1. Correct the inability to style clickable types in iOS and Safari. -2. Change font properties to `inherit` in Safari. -*/ - -::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ -} - -/* -Add the correct display in Chrome and Safari. -*/ - -summary { - display: list-item; -} - -/* -Removes the default spacing and border for appropriate elements. -*/ - -blockquote, -dl, -dd, -h1, -h2, -h3, -h4, -h5, -h6, -hr, -figure, -p, -pre { - margin: 0; -} - -fieldset { - margin: 0; - padding: 0; -} - -legend { - padding: 0; -} - -ol, -ul, -menu { - list-style: none; - margin: 0; - padding: 0; -} - -/* -Prevent resizing textareas horizontally by default. -*/ - -textarea { - resize: vertical; -} - -/* -1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) -2. Set the default placeholder color to the user's configured gray 400 color. -*/ - -input::-moz-placeholder, textarea::-moz-placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ -} - -input::placeholder, -textarea::placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ -} - -/* -Set the default cursor for buttons. -*/ - -button, -[role="button"] { - cursor: pointer; -} - -/* -Make sure disabled buttons don't get the pointer cursor. -*/ - -:disabled { - cursor: default; -} - -/* -1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) -2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) - This can trigger a poorly considered lint error in some tools but is included by design. -*/ - -img, -svg, -video, -canvas, -audio, -iframe, -embed, -object { - display: block; - /* 1 */ - vertical-align: middle; - /* 2 */ -} - -/* -Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) -*/ - -img, -video { - max-width: 100%; - height: auto; -} - -/* Make elements with the HTML hidden attribute stay hidden by default */ - -[hidden] { - display: none; -} - -*, ::before, ::after { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(59 130 246 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; -} - -::backdrop { - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(59 130 246 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; -} - -.container { - width: 100%; -} - -@media (min-width: 320px) { - .container { - max-width: 320px; - } -} - -@media (min-width: 640px) { - .container { - max-width: 640px; - } -} - -@media (min-width: 768px) { - .container { - max-width: 768px; - } -} - -@media (min-width: 1024px) { - .container { - max-width: 1024px; - } -} - -@media (min-width: 1200px) { - .container { - max-width: 1200px; - } -} - -@media (min-width: 1280px) { - .container { - max-width: 1280px; - } -} - -@media (min-width: 1310px) { - .container { - max-width: 1310px; - } -} - -@media (min-width: 1536px) { - .container { - max-width: 1536px; - } -} - -.visible { - visibility: visible; -} - -.fixed { - position: fixed; -} - -.absolute { - position: absolute; -} - -.relative { - position: relative; -} - -.z-10 { - z-index: 10; -} - -.z-0 { - z-index: 0; -} - -.m-8 { - margin: 2rem; -} - -.ml-2 { - margin-left: 0.5rem; -} - -.mt-1 { - margin-top: 0.25rem; -} - -.mb-2 { - margin-bottom: 0.5rem; -} - -.ml-4 { - margin-left: 1rem; -} - -.mt-4 { - margin-top: 1rem; -} - -.mb-4 { - margin-bottom: 1rem; -} - -.mr-2 { - margin-right: 0.5rem; -} - -.mt-10 { - margin-top: 2.5rem; -} - -.mb-10 { - margin-bottom: 2.5rem; -} - -.ml-10 { - margin-left: 2.5rem; -} - -.mr-4 { - margin-right: 1rem; -} - -.mr-8 { - margin-right: 2rem; -} - -.ml-8 { - margin-left: 2rem; -} - -.block { - display: block; -} - -.inline-block { - display: inline-block; -} - -.flex { - display: flex; -} - -.inline-flex { - display: inline-flex; -} - -.grid { - display: grid; -} - -.hidden { - display: none; -} - -.h-full { - height: 100%; -} - -.h-20 { - height: 5rem; -} - -.h-10 { - height: 2.5rem; -} - -.h-12 { - height: 3rem; -} - -.h-screen { - height: 100vh; -} - -.h-2 { - height: 0.5rem; -} - -.h-3 { - height: 0.75rem; -} - -.h-8 { - height: 2rem; -} - -.w-full { - width: 100%; -} - -.w-20 { - width: 5rem; -} - -.w-2 { - width: 0.5rem; -} - -.w-8 { - width: 2rem; -} - -.w-3 { - width: 0.75rem; -} - -.w-screen { - width: 100vw; -} - -.w-10 { - width: 2.5rem; -} - -.origin-top-left { - transform-origin: top left; -} - -.-rotate-45 { - --tw-rotate: -45deg; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.transform { - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.cursor-pointer { - cursor: pointer; -} - -.flex-col { - flex-direction: column; -} - -.items-end { - align-items: flex-end; -} - -.items-center { - align-items: center; -} - -.justify-start { - justify-content: flex-start; -} - -.justify-end { - justify-content: flex-end; -} - -.justify-center { - justify-content: center; -} - -.justify-between { - justify-content: space-between; -} - -.justify-around { - justify-content: space-around; -} - -.overflow-hidden { - overflow: hidden; -} - -.rounded-full { - border-radius: 9999px; -} - -.rounded-container { - border-radius: 8px; -} - -.rounded { - border-radius: 0.25rem; -} - -.rounded-button { - border-radius: 8px; -} - -.rounded-input { - border-radius: 6px; -} - -.border-4 { - border-width: 4px; -} - -.border-2 { - border-width: 2px; -} - -.border { - border-width: 1px; -} - -.border-b-2 { - border-bottom-width: 2px; -} - -.border-none { - border-style: none; -} - -.border-transparent { - border-color: transparent; -} - -.bg-demo-grey-light { - --tw-bg-opacity: 1; - background-color: rgb(114 118 126 / var(--tw-bg-opacity)); -} - -.bg-demo-grey { - --tw-bg-opacity: 1; - background-color: rgb(151 151 151 / var(--tw-bg-opacity)); -} - -.bg-stream { - --tw-bg-opacity: 1; - background-color: rgb(0 95 255 / var(--tw-bg-opacity)); -} - -.bg-demo-grey-lighter { - --tw-bg-opacity: 1; - background-color: rgb(28 30 34 / var(--tw-bg-opacity)); -} - -.bg-red { - --tw-bg-opacity: 1; - background-color: rgb(199 37 78 / var(--tw-bg-opacity)); -} - -.bg-transparent { - background-color: transparent; -} - -.bg-demo-background-black { - background-color: rgba(28, 28, 30, 0.9); -} - -.bg-demo-black-dark { - --tw-bg-opacity: 1; - background-color: rgb(18 20 22 / var(--tw-bg-opacity)); -} - -.bg-demo-grey-darker { - --tw-bg-opacity: 1; - background-color: rgb(33 35 38 / var(--tw-bg-opacity)); -} - -.bg-demo-black-light { - --tw-bg-opacity: 1; - background-color: rgb(39 42 48 / var(--tw-bg-opacity)); -} - -.bg-demo-white { - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - -.bg-white { - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - -.bg-green { - --tw-bg-opacity: 1; - background-color: rgb(16 194 154 / var(--tw-bg-opacity)); -} - -.bg-demo-black-dark\/70 { - background-color: rgb(18 20 22 / 0.7); -} - -.object-cover { - -o-object-fit: cover; - object-fit: cover; -} - -.p-4 { - padding: 1rem; -} - -.p-1 { - padding: 0.25rem; -} - -.p-2 { - padding: 0.5rem; -} - -.p-3 { - padding: 0.75rem; -} - -.pt-1 { - padding-top: 0.25rem; -} - -.pl-3 { - padding-left: 0.75rem; -} - -.pl-1 { - padding-left: 0.25rem; -} - -.pr-2 { - padding-right: 0.5rem; -} - -.pb-3 { - padding-bottom: 0.75rem; -} - -.pb-1 { - padding-bottom: 0.25rem; -} - -.pl-2 { - padding-left: 0.5rem; -} - -.pt-2 { - padding-top: 0.5rem; -} - -.pt-4 { - padding-top: 1rem; -} - -.pb-4 { - padding-bottom: 1rem; -} - -.pr-4 { - padding-right: 1rem; -} - -.pl-4 { - padding-left: 1rem; -} - -.pt-3 { - padding-top: 0.75rem; -} - -.text-3xl { - font-size: 1.875rem; -} - -.text-xs { - font-size: .75rem; -} - -.text-lg { - font-size: 1.125rem; -} - -.text-sm { - font-size: .875rem; -} - -.text-base { - font-size: 1rem; -} - -.font-bold { - font-weight: 700; -} - -.font-semibold { - font-weight: 600; -} - -.uppercase { - text-transform: uppercase; -} - -.text-demo-black-light { - --tw-text-opacity: 1; - color: rgb(39 42 48 / var(--tw-text-opacity)); -} - -.text-white { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.text-demo-grey-light { - --tw-text-opacity: 1; - color: rgb(114 118 126 / var(--tw-text-opacity)); -} - -.text-demo-black-lighter { - --tw-text-opacity: 1; - color: rgb(76 82 92 / var(--tw-text-opacity)); -} - -.text-map-popup-description { - --tw-text-opacity: 1; - color: rgb(114 118 126 / var(--tw-text-opacity)); -} - -.text-demo-grey { - --tw-text-opacity: 1; - color: rgb(151 151 151 / var(--tw-text-opacity)); -} - -.text-white\/75 { - color: rgb(255 255 255 / 0.75); -} - -.shadow-button { - --tw-shadow: 0 1px 1px 0 rgba(0, 94, 173, 1), 0 3px 13px 0 rgba(0, 125, 238, 0.32); - --tw-shadow-colored: 0 1px 1px 0 var(--tw-shadow-color), 0 3px 13px 0 var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.ring { - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); -} - -@media (min-width: 768px) { - .md\:w-4\/12 { - width: 33.333333%; - } -} diff --git a/sample-apps/react/react-video-demo/public/vite.svg b/sample-apps/react/react-video-demo/public/vite.svg deleted file mode 100644 index e7b8dfb1b2..0000000000 --- a/sample-apps/react/react-video-demo/public/vite.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/sample-apps/react/react-video-demo/src/App.css b/sample-apps/react/react-video-demo/src/App.css deleted file mode 100644 index e7583d6be4..0000000000 --- a/sample-apps/react/react-video-demo/src/App.css +++ /dev/null @@ -1,63 +0,0 @@ -@import './styles/chat.css'; -@import './styles/animation.css'; -@import '@stream-io/video-react-sdk/dist/css/styles.css' layer(default-video-sdk); - -@tailwind base; -@tailwind components; -@tailwind utilities; - -body { - margin: 0; - overflow: hidden; -} - -.mapboxgl-popup { - height: auto; - display: flex; - align-items: center; - position: absolute; - z-index: 9999; - top: 0; - width: 140px; - min-width: 160px; - max-width: 160px; - left: 55px; -} - -.mapboxgl-canvas-container.mapboxgl-interactive { - cursor: initial; -} - -.str-video__participant_details { - display: none; -} - -.mapboxgl-control-container { - display: none; -} - -/* Scrollbar styles */ - -/* Firefox */ -* { - scrollbar-color: #72767E transparent; - scrollbar-width: thin; -} - -/* WebKit and Chromium */ -::-webkit-scrollbar { - width: 5px; - height: 5px; - background-color: transparent; -} - -::-webkit-scrollbar-thumb { - @apply bg-video-grey-400; - border-radius: 5px; -} - -.utility-ellipsis { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; -} diff --git a/sample-apps/react/react-video-demo/src/App.tsx b/sample-apps/react/react-video-demo/src/App.tsx deleted file mode 100644 index 9406693738..0000000000 --- a/sample-apps/react/react-video-demo/src/App.tsx +++ /dev/null @@ -1,207 +0,0 @@ -import { useCallback, useEffect, useState } from 'react'; -import { v1 as uuidv1 } from 'uuid'; - -import { - adjectives, - Config, - uniqueNamesGenerator, -} from 'unique-names-generator'; - -import { - Call, - StreamCall, - StreamVideo, - StreamVideoClient, - usePersistedDevicePreferences, -} from '@stream-io/video-react-sdk'; - -import LobbyView from './components/Views/LobbyView'; -import MeetingView from './components/Views/MeetingView'; -import EndCallView from './components/Views/EndCallView'; - -import { TourProvider, useTourContext } from './contexts/TourContext'; -import { ModalProvider } from './contexts/ModalContext'; -import { NotificationProvider } from './contexts/NotificationsContext'; -import { PanelProvider } from './contexts/PanelContext'; -import { getURLCredentials } from './utils/getURLCredentials'; - -import { UserContextProvider, useUserContext } from './contexts/UserContext'; -import { useCreateStreamChatClient } from './hooks/useChatClient'; -import { useEdges } from './hooks/useEdges'; - -import { tour } from '../data/tour'; - -import './App.css'; - -const config: Config = { - dictionaries: [adjectives], - separator: '-', - style: 'lowerCase', -}; - -const Init = () => { - const { id: incomingCallId, type, log_level } = getURLCredentials(); - const { apiKey, token, tokenProvider, user } = useUserContext(); - const [isCallActive, setIsCallActive] = useState(false); - const [callHasEnded, setCallHasEnded] = useState(false); - - const [isjoiningCall, setIsJoiningCall] = useState(false); - const { setSteps } = useTourContext(); - - const [client, setClient] = useState(); - - const { edges, fastestEdge } = useEdges(client); - - useEffect(() => { - const _client = new StreamVideoClient({ - apiKey, - user, - token, - tokenProvider, - options: { - logLevel: - log_level || - (import.meta.env.MODE === 'production' ? 'warn' : 'debug'), - }, - }); - setClient(_client); - - // @ts-ignore - for debugging - window.client = _client; - - return () => { - _client.disconnectUser(); - setClient(undefined); - // @ts-ignore - for debugging - window.client = undefined; - }; - }, [apiKey, log_level, token, tokenProvider, user]); - - const { chatClient, connectionError: chatConnectionError } = - useCreateStreamChatClient({ - apiKey, - tokenOrProvider: token ?? tokenProvider, - userData: { - id: user.id || '!anon', - name: user.name, - image: user.image, - }, - }); - - const callType: string = type ?? 'default'; - const [callId] = useState(() => { - if (incomingCallId) return incomingCallId; - const id = `${uniqueNamesGenerator(config)}-${uuidv1().split('-')[0]}`; - window.location.search = `?id=${id}`; - return id; - }); - - const [activeCall, setActiveCall] = useState(); - useEffect(() => { - if (!client) return; - const call = client.call(callType, callId); - setActiveCall(call); - call - .getOrCreate() - .catch((err) => console.error(`Failed to get or create call`, err)); - - // @ts-ignore - for debugging - window.call = call; - - return () => { - call.leave(); - setActiveCall(undefined); - // @ts-ignore - for debugging - window.call = undefined; - }; - }, [callId, callType, client]); - - useEffect(() => { - const appleItunesAppMeta = document - .getElementsByTagName('meta') - .namedItem('apple-itunes-app'); - if (appleItunesAppMeta) { - appleItunesAppMeta.setAttribute( - 'content', - `app-id=1644313060, app-argument=${window.location.href - .replace('http://', 'streamvideo://') - .replace('https://', 'streamvideo://')}`, - ); - } - }, []); - - useEffect(() => { - setSteps(tour); - }, []); - - const joinMeeting = useCallback(async () => { - setIsJoiningCall(true); - try { - await activeCall?.join({ create: true }); - - setIsCallActive(true); - setIsJoiningCall(false); - } catch (e) { - console.error(e); - } - }, [activeCall]); - - if (callHasEnded) { - return ; - } - - if (!client || !activeCall) { - return null; - } - - return ( - - - - {isCallActive && callId && client ? ( - - - - {activeCall && ( - - )} - - - - ) : ( - - )} - - - - - ); -}; - -const App = () => { - return ( - - - - ); -}; - -export default App; - -const DevicePreferences = () => { - usePersistedDevicePreferences('@react-video-demo/device-preferences'); - return null; -}; diff --git a/sample-apps/react/react-video-demo/src/assets/react.svg b/sample-apps/react/react-video-demo/src/assets/react.svg deleted file mode 100644 index 6c87de9bb3..0000000000 --- a/sample-apps/react/react-video-demo/src/assets/react.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/sample-apps/react/react-video-demo/src/components/Button/Button.data.tsx b/sample-apps/react/react-video-demo/src/components/Button/Button.data.tsx deleted file mode 100644 index 21bddc48a6..0000000000 --- a/sample-apps/react/react-video-demo/src/components/Button/Button.data.tsx +++ /dev/null @@ -1,8 +0,0 @@ -import { Props } from './Button'; - -export const KichinSink: Props = { - rounded: true, - color: 'primary', - onClick: () => console.log('clicked'), - children: Hello , -}; diff --git a/sample-apps/react/react-video-demo/src/components/Button/Button.module.css b/sample-apps/react/react-video-demo/src/components/Button/Button.module.css deleted file mode 100644 index 06e9d7e865..0000000000 --- a/sample-apps/react/react-video-demo/src/components/Button/Button.module.css +++ /dev/null @@ -1,70 +0,0 @@ -.root { - @apply inline-flex items-center justify-center border-2 rounded-button font-body; - outline: none; -} - -.container { - @apply flex flex-col items-center; -} - -.label { - @apply hidden md:flex text-video-white text-xs mt-1; -} - -.primary { - @apply bg-video-stream-500 text-video-white border-video-stream-500; -} - -.secondary { - @apply bg-video-grey-500 text-video-white border-video-grey-500; - transition: background 300ms; -} - -.secondary:hover { - @apply bg-video-grey-400 text-video-white border-video-grey-400; - transition: background 300ms; - transition: border 100ms; -} - -.danger { - @apply bg-video-red-600 text-video-white border-video-red-600; -} - -.danger:hover { - @apply bg-video-red-300 border-video-red-300; -} - -.transparent { - @apply bg-video-transparent text-video-white border-video-transparent; -} - -.active { - @apply bg-video-grey-400 text-video-white border-video-grey-400; - transition: background 300ms; -} - -.active:hover { - @apply bg-video-grey-800 text-video-white border-video-grey-800; - transition: background 300ms; -} - -.circle { - @apply rounded-full; -} - -.square { - @apply rounded-input flex items-center; - width: 42px; - height: 42px; - padding: 4px; -} - -.rectangle { - @apply pt-1 pb-1 pl-2 pr-2 rounded-input flex items-center; - height: 42px; -} - -.oval { - @apply pt-1 pb-1 pl-3 pr-3 uppercase tracking-wider text-xs font-extrabold; - border-radius: 59px; -} diff --git a/sample-apps/react/react-video-demo/src/components/Button/Button.stories.tsx b/sample-apps/react/react-video-demo/src/components/Button/Button.stories.tsx deleted file mode 100644 index 6db24cc5f9..0000000000 --- a/sample-apps/react/react-video-demo/src/components/Button/Button.stories.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import { Button } from './Button'; - -import * as data from './Button.data'; - -export default { - component: Button, - subcomponents: {}, - title: 'Button', -}; - -export const KichinSink = (props: any) => ; - -KichinSink.args = { - ...data.KichinSink, -}; diff --git a/sample-apps/react/react-video-demo/src/components/Button/Button.tsx b/sample-apps/react/react-video-demo/src/components/Button/Button.tsx deleted file mode 100644 index c2d3f56afe..0000000000 --- a/sample-apps/react/react-video-demo/src/components/Button/Button.tsx +++ /dev/null @@ -1,73 +0,0 @@ -import { FC, ReactNode } from 'react'; -import classnames from 'classnames'; - -import styles from './Button.module.css'; - -export type Props = { - className?: string; - rounded?: boolean; - type?: any; - color: - | 'primary' - | 'secondary' - | 'error' - | 'transparent' - | 'danger' - | 'active'; - shape?: 'rectangle' | 'square' | 'oval'; - onClick?(): void; - onMouseEnter?(): void; - onMouseLeave?(): void; - children?: ReactNode | undefined; - label?: string; - disabled?: boolean; -}; - -export const Button: FC = ({ - className, - type = 'button', - children, - onClick, - onMouseEnter, - onMouseLeave, - color, - shape = 'rectangle', - disabled = false, - label, -}) => { - const states = { - [styles?.[color]]: color, - [styles?.[shape]]: shape, - }; - const rootClassName = classnames(styles.root, states, className); - - if (label) { - const containerClassName = classnames(styles.container, className); - const buttonClassName = classnames(styles.root, states); - - return ( -
- - {label ? {label} : null} -
- ); - } - return ( - - ); -}; diff --git a/sample-apps/react/react-video-demo/src/components/Button/index.ts b/sample-apps/react/react-video-demo/src/components/Button/index.ts deleted file mode 100644 index 3fa135db89..0000000000 --- a/sample-apps/react/react-video-demo/src/components/Button/index.ts +++ /dev/null @@ -1 +0,0 @@ -export { Button as default } from './Button'; diff --git a/sample-apps/react/react-video-demo/src/components/CallStats/CallStats.module.css b/sample-apps/react/react-video-demo/src/components/CallStats/CallStats.module.css deleted file mode 100644 index 1277950c30..0000000000 --- a/sample-apps/react/react-video-demo/src/components/CallStats/CallStats.module.css +++ /dev/null @@ -1,164 +0,0 @@ -.root { - @apply grid gap-4 p-4 bg-video-grey-500 rounded-container; - - grid-template-rows: 1fr; - grid-template-areas: - 'heading' - 'body'; - - max-width: 924px; - max-height: 80vh; - box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.75); -} - -@media screen(sm) { - .root { - @apply gap-0; - grid-template-columns: 2fr min-content; - } -} - -.heading { - grid-area: heading; - @apply grid items-center; - font-weight: 400; - border-bottom: 1px solid #121416; - - grid-template-columns: 1fr 2fr 0.25fr; - grid-template-rows: 1fr; - grid-template-areas: 'header callId close'; -} - -.header { - grid-area: header; - @apply text-video-white flex items-center sm:pl-4 text-xl font-bold; -} - -.cog { - @apply mr-2; -} -.sidebarInfo { - @apply mr-2 ml-2; -} - -.callId { - grid-area: callId; - @apply hidden sm:flex text-video-grey-400 ml-2; -} - -.callIdContainer { - @apply pb-2 mb-4 flex sm:hidden; - border-bottom: 1px solid #121416; -} -.id { - @apply flex sm:hidden text-video-grey-400; -} - -.close { - @apply flex justify-end items-center; - grid-area: close; -} - -.body { - grid-area: body; - @apply grid gap-4 h-full; - overflow: hidden; - grid-template-columns: 1fr; - grid-template-rows: 1fr; - grid-template-areas: 'content'; -} - -@media screen(sm) { - .body { - grid-area: body; - @apply grid gap-4 h-full; - overflow: hidden; - grid-template-columns: 1fr 2fr 0.25fr; - grid-template-rows: 1fr; - grid-template-areas: 'sidebar content closebar'; - } -} - -.content { - @apply text-video-white mt-4 h-[50vh]; - grid-area: content; - overflow-y: scroll; -} -.stats { -} - -.statsHeader { - @apply text-xl font-bold; -} - -.containerHeader { - @apply flex items-center mt-6; -} - -.containerHeading { - @apply text-lg font-bold; -} - -.bargraph { - @apply h-5 w-5 mr-2; -} - -.latency { - @apply h-5 w-5 mr-2; -} - -.info { - @apply h-5 w-5 ml-2 text-video-grey-400; -} - -.info:hover { - @apply cursor-pointer; -} - -.description { - @apply text-video-grey-400 mt-2 mb-4; -} - -.chartContainer { - @apply p-4 mt-4 mb-4 text-video-white bg-video-grey-450 rounded-container; -} -.chart { - @apply p-4 m-2 rounded-container bg-video-grey-500; - min-height: 300px; -} - -.statCards { - @apply grid gap-2; - grid-template-columns: 1fr; -} - -@media screen(sm) { - .statCards { - @apply grid gap-2; - grid-template-columns: 1fr 1fr; - } -} -.sidebar { - @apply hidden sm:flex; - grid-area: sidebar; -} - -.statistics { - @apply flex items-center mt-4 ml-2 bg-video-grey-700 text-video-white w-full h-10; -} - -.info { - @apply mr-2; -} -.closebar { - @apply hidden sm:flex; - grid-area: closebar; -} - -.button { - @apply bg-video-black; -} - -.closeIcon { - @apply text-video-grey-400 w-5 h-5; -} diff --git a/sample-apps/react/react-video-demo/src/components/CallStats/CallStats.tsx b/sample-apps/react/react-video-demo/src/components/CallStats/CallStats.tsx deleted file mode 100644 index 4767936e8f..0000000000 --- a/sample-apps/react/react-video-demo/src/components/CallStats/CallStats.tsx +++ /dev/null @@ -1,224 +0,0 @@ -import { FC, useEffect, useRef, useState } from 'react'; -import { - CallStatsLatencyChart, - CallStatsReport, - useCallStateHooks, -} from '@stream-io/video-react-sdk'; -import classnames from 'classnames'; - -import StatCard from '../StatCard'; -import { BarGraph, Close, Cog, Info, Latency } from '../Icons'; -import Button from '../Button'; -import Tooltip from '../Tooltip'; - -import { useModalContext } from '../../contexts/ModalContext'; - -import { toFrameSize } from '../../utils/useToFrameSize'; -import { - calculatePublishBitrate, - calculateSubscribeBitrate, -} from '../../utils/useCalculateBitRate'; - -import styles from './CallStats.module.css'; - -export type Props = { - className?: string; - callId?: string; -}; - -export const CallStats: FC = ({ className, callId }) => { - const [latencyBuffer, setLatencyBuffer] = useState< - Array<{ x: number; y: number }> - >(() => { - const now = Date.now(); - return Array(20) - .fill(null) - .map((_, i) => ({ x: now + i, y: 0 })); - }); - const [publishBitrate, setPublishBitrate] = useState('-'); - const [subscribeBitrate, setSubscribeBitrate] = useState('-'); - const previousStats = useRef(); - const { useCallStatsReport } = useCallStateHooks(); - const callStatsReport = useCallStatsReport(); - - const { closeModal } = useModalContext(); - - useEffect(() => { - if (!callStatsReport) return; - if (!previousStats.current) { - previousStats.current = callStatsReport; - return; - } - const previousCallStatsReport = previousStats.current; - setPublishBitrate(() => { - return calculatePublishBitrate(previousCallStatsReport, callStatsReport); - }); - setSubscribeBitrate(() => { - return calculateSubscribeBitrate( - previousCallStatsReport, - callStatsReport, - ); - }); - - setLatencyBuffer((latencyBuf) => { - const newLatencyBuffer = latencyBuf.slice(-19); - newLatencyBuffer.push({ - x: callStatsReport.timestamp, - y: callStatsReport.publisherStats.averageRoundTripTimeInMs, - }); - return newLatencyBuffer; - }); - - previousStats.current = callStatsReport; - }, [callStatsReport]); - - const rootClassName = classnames(styles.root, className); - return ( -
-
-

- - Settings -

-

Call ID: {callId}

-
- -
-
-
-
-
-
- -
- Statistics -
-
-
- {callStatsReport && ( -
-
-

- Call ID: -
- {callId} -

-
-

Statistics

-
- -

Call Latency

-
- -
- -
-

- Very high latency values may reduce call quality, cause lag, and - make the call less enjoyable. -

- -
- -
- -
- -

Call performance

-
- -
- -
-

- Your call is receiving data and the connection speed is healthy. -

-
- - - - - - - - - - -
-
- )} -
-
-
-
- ); -}; diff --git a/sample-apps/react/react-video-demo/src/components/CallStats/index.ts b/sample-apps/react/react-video-demo/src/components/CallStats/index.ts deleted file mode 100644 index 555489921c..0000000000 --- a/sample-apps/react/react-video-demo/src/components/CallStats/index.ts +++ /dev/null @@ -1 +0,0 @@ -export { CallStats as default } from './CallStats'; diff --git a/sample-apps/react/react-video-demo/src/components/Chat/Chat.module.css b/sample-apps/react/react-video-demo/src/components/Chat/Chat.module.css deleted file mode 100644 index 72f1985c64..0000000000 --- a/sample-apps/react/react-video-demo/src/components/Chat/Chat.module.css +++ /dev/null @@ -1,29 +0,0 @@ -.root { -} - -.noMessages { - @apply flex flex-col items-center text-center justify-center p-4 w-full h-full bg-video-black md:bg-video-grey-600 pl-10 pr-10; -} - -.chatRound { - @apply h-[50px] w-[50px] xl:h-[80px] xl:w-[80px] text-video-grey-300; -} - -.description:first-of-type { - @apply text-video-white font-bold text-base mt-4; -} - -.description { - @apply text-video-grey-400 mt-2 text-sm; -} - -.chat-stand-in { - @apply flex justify-center items-center flex-col gap-y-4 h-full p-4 text-video-white; - position: relative; - background-color: rgb(0 0 0 / 1); - text-align: center; -} - -.chat-stand-in p { - font-size: 0.75rem; -} diff --git a/sample-apps/react/react-video-demo/src/components/Chat/Chat.stories.tsx b/sample-apps/react/react-video-demo/src/components/Chat/Chat.stories.tsx deleted file mode 100644 index e36383bef8..0000000000 --- a/sample-apps/react/react-video-demo/src/components/Chat/Chat.stories.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import { Chat } from './Chat'; - -export default { - component: Chat, - subcomponents: {}, - title: 'Chat', -}; - -export const KichinSink = (props: any) => ; diff --git a/sample-apps/react/react-video-demo/src/components/Chat/Chat.tsx b/sample-apps/react/react-video-demo/src/components/Chat/Chat.tsx deleted file mode 100644 index f3cc9d176d..0000000000 --- a/sample-apps/react/react-video-demo/src/components/Chat/Chat.tsx +++ /dev/null @@ -1,112 +0,0 @@ -import { useCallback, useEffect } from 'react'; -import { - StreamChat as StreamChatInterface, - Channel as StreamChannel, -} from 'stream-chat'; -import { - Channel, - Chat as StreamChat, - MESSAGE_ACTIONS, - MessageInput, - MessageList, - useChannelStateContext, - useChatContext, - Window, -} from 'stream-chat-react'; - -import { PANEL_VISIBILITY, usePanelContext } from '../../contexts/PanelContext'; - -import { ChatRound, PaperclipIcon } from '../Icons'; -import ChatSendButton from '../ChatSendButton'; - -import type { ConnectionError } from '../../hooks/useChatClient'; - -import 'stream-chat-react/dist/css/v2/index.css'; -import styles from './Chat.module.css'; - -const ALLOWED_MESSAGE_ACTIONS = [ - MESSAGE_ACTIONS.edit, - MESSAGE_ACTIONS.delete, - MESSAGE_ACTIONS.flag, - MESSAGE_ACTIONS.quote, - MESSAGE_ACTIONS.react, -]; - -export type ActiveChatProps = { - channelId: string; - client?: StreamChatInterface | null; - channelType: string; - chatConnectionError?: ConnectionError; -}; - -export const NoMessages = () => { - const { messages } = useChannelStateContext(); - - if (messages?.length === 0) { - return ( -
- -

Let’s start chatting!

-

- How about sending your first message to a friend? -

-
- ); - } - return null; -}; - -export const ActiveChat = ({ channelId, channelType }: ActiveChatProps) => { - const { client, setActiveChannel } = useChatContext(); - const { chatPanelVisibility } = usePanelContext(); - - const doMarkReadRequest = useCallback( - (channel: StreamChannel) => { - if (chatPanelVisibility !== PANEL_VISIBILITY.expanded) return; - channel.markRead(); - }, - [chatPanelVisibility], - ); - - useEffect(() => { - const channel = client.channel(channelType, channelId); - - setActiveChannel(channel); - }, [channelId, channelType, client, setActiveChannel]); - - return ( - - - - - - - ); -}; - -export const Chat = ({ chatConnectionError, ...props }: ActiveChatProps) => { - const { client } = props; - - if (chatConnectionError) { - return ( -
-

Failed to load chat

-

{chatConnectionError.message}

-
- ); - } - - if (!client) - return
Loading Chat...
; - - return ( - - - - ); -}; diff --git a/sample-apps/react/react-video-demo/src/components/Chat/index.ts b/sample-apps/react/react-video-demo/src/components/Chat/index.ts deleted file mode 100644 index 2122654bf8..0000000000 --- a/sample-apps/react/react-video-demo/src/components/Chat/index.ts +++ /dev/null @@ -1 +0,0 @@ -export { Chat as default } from './Chat'; diff --git a/sample-apps/react/react-video-demo/src/components/ChatMessage/ChatMessage.module.css b/sample-apps/react/react-video-demo/src/components/ChatMessage/ChatMessage.module.css deleted file mode 100644 index 030fa2c501..0000000000 --- a/sample-apps/react/react-video-demo/src/components/ChatMessage/ChatMessage.module.css +++ /dev/null @@ -1,26 +0,0 @@ -.root { - @apply flex items-center; -} - -.content { - @apply grid; - - grid-template-areas: ; -} - -.header { - grid-area: header; - @apply flex items-center; -} - -.name { - @apply text-sm font-semibold text-video-grey-200; -} - -.timestamp { - @apply text-xs text-video-grey-200 ml-1; -} - -.text { - @apply bg-video-grey-700 pl-2 pr-2; -} diff --git a/sample-apps/react/react-video-demo/src/components/ChatMessage/ChatMessage.tsx b/sample-apps/react/react-video-demo/src/components/ChatMessage/ChatMessage.tsx deleted file mode 100644 index 07d6b29fb4..0000000000 --- a/sample-apps/react/react-video-demo/src/components/ChatMessage/ChatMessage.tsx +++ /dev/null @@ -1,56 +0,0 @@ -import { useRef } from 'react'; -import { - Avatar, - messageHasReactions, - MessageOptions, - MessageRepliesCountButton, - MessageStatus, - MessageText, - MessageTimestamp, - ReactionSelector, - SimpleReactionsList, - useMessageContext, -} from 'stream-chat-react'; - -import styles from './ChatMessage.module.css'; - -export type Props = {}; - -export const ChatMessage = () => { - const { - isReactionEnabled, - message, - reactionSelectorRef, - showDetailedReactions, - } = useMessageContext(); - - const messageWrapperRef = useRef(null); - - const hasReactions = messageHasReactions(message); - const hasAttachments = message.attachments && message.attachments.length > 0; - - return ( -
- -
- -
-
{message.user?.name}
-
- -
-
- {showDetailedReactions && isReactionEnabled && ( - - )} - - - {/* {hasAttachments && } */} - {hasReactions && !showDetailedReactions && isReactionEnabled && ( - - )} - -
-
- ); -}; diff --git a/sample-apps/react/react-video-demo/src/components/ChatMessage/index.ts b/sample-apps/react/react-video-demo/src/components/ChatMessage/index.ts deleted file mode 100644 index 6df8b63cbd..0000000000 --- a/sample-apps/react/react-video-demo/src/components/ChatMessage/index.ts +++ /dev/null @@ -1 +0,0 @@ -export { ChatMessage as default } from './ChatMessage'; diff --git a/sample-apps/react/react-video-demo/src/components/ChatPanel/ChatPanel.module.css b/sample-apps/react/react-video-demo/src/components/ChatPanel/ChatPanel.module.css deleted file mode 100644 index 3e0f97f661..0000000000 --- a/sample-apps/react/react-video-demo/src/components/ChatPanel/ChatPanel.module.css +++ /dev/null @@ -1,6 +0,0 @@ -.root > div:nth-child(2) { - @apply pl-0 pr-0 pb-0; - border-radius: 0 0 12px 12px; - background-color: rgb(18 20 22 / var(--tw-bg-opacity)); - z-index: 2; -} diff --git a/sample-apps/react/react-video-demo/src/components/ChatPanel/ChatPanel.tsx b/sample-apps/react/react-video-demo/src/components/ChatPanel/ChatPanel.tsx deleted file mode 100644 index 39b5ee78e9..0000000000 --- a/sample-apps/react/react-video-demo/src/components/ChatPanel/ChatPanel.tsx +++ /dev/null @@ -1,49 +0,0 @@ -import { FC } from 'react'; -import classnames from 'classnames'; -import { StreamChat } from 'stream-chat'; - -import { AnimatedPanel } from '../Panel'; -import Chat from '../Chat'; -import { usePanelContext } from '../../contexts/PanelContext'; - -import type { ConnectionError } from '../../hooks/useChatClient'; - -import styles from './ChatPanel.module.css'; - -export type Props = { - className?: string; - isFocused?: boolean; - channelId: string; - chatConnectionError?: ConnectionError; - client?: StreamChat | null; - channelType: string; -}; - -export const ChatPanel: FC = ({ - isFocused, - className, - channelId, - client, - channelType, - chatConnectionError, -}) => { - const { chatPanelVisibility, toggleCollapse } = usePanelContext(); - const rootClassname = classnames(styles.root, className); - - return ( - toggleCollapse('chat')} - visibility={chatPanelVisibility} - > - - - ); -}; diff --git a/sample-apps/react/react-video-demo/src/components/ChatPanel/index.ts b/sample-apps/react/react-video-demo/src/components/ChatPanel/index.ts deleted file mode 100644 index d3c4713e31..0000000000 --- a/sample-apps/react/react-video-demo/src/components/ChatPanel/index.ts +++ /dev/null @@ -1 +0,0 @@ -export { ChatPanel as default } from './ChatPanel'; diff --git a/sample-apps/react/react-video-demo/src/components/ChatSendButton/ChatSendButton.tsx b/sample-apps/react/react-video-demo/src/components/ChatSendButton/ChatSendButton.tsx deleted file mode 100644 index a8e98f9a4f..0000000000 --- a/sample-apps/react/react-video-demo/src/components/ChatSendButton/ChatSendButton.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { FC, ComponentProps } from 'react'; -import { ArrowRightIcon } from '../Icons'; - -import type { Message } from 'stream-chat'; - -export type Props = { - sendMessage: ( - event: React.BaseSyntheticEvent, - customMessageData?: Partial, - ) => void; -} & ComponentProps<'button'>; - -export const ChatSendButton: FC = ({ sendMessage, ...rest }) => { - return ( -
- -
- ); -}; diff --git a/sample-apps/react/react-video-demo/src/components/ChatSendButton/index.ts b/sample-apps/react/react-video-demo/src/components/ChatSendButton/index.ts deleted file mode 100644 index b10bdc9df3..0000000000 --- a/sample-apps/react/react-video-demo/src/components/ChatSendButton/index.ts +++ /dev/null @@ -1 +0,0 @@ -export { ChatSendButton as default } from './ChatSendButton'; diff --git a/sample-apps/react/react-video-demo/src/components/ControlButton/ControlButton.data.tsx b/sample-apps/react/react-video-demo/src/components/ControlButton/ControlButton.data.tsx deleted file mode 100644 index 3ea267bbfe..0000000000 --- a/sample-apps/react/react-video-demo/src/components/ControlButton/ControlButton.data.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import { Props } from './ControlButton'; - -import { Mic } from '../Icons'; -import Panel from '../SettingsMenu'; - -export const KichinSink: Props = { - label: 'mic', - onClick: () => console.log('clicked'), - prefix: , - panel: ( - }> - Child - - ), -}; - -export const Disabled: Props = { - label: 'mic', - onClick: () => console.log('clicked'), - prefix: , - panel: ( - }> - Child - - ), -}; diff --git a/sample-apps/react/react-video-demo/src/components/ControlButton/ControlButton.module.css b/sample-apps/react/react-video-demo/src/components/ControlButton/ControlButton.module.css deleted file mode 100644 index d2fb3891a8..0000000000 --- a/sample-apps/react/react-video-demo/src/components/ControlButton/ControlButton.module.css +++ /dev/null @@ -1,79 +0,0 @@ -.root { - @apply flex flex-col items-center; -} - -.portalContainer { - @apply absolute; -} - -.toggle { - @apply flex items-center bg-video-grey-500 pl-1 pr-1; - transition: background 300ms; - transition: border 100ms; - border-radius: 6px; -} - -.toggle:hover { - @apply bg-video-grey-400 text-video-white border-video-grey-400 cursor-pointer; - transition: background 300ms; - transition: border 100ms; -} - -.toggle:hover { - @apply cursor-pointer; -} - -.toggle.active { - @apply bg-video-grey-400; -} - -.toggle.disabled { - @apply bg-video-grey-300; -} - -.container { - @apply relative; -} - -.button { - @apply grid p-0; - grid-template-areas: 'prefix toggleIndicator'; -} - -.prefix { - grid-area: prefix; -} - -.toggleIndicator { - @apply bg-video-transparent rounded-container flex items-center p-1; - grid-area: toggleIndicator; - width: 15px; - height: 100%; - transition: background 300ms; -} - -.toggle:hover .toggleIndicator { - @apply bg-video-grey-600; - transition: background 300ms; -} - -.toggleIndicator.active { - @apply bg-video-grey-600; -} - -.toggleIndicator.disabled { - @apply bg-video-grey-300; -} - -.toggleIcon { - @apply text-video-grey-400; - height: 15px; -} - -.toggleIcon.active { - @apply rotate-180; -} - -.label { - @apply hidden md:flex text-video-white text-xs mt-1; -} diff --git a/sample-apps/react/react-video-demo/src/components/ControlButton/ControlButton.stories.tsx b/sample-apps/react/react-video-demo/src/components/ControlButton/ControlButton.stories.tsx deleted file mode 100644 index 38ab8de368..0000000000 --- a/sample-apps/react/react-video-demo/src/components/ControlButton/ControlButton.stories.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import { ControlButton } from './ControlButton'; - -import * as data from './ControlButton.data'; - -export default { - component: ControlButton, - subcomponents: {}, - title: 'ControlMenu/ControlButton', -}; - -export const KichinSink = (props: any) => ( - -); - -KichinSink.args = { - ...data.KichinSink, -}; - -export const Disabled = (props: any) => ( - -); - -Disabled.args = { - ...data.Disabled, -}; diff --git a/sample-apps/react/react-video-demo/src/components/ControlButton/ControlButton.tsx b/sample-apps/react/react-video-demo/src/components/ControlButton/ControlButton.tsx deleted file mode 100644 index 88c9ae2782..0000000000 --- a/sample-apps/react/react-video-demo/src/components/ControlButton/ControlButton.tsx +++ /dev/null @@ -1,177 +0,0 @@ -import { FC, ReactNode, useCallback, useRef, useState } from 'react'; -import classnames from 'classnames'; - -import Button from '../Button'; -import { ChevronUp } from '../Icons'; - -import { useOnClickOutside } from '../../utils/useClickOutsite'; - -import styles from './ControlButton.module.css'; - -export type Props = { - className?: string; - label?: string; - prefix?: ReactNode; - panel: ReactNode; - showPanel?: boolean; - onClick?(): void; - children?: ReactNode | undefined; - portalId?: string; -}; - -export const ControlButton: FC = ({ - className, - label, - prefix, - panel, - onClick, - children, - portalId, -}) => { - const [active, setActive] = useState(false); - - const container: any = useRef(); - - const handleIndicatorClick = useCallback(() => { - setActive(!active); - }, [active]); - - const handleClick = useCallback(() => { - onClick?.(); - }, [onClick]); - - const closePanel = useCallback(() => { - if (active) { - setActive(false); - } - }, [active]); - - const rootClassName = classnames( - styles.root, - { - [styles.active]: active, - }, - className, - ); - - const toggleClassName = classnames(styles.toggle, { - [styles.active]: active, - }); - - const toggleIndicatorClassName = classnames(styles.toggleIndicator, { - [styles.active]: active, - }); - - const toggleIconClassName = classnames(styles.toggleIcon, { - [styles.active]: active, - }); - - useOnClickOutside(container, closePanel); - - return ( - <> -
- {portalId ? ( -
- ) : null} - {panel && active !== false && panel} -
-
- -
handleIndicatorClick()} - > - -
-
- {label ? {label} : null} -
-
- - ); -}; - -export const PanelButton: FC = ({ - className, - label, - prefix, - panel, - showPanel, - onClick, - children, - portalId, -}) => { - const container: any = useRef(); - - const handleClick = useCallback(() => { - onClick?.(); - }, [onClick]); - - const handleClose = useCallback(() => { - if (showPanel) { - onClick?.(); - } - }, [onClick, showPanel]); - - const rootClassName = classnames( - styles.root, - { - [styles.active]: showPanel, - }, - className, - ); - - const toggleClassName = classnames(styles.toggle, { - [styles.active]: showPanel, - }); - - const toggleIndicatorClassName = classnames(styles.toggleIndicator, { - [styles.active]: showPanel, - }); - - const toggleIconClassName = classnames(styles.toggleIcon, { - [styles.active]: showPanel, - }); - - useOnClickOutside(container, handleClose); - - return ( - <> -
- {portalId ? ( -
- ) : null} - {panel && showPanel !== false && panel} -
-
- -
handleClick()} - > - -
-
- {label ? {label} : null} -
-
- - ); -}; diff --git a/sample-apps/react/react-video-demo/src/components/ControlButton/index.ts b/sample-apps/react/react-video-demo/src/components/ControlButton/index.ts deleted file mode 100644 index f318382d67..0000000000 --- a/sample-apps/react/react-video-demo/src/components/ControlButton/index.ts +++ /dev/null @@ -1 +0,0 @@ -export { ControlButton as default, PanelButton } from './ControlButton'; diff --git a/sample-apps/react/react-video-demo/src/components/ControlMenu/ControlMenu.module.css b/sample-apps/react/react-video-demo/src/components/ControlMenu/ControlMenu.module.css deleted file mode 100644 index fc2162abd1..0000000000 --- a/sample-apps/react/react-video-demo/src/components/ControlMenu/ControlMenu.module.css +++ /dev/null @@ -1,79 +0,0 @@ -.root { - @apply flex items-start; -} - -.cameraSettings, -.audioSettings { - @apply flex justify-center items-center right-0 left-0 bottom-0 h-full fixed bg-video-grey-800/70 sm:bg-video-transparent pointer-events-none sm:pointer-events-auto; - z-index: 9999; -} - -@media screen(md) { - .cameraSettings, - .audioSettings { - margin-right: 1rem; - position: absolute; - right: 0; - bottom: 42%; - left: 0; - z-index: 9999; - height: auto; - } - - .cameraSettings { - width: 300px; - margin-left: -75px; - } - - .audioSettings { - width: 400px; - margin-left: -150px; - } -} - -.portal:empty { - @apply hidden; -} - -.portal { - @apply absolute; - min-width: 300px; - left: -50%; - width: 100%; -} - -.videoButton, -.audioButton { - @apply ml-2 mr-2; -} - -.speakerButton { - @apply hidden ml-0 mr-0 md:flex md:ml-2 md:mr-2; -} - -.panel { - @apply relative; -} - -.deviceList { -} - -.device { - @apply p-1 pr-2 pl-2; -} - -.selectedDevice { - @apply bg-video-grey-700; -} - -.label { - @apply text-video-white; -} - -.radioButton { - @apply mr-2; -} - -.panel .footer { - @apply flex items-center justify-center text-video-white text-xs; -} diff --git a/sample-apps/react/react-video-demo/src/components/ControlMenu/ControlMenu.tsx b/sample-apps/react/react-video-demo/src/components/ControlMenu/ControlMenu.tsx deleted file mode 100644 index 6b5c328e1e..0000000000 --- a/sample-apps/react/react-video-demo/src/components/ControlMenu/ControlMenu.tsx +++ /dev/null @@ -1,109 +0,0 @@ -import { FC, useCallback, useState } from 'react'; -import classnames from 'classnames'; -import { useCallStateHooks } from '@stream-io/video-react-sdk'; - -import ControlButton, { PanelButton } from '../ControlButton'; -import ControlMenuPanel from '../ControlMenuPanel'; -import Portal from '../Portal'; -import { Mic, MicMuted, Speaker, Video, VideoOff } from '../Icons'; - -import styles from './ControlMenu.module.css'; - -export type Props = { - className?: string; -}; - -export const ControlMenu: FC = ({ className }) => { - const { useCameraState, useMicrophoneState, useSpeakerState } = - useCallStateHooks(); - const { - camera, - isMute: isCameraMute, - devices: cameraDevices, - selectedDevice: selectedCameraId, - } = useCameraState(); - const { - microphone, - isMute: isMicMute, - selectedDevice: selectedMicId, - devices: micDevices, - } = useMicrophoneState(); - const { - speaker, - selectedDevice: selectedSpeakerId, - devices: speakers, - isDeviceSelectionSupported, - } = useSpeakerState(); - - const [isAudioOutputVisible, setAudioOutputVisible] = useState(false); - const toggleAudioOutputPanel = useCallback(() => { - setAudioOutputVisible(!isAudioOutputVisible); - }, [isAudioOutputVisible]); - - return ( -
- microphone.toggle()} - prefix={isMicMute ? : } - portalId="audio-settings" - label="Mic" - panel={ - - microphone.select(deviceId)} - devices={micDevices || []} - title="Select an Audio Input" - /> - - } - /> - - camera.toggle()} - prefix={isCameraMute ? :
- ); -}; diff --git a/sample-apps/react/react-video-demo/src/components/ControlMenu/index.ts b/sample-apps/react/react-video-demo/src/components/ControlMenu/index.ts deleted file mode 100644 index 9f813870a8..0000000000 --- a/sample-apps/react/react-video-demo/src/components/ControlMenu/index.ts +++ /dev/null @@ -1 +0,0 @@ -export { ControlMenu as default } from './ControlMenu'; diff --git a/sample-apps/react/react-video-demo/src/components/ControlMenuPanel/ControlMenuPanel.data.ts b/sample-apps/react/react-video-demo/src/components/ControlMenuPanel/ControlMenuPanel.data.ts deleted file mode 100644 index aebf1e403b..0000000000 --- a/sample-apps/react/react-video-demo/src/components/ControlMenuPanel/ControlMenuPanel.data.ts +++ /dev/null @@ -1,17 +0,0 @@ -import { Props } from './ControlMenuPanel'; - -export const KichinSink: Props = { - selectedDeviceId: '123124-1dsas32', - devices: [ - { - deviceId: '123124-1dsas32', - groupId: 'video', - kind: 'videoinput', - label: 'Front face camera', - } as MediaDeviceInfo, - ], - title: 'Settings', - selectDevice: () => { - console.log('selected device'); - }, -}; diff --git a/sample-apps/react/react-video-demo/src/components/ControlMenuPanel/ControlMenuPanel.module.css b/sample-apps/react/react-video-demo/src/components/ControlMenuPanel/ControlMenuPanel.module.css deleted file mode 100644 index e2ca17b71a..0000000000 --- a/sample-apps/react/react-video-demo/src/components/ControlMenuPanel/ControlMenuPanel.module.css +++ /dev/null @@ -1,34 +0,0 @@ -.panel { - @apply relative; - pointer-events: initial; -} - -.deviceList { - @apply pb-3 pt-3; - font-size: 16px; -} - -.device { - @apply pt-1 pb-1 pr-2 pl-2; -} - -.selectedDevice { - @apply bg-video-grey-700; - border-radius: 6px; -} - -.label { - @apply text-video-white; -} - -.radioButton { - @apply mr-2; -} - -.footer { - @apply flex bg-video-grey-800 pt-1 pb-1 items-center justify-center text-video-white text-xs; - border-radius: 30px; -} -.settings { - @apply mr-2 h-3 w-3; -} diff --git a/sample-apps/react/react-video-demo/src/components/ControlMenuPanel/ControlMenuPanel.stories.tsx b/sample-apps/react/react-video-demo/src/components/ControlMenuPanel/ControlMenuPanel.stories.tsx deleted file mode 100644 index 34a85f68ef..0000000000 --- a/sample-apps/react/react-video-demo/src/components/ControlMenuPanel/ControlMenuPanel.stories.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import { ControlMenuPanel } from './ControlMenuPanel'; - -import * as data from './ControlMenuPanel.data'; - -export default { - component: ControlMenuPanel, - subcomponents: {}, - title: 'ControlMenu/ControlMenuPanel', -}; - -export const KichinSink = (props: any) => ( - -); - -KichinSink.args = { - ...data.KichinSink, -}; diff --git a/sample-apps/react/react-video-demo/src/components/ControlMenuPanel/ControlMenuPanel.tsx b/sample-apps/react/react-video-demo/src/components/ControlMenuPanel/ControlMenuPanel.tsx deleted file mode 100644 index 38b23863b2..0000000000 --- a/sample-apps/react/react-video-demo/src/components/ControlMenuPanel/ControlMenuPanel.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import { FC } from 'react'; - -import SettingsMenu from '../SettingsMenu'; -import DeviceList from '../DeviceList'; - -export type Props = { - className?: string; - selectedDeviceId?: string; - devices: MediaDeviceInfo[]; - title: string; - - selectDevice(deviceId: string): void; -}; - -export const ControlMenuPanel: FC = ({ - devices, - title, - className, - selectedDeviceId, - selectDevice, -}) => { - return ( - - - - ); -}; diff --git a/sample-apps/react/react-video-demo/src/components/ControlMenuPanel/index.ts b/sample-apps/react/react-video-demo/src/components/ControlMenuPanel/index.ts deleted file mode 100644 index 7217cb926d..0000000000 --- a/sample-apps/react/react-video-demo/src/components/ControlMenuPanel/index.ts +++ /dev/null @@ -1 +0,0 @@ -export { ControlMenuPanel as default } from './ControlMenuPanel'; diff --git a/sample-apps/react/react-video-demo/src/components/DeviceList/DeviceList.data.ts b/sample-apps/react/react-video-demo/src/components/DeviceList/DeviceList.data.ts deleted file mode 100644 index 75df42a896..0000000000 --- a/sample-apps/react/react-video-demo/src/components/DeviceList/DeviceList.data.ts +++ /dev/null @@ -1,16 +0,0 @@ -import { Props } from './DeviceList'; - -export const KichinSink: Props = { - selectedDeviceId: '123124-1dsas32', - devices: [ - { - deviceId: '123124-1dsas32', - groupId: 'video', - kind: 'videoinput', - label: 'Front face camera', - } as MediaDeviceInfo, - ], - selectDevice: () => { - console.log('selected device'); - }, -}; diff --git a/sample-apps/react/react-video-demo/src/components/DeviceList/DeviceList.module.css b/sample-apps/react/react-video-demo/src/components/DeviceList/DeviceList.module.css deleted file mode 100644 index 6e24b704d0..0000000000 --- a/sample-apps/react/react-video-demo/src/components/DeviceList/DeviceList.module.css +++ /dev/null @@ -1,6 +0,0 @@ -.root { -} - -.heading { - @apply text-video-white font-medium; -} diff --git a/sample-apps/react/react-video-demo/src/components/DeviceList/DeviceList.stories.tsx b/sample-apps/react/react-video-demo/src/components/DeviceList/DeviceList.stories.tsx deleted file mode 100644 index 4d8284a82e..0000000000 --- a/sample-apps/react/react-video-demo/src/components/DeviceList/DeviceList.stories.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import { DeviceList } from './DeviceList'; - -import * as data from './DeviceList.data'; - -export default { - component: DeviceList, - subcomponents: {}, - title: 'ControlMenu/DeviceList', -}; - -export const KichinSink = (props: any) => ; - -KichinSink.args = { - ...data.KichinSink, -}; diff --git a/sample-apps/react/react-video-demo/src/components/DeviceList/DeviceList.tsx b/sample-apps/react/react-video-demo/src/components/DeviceList/DeviceList.tsx deleted file mode 100644 index 3caa685702..0000000000 --- a/sample-apps/react/react-video-demo/src/components/DeviceList/DeviceList.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import { FC, useCallback } from 'react'; -import classnames from 'classnames'; -import styles from './DeviceList.module.css'; -import { OptionsList, OptionsListItem } from '../SettingsMenu/SettingsMenu'; - -export type Props = { - className?: string; - selectedDeviceId?: string; - title?: string; - devices: MediaDeviceInfo[]; - selectDevice: (deviceId: string) => void; -}; - -export const DeviceList: FC = ({ - title, - devices, - className, - selectedDeviceId, - selectDevice, -}) => { - const rootClassName = classnames(styles.root, className); - - const handleSelectDevice = useCallback( - (deviceId: string) => { - selectDevice(deviceId); - }, - [selectDevice], - ); - - const hasPreference = devices.some((d) => d.deviceId === selectedDeviceId); - return ( -
- {title ?

{title}

: null} - - {devices.map(({ kind, label, deviceId }, index) => { - const isSelected = hasPreference - ? selectedDeviceId === deviceId - : index === 0; - return ( - handleSelectDevice(deviceId)} - label={label} - checked={isSelected} - defaultChecked={isSelected} - name={kind} - value={deviceId} - /> - ); - })} - -
- ); -}; diff --git a/sample-apps/react/react-video-demo/src/components/DeviceList/index.ts b/sample-apps/react/react-video-demo/src/components/DeviceList/index.ts deleted file mode 100644 index 2f819c3302..0000000000 --- a/sample-apps/react/react-video-demo/src/components/DeviceList/index.ts +++ /dev/null @@ -1 +0,0 @@ -export { DeviceList as default } from './DeviceList'; diff --git a/sample-apps/react/react-video-demo/src/components/DeviceSettings/DeviceSettings.module.css b/sample-apps/react/react-video-demo/src/components/DeviceSettings/DeviceSettings.module.css deleted file mode 100644 index 5f35f2916e..0000000000 --- a/sample-apps/react/react-video-demo/src/components/DeviceSettings/DeviceSettings.module.css +++ /dev/null @@ -1,19 +0,0 @@ -.root { - @apply md:max-w-md w-full; - box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.75); -} - -.video { - @apply mt-4; -} -.footer { - @apply flex justify-between; -} - -.cancel { - @apply w-full mr-2 normal-case font-normal; -} - -.confirm { - @apply w-full ml-2 normal-case font-normal; -} diff --git a/sample-apps/react/react-video-demo/src/components/DeviceSettings/DeviceSettings.tsx b/sample-apps/react/react-video-demo/src/components/DeviceSettings/DeviceSettings.tsx deleted file mode 100644 index 8e61077578..0000000000 --- a/sample-apps/react/react-video-demo/src/components/DeviceSettings/DeviceSettings.tsx +++ /dev/null @@ -1,91 +0,0 @@ -import { useCallback, useState } from 'react'; -import { useCallStateHooks } from '@stream-io/video-react-sdk'; - -import { Cog } from '../Icons'; - -import SettingsMenu from '../SettingsMenu'; -import DeviceList from '../DeviceList'; -import Button from '../Button'; - -import { useModalContext } from '../../contexts/ModalContext'; - -import styles from './DeviceSettings.module.css'; - -export const DeviceSettings = () => { - const { closeModal } = useModalContext(); - - const [audioInputId, setAudioInputId] = useState(); - const [audioOutputId, setAudioOutputId] = useState(); - const [videoInputId, setVideoInputId] = useState(); - - const { useCameraState, useMicrophoneState, useSpeakerState } = - useCallStateHooks(); - const cameraApi = useCameraState(); - const micApi = useMicrophoneState(); - const speakerApi = useSpeakerState(); - - const save = useCallback(async () => { - if (videoInputId) await cameraApi.camera.select(videoInputId); - if (audioInputId) await micApi.microphone.select(audioInputId); - if (audioOutputId && speakerApi.isDeviceSelectionSupported) { - speakerApi.speaker.select(audioOutputId); - } - - closeModal(); - }, [ - audioInputId, - audioOutputId, - closeModal, - cameraApi.camera, - micApi.microphone, - speakerApi.isDeviceSelectionSupported, - speakerApi.speaker, - videoInputId, - ]); - - return ( - }> - - {speakerApi.isDeviceSelectionSupported ? ( - - ) : null} - -
- - -
- - ); -}; diff --git a/sample-apps/react/react-video-demo/src/components/DeviceSettings/index.ts b/sample-apps/react/react-video-demo/src/components/DeviceSettings/index.ts deleted file mode 100644 index 73546fd083..0000000000 --- a/sample-apps/react/react-video-demo/src/components/DeviceSettings/index.ts +++ /dev/null @@ -1 +0,0 @@ -export { DeviceSettings as default } from './DeviceSettings'; diff --git a/sample-apps/react/react-video-demo/src/components/Feedback/Feedback.data.ts b/sample-apps/react/react-video-demo/src/components/Feedback/Feedback.data.ts deleted file mode 100644 index 7f45b1312a..0000000000 --- a/sample-apps/react/react-video-demo/src/components/Feedback/Feedback.data.ts +++ /dev/null @@ -1,3 +0,0 @@ -import { Props } from './Feedback'; - -export const KichinSink: Props = {}; diff --git a/sample-apps/react/react-video-demo/src/components/Feedback/Feedback.module.css b/sample-apps/react/react-video-demo/src/components/Feedback/Feedback.module.css deleted file mode 100644 index 115a659d17..0000000000 --- a/sample-apps/react/react-video-demo/src/components/Feedback/Feedback.module.css +++ /dev/null @@ -1,80 +0,0 @@ -.feedback { - @apply p-4 bg-video-grey-500 flex flex-col rounded-container max-w-md w-full; - box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.75); -} - -.heading { - @apply font-bold text-lg text-video-white; -} - -.description { - @apply text-video-grey-400 text-sm mt-1 mb-3; -} - -.form { - @apply flex flex-col; -} - -.input { - @apply pt-1 pb-1 pl-2 pr-2 mb-2 flex items-center text-sm w-full bg-video-black text-video-white h-[44px]; - border: 1px solid #272a30; - border-radius: 6px; -} - -.textarea { - @apply pt-2 pb-1 pl-2 pr-2 flex items-center text-sm w-full bg-video-black text-video-white h-[96px]; - border: 1px solid #272a30; - border-radius: 6px; -} - -.footer { - @apply flex justify-between mt-4; -} - -.ratingDescription { - @apply text-video-grey-400 text-xs mr-2; -} - -.rating { - @apply flex flex-col md:flex-row; -} - -.ratingStars { - @apply flex flex-row mt-2 md:mt-0; -} - -.star { - @apply text-video-grey-200 mr-1; -} - -.star:hover { - @apply cursor-pointer; -} -.star.active { - @apply text-video-yellow-500; -} - -.sent { - @apply p-4 bg-video-grey-500 flex flex-col rounded-container max-w-md w-full; - box-shadow: 0px 14px 34px rgba(0, 0, 0, 0.75); -} - -.button { - @apply font-medium text-xs; -} - -.heading { - @apply flex items-center justify-between font-semibold text-lg; -} - -.close { - @apply text-video-grey-400 bg-video-grey-800 rounded-button p-1 h-auto w-auto; -} - -.close:hover { - @apply cursor-pointer; -} - -.closeIcon { - @apply h-4 w-4; -} diff --git a/sample-apps/react/react-video-demo/src/components/Feedback/Feedback.stories.tsx b/sample-apps/react/react-video-demo/src/components/Feedback/Feedback.stories.tsx deleted file mode 100644 index d4a336067d..0000000000 --- a/sample-apps/react/react-video-demo/src/components/Feedback/Feedback.stories.tsx +++ /dev/null @@ -1,17 +0,0 @@ -import { Feedback } from './Feedback'; - -import * as data from './Feedback.data'; - -export default { - component: Feedback, - subcomponents: {}, - title: 'Feedback', -}; - -export const KichinSink = (props: any) => { - return ; -}; - -KichinSink.args = { - ...data.KichinSink, -}; diff --git a/sample-apps/react/react-video-demo/src/components/Feedback/Feedback.tsx b/sample-apps/react/react-video-demo/src/components/Feedback/Feedback.tsx deleted file mode 100644 index 3881024317..0000000000 --- a/sample-apps/react/react-video-demo/src/components/Feedback/Feedback.tsx +++ /dev/null @@ -1,238 +0,0 @@ -import { - FC, - HTMLInputTypeAttribute, - useCallback, - useState, - useMemo, -} from 'react'; -import classnames from 'classnames'; -import { useForm, useField } from 'react-form'; - -import Button from '../Button'; -import { Star, Close } from '../Icons'; - -import { useModalContext } from '../../contexts/ModalContext'; - -import styles from './Feedback.module.css'; -import { getCookie } from '../../utils/getCookie'; - -export type Props = { - className?: string; - callId?: string; - inMeeting?: boolean; -}; - -function required(value: string | number, name: string) { - if (!value) { - return `Please enter a ${name}`; - } - return false; -} - -const Input: FC<{ - className?: string; - type: HTMLInputTypeAttribute; - placeholder: string; - name: string; - required?: boolean; -}> = (props) => { - const { name, className, ...rest } = props; - const { - meta: { error, isTouched }, - getInputProps, - } = useField(name, { - validate: props.required ? (value) => required(value, name) : undefined, - }); - - const rootClassName = classnames(className, { - [styles.error]: isTouched && error, - }); - - return ; -}; - -const TextArea: FC<{ - className?: string; - placeholder: string; - name: string; - required?: boolean; -}> = (props) => { - const { name, className, ...rest } = props; - const { - meta: { error, isTouched }, - getInputProps, - } = useField(name, { - validate: props.required ? (value) => required(value, name) : undefined, - }); - - const rootClassName = classnames(className, { - [styles.error]: isTouched && error, - }); - - return