Merge pull request #1265 from Arnei/migrate-to-vite

Replace CRA with Vite
opencast · Mar 1, 2024 · 0445864 · 0445864
2 parents 7f07f60 + 8eaa396
commit 0445864
Show file tree

Hide file tree

Showing 16 changed files with 7,926 additions and 15,323 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -1,7 +1,6 @@
 module.exports = {
   extends: [
     "@opencast/eslint-config-ts-react",
-    "react-app/jest",
   ],
   rules: {
     // Currently 120 warnings.

diff --git a/.github/workflows/playwright-test.yml b/.github/workflows/playwright-test.yml
@@ -34,7 +34,7 @@ jobs:
     - name: Prepare configuration
       run: >
         sed -i
-        's_https://develop.opencast.org_http://localhost:3000_'
+        's_https://develop.opencast.org_http://localhost:5173_'
         public/editor-settings.toml
 
     - name: Prepare mock files
@@ -46,7 +46,7 @@ jobs:
         cp public/editor-settings.toml build/
 
     - name: Use production build for testing
-      run: sed -i 's/npm run start/python -m http.server --bind 127.0.0.1 --directory build 3000/' playwright.config.ts
+      run: sed -i 's/npm run start/python -m http.server --bind 127.0.0.1 --directory build 5173/' playwright.config.ts
 
     - name: Run playwright-test
       run: npx playwright test --config=playwright.config.ts

diff --git a/config-overrides.js b/config-overrides.js
diff --git a/public/index.html → index.html b/public/index.html → index.html
@@ -4,7 +4,7 @@
     <meta name="git-commit" content="%REACT_APP_GIT_SHA%">
     <meta name="build-date" content="%REACT_APP_BUILD_DATE%">
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta name="description"
@@ -13,7 +13,7 @@
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="manifest" href="/manifest.json" />
     <title>Opencast Editor</title>
     <style>
       /* These styles are only used for the initial loading indicator */
@@ -52,11 +52,12 @@
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
+    <script type="module" src="/src/index.tsx"></script>
     <div id="root">
       <!-- Loading indicator, shown until React starts rendering -->
       <div class="loading-indicator">
         <svg viewbox="0 0 100 100">
-          <circle cx="50"cy="50"r="40" />
+          <circle cx="50" cy="50" r="40" />
         </svg>
       </div>
     </div>