migrate streaming

gear-foundation · Jan 31, 2025 · 800e386 · 800e386
1 parent 349ce09
commit 800e386
Show file tree

Hide file tree

Showing 72 changed files with 1,680 additions and 1,866 deletions.
diff --git a/frontend/apps/racing-car-game/src/App.tsx b/frontend/apps/racing-car-game/src/App.tsx
@@ -8,7 +8,6 @@ import { withProviders } from '@/hocs';
 import { ScrollToTop, cx } from '@/utils';
 import { LOGIN, PLAY, START } from '@/App.routes';
 import styles from './App.module.scss';
-import 'babel-polyfill';
 import { useLoginByParams } from './hooks';
 import { ProtectedRoute } from './features/Auth/components';
 import { useAccountAvailableBalance, useAccountAvailableBalanceSync } from './features/Wallet/hooks';

diff --git a/frontend/apps/w3bstreaming/.env.example b/frontend/apps/w3bstreaming/.env.example
@@ -1,6 +1,8 @@
-REACT_APP_SIGNALING_SERVER=ws://127.0.0.1:3001
-REACT_APP_DNS_API_URL=
-REACT_APP_DNS_NAME=
-REACT_APP_NODE_ADDRESS=wss://testnet.vara-network.io
-REACT_APP_IPFS_GATEWAY_ADDRESS=
-REACT_APP_IPFS_ADDRESS=
+VITE_NODE_ADDRESS=
+VITE_NODES_API_URL=
+VITE_IPFS_GATEWAY_ADDRESS=
+VITE_IPFS_ADDRESS=
+VITE_DNS_API_URL=
+VITE_DNS_NAME=
+VITE_SIGNALING_SERVER=
+VITE_BACKEND_SERVER=
diff --git a/frontend/apps/w3bstreaming/.eslintrc b/frontend/apps/w3bstreaming/.eslintrc
@@ -0,0 +1,3 @@
+{
+  "extends": ["react-app"]
+}
diff --git a/frontend/apps/w3bstreaming/.eslintrc.js b/frontend/apps/w3bstreaming/.eslintrc.js
diff --git a/frontend/apps/w3bstreaming/Dockerfile b/frontend/apps/w3bstreaming/Dockerfile
@@ -15,20 +15,20 @@ RUN apk update
 
 RUN apk add xsel
 
-ARG REACT_APP_NODE_ADDRESS \
-    REACT_APP_DNS_API_URL \
-    REACT_APP_DNS_NAME \
-    REACT_APP_IPFS_GATEWAY_ADDRESS \
-    REACT_APP_IPFS_ADDRESS \
-    REACT_APP_BACKEND_SERVER \
-    REACT_APP_SIGNALING_SERVER
-ENV REACT_APP_NODE_ADDRESS=${REACT_APP_NODE_ADDRESS} \
-    REACT_APP_DNS_API_URL=${REACT_APP_DNS_API_URL} \
-    REACT_APP_DNS_NAME=${REACT_APP_DNS_NAME} \
-    REACT_APP_IPFS_GATEWAY_ADDRESS=${REACT_APP_IPFS_GATEWAY_ADDRESS} \
-    REACT_APP_IPFS_ADDRESS=${REACT_APP_IPFS_ADDRESS} \
-    REACT_APP_SIGNALING_SERVER=${REACT_APP_SIGNALING_SERVER} \
-    REACT_APP_BACKEND_SERVER=${REACT_APP_BACKEND_SERVER} \
+ARG VITE_NODE_ADDRESS \
+    VITE_DNS_API_URL \
+    VITE_DNS_NAME \
+    VITE_IPFS_GATEWAY_ADDRESS \
+    VITE_IPFS_ADDRESS \
+    VITE_BACKEND_SERVER \
+    VITE_SIGNALING_SERVER
+ENV VITE_NODE_ADDRESS=${VITE_NODE_ADDRESS} \
+    VITE_DNS_API_URL=${VITE_DNS_API_URL} \
+    VITE_DNS_NAME=${VITE_DNS_NAME} \
+    VITE_IPFS_GATEWAY_ADDRESS=${VITE_IPFS_GATEWAY_ADDRESS} \
+    VITE_IPFS_ADDRESS=${VITE_IPFS_ADDRESS} \
+    VITE_SIGNALING_SERVER=${VITE_SIGNALING_SERVER} \
+    VITE_BACKEND_SERVER=${VITE_BACKEND_SERVER} \
     DISABLE_ESLINT_PLUGIN=true
 
 WORKDIR /frontend/apps/w3bstreaming

diff --git a/frontend/apps/w3bstreaming/config-overrides.js b/frontend/apps/w3bstreaming/config-overrides.js
diff --git a/frontend/apps/w3bstreaming/index.d.ts b/frontend/apps/w3bstreaming/index.d.ts
diff --git a/frontend/apps/w3bstreaming/index.html b/frontend/apps/w3bstreaming/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link href="//vjs.zencdn.net/8.3.0/video-js.min.css" rel="stylesheet" />
+    <script src="//vjs.zencdn.net/8.3.0/video.min.js"></script>
+    <title>W3b Streaming</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/frontend/apps/w3bstreaming/package.json b/frontend/apps/w3bstreaming/package.json
@@ -2,6 +2,12 @@
   "name": "frontend",
   "version": "0.1.0",
   "private": true,
+  "type": "module",
+  "scripts": {
+    "start": "yarn build:packages && npx vite",
+    "build": "yarn build:packages && npx vite build",
+    "preview": "yarn build:packages && npx vite preview"
+  },
   "dependencies": {
     "@dapps-frontend/error-tracking": "workspace:*",
     "@dapps-frontend/ui": "workspace:*",
@@ -16,17 +22,15 @@
     "@polkadot/util": "12.3.2",
     "@radix-ui/react-scroll-area": "1.0.5",
     "@tanstack/react-query": "5.29.0",
-    "assert": "2.0.0",
     "axios": "1.4.0",
-    "buffer": "6.0.3",
     "clsx": "1.2.1",
     "framer-motion": "10.16.5",
     "jotai": "2.5.1",
     "moment": "2.29.4",
     "moment-timezone": "0.5.43",
     "rc-time-picker": "^3.7.3",
     "react": "18.2.0",
-    "react-datepicker": "4.15.0",
+    "react-datepicker": "7.6.0",
     "react-dom": "18.2.0",
     "react-dropzone": "14.2.3",
     "react-router-dom": "6.21.0",
@@ -37,26 +41,5 @@
     "socket.io": "4.6.1",
     "socket.io-client": "4.6.1",
     "video.js": "8.3.0"
-  },
-  "scripts": {
-    "start": "yarn build:packages && npx react-app-rewired start",
-    "build": "yarn build:packages && npx react-app-rewired build"
-  },
-  "eslintConfig": {
-    "extends": "./.eslintrc.js"
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "main": "index.js",
-  "license": "MIT"
+  }
 }
diff --git a/frontend/apps/w3bstreaming/public/index.html b/frontend/apps/w3bstreaming/public/index.html
diff --git a/frontend/apps/w3bstreaming/public/logo192.png b/frontend/apps/w3bstreaming/public/logo192.png
diff --git a/frontend/apps/w3bstreaming/public/logo512.png b/frontend/apps/w3bstreaming/public/logo512.png
diff --git a/frontend/apps/w3bstreaming/public/manifest.json b/frontend/apps/w3bstreaming/public/manifest.json
diff --git a/frontend/apps/w3bstreaming/public/robots.txt b/frontend/apps/w3bstreaming/public/robots.txt
diff --git a/frontend/apps/w3bstreaming/react-app-env.d.ts b/frontend/apps/w3bstreaming/react-app-env.d.ts
diff --git a/frontend/apps/w3bstreaming/src/App.module.scss b/frontend/apps/w3bstreaming/src/App.module.scss
@@ -1,5 +1,5 @@
-@use '~styles/variables' as *;
-@use '~styles/mixins' as *;
+@use '@/styles/variables' as *;
+@use '@/styles/mixins' as *;
 
 .app-container {
   width: 100%;
@@ -26,4 +26,4 @@
 
 .footer-wrapper {
   background: theme-var($background-secondary);
-}
+}
diff --git a/frontend/apps/w3bstreaming/src/App.tsx b/frontend/apps/w3bstreaming/src/App.tsx
@@ -9,7 +9,6 @@ import { StreamTeasersList } from '@/features/StreamTeasers';
 import { ProtectedRoute, AuthRoute } from '@/features/Auth/components';
 import { Loader } from './components/Loader';
 import styles from './App.module.scss';
-import 'babel-polyfill';
 import { useAccountAvailableBalanceSync } from './features/Wallet/hooks';
 import '@gear-js/vara-ui/dist/style.css';
 import { useGetStateQuery } from './app/utils';

diff --git a/frontend/apps/w3bstreaming/src/app/utils/sails/messages/use-edit-profile-message.ts b/frontend/apps/w3bstreaming/src/app/utils/sails/messages/use-edit-profile-message.ts
@@ -1,6 +1,6 @@
 import { usePrepareProgramTransaction } from '@gear-js/react-hooks';
-import { useProgram } from 'app/utils';
-import { Options, useExecuteWithPending, useSignAndSend } from 'app/hooks';
+import { useProgram } from '@/app/utils';
+import { Options, useExecuteWithPending, useSignAndSend } from '@/app/hooks';
 
 type Params = {
   name: string | null;

diff --git a/frontend/apps/w3bstreaming/src/app/utils/sails/messages/use-new-stream-message.ts b/frontend/apps/w3bstreaming/src/app/utils/sails/messages/use-new-stream-message.ts
@@ -1,6 +1,6 @@
 import { usePrepareProgramTransaction } from '@gear-js/react-hooks';
-import { useProgram } from 'app/utils';
-import { Options, useExecuteWithPending, useSignAndSend } from 'app/hooks';
+import { useProgram } from '@/app/utils';
+import { Options, useExecuteWithPending, useSignAndSend } from '@/app/hooks';
 
 type Params = {
   title: string;

diff --git a/frontend/apps/w3bstreaming/src/app/utils/sails/messages/use-subscribe-message.ts b/frontend/apps/w3bstreaming/src/app/utils/sails/messages/use-subscribe-message.ts
@@ -1,7 +1,7 @@
 import { HexString } from '@gear-js/api';
 import { useAccount, usePrepareProgramTransaction } from '@gear-js/react-hooks';
-import { useProgram } from 'app/utils';
-import { Options, useExecuteWithPending, useSignAndSend } from 'app/hooks';
+import { useProgram } from '@/app/utils';
+import { Options, useExecuteWithPending, useSignAndSend } from '@/app/hooks';
 
 type Params = {
   accountId: HexString;

diff --git a/frontend/apps/w3bstreaming/src/app/utils/sails/messages/use-unsubscribe-message.ts b/frontend/apps/w3bstreaming/src/app/utils/sails/messages/use-unsubscribe-message.ts
@@ -1,7 +1,7 @@
 import { HexString } from '@gear-js/api';
 import { useAccount, usePrepareProgramTransaction } from '@gear-js/react-hooks';
-import { useProgram } from 'app/utils';
-import { Options, useExecuteWithPending, useSignAndSend } from 'app/hooks';
+import { useProgram } from '@/app/utils';
+import { Options, useExecuteWithPending, useSignAndSend } from '@/app/hooks';
 
 type Params = {
   accountId: HexString;

diff --git a/frontend/apps/w3bstreaming/src/app/utils/sails/queries/use-get-state-query.ts b/frontend/apps/w3bstreaming/src/app/utils/sails/queries/use-get-state-query.ts
@@ -1,4 +1,4 @@
-import { useProgram } from 'app/utils';
+import { useProgram } from '@/app/utils';
 import { useAccount, useProgramQuery } from '@gear-js/react-hooks';
 import { useMemo } from 'react';
 import { arrayToRecord } from '@/utils';