deploy while release

Author: lucemia

.github/workflows/ci.yml

@@ -5,10 +5,23 @@ on:
     branches: [ main ]
   pull_request:
     branches: [ main ]
+  # Add release trigger
+  release:
+    types: [published]
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
 
 jobs:
-  build:
+  test:
     runs-on: ubuntu-latest
+    if: github.event_name != 'release'
 
     strategy:
       matrix:
@@ -32,9 +45,6 @@ jobs:
     - name: Run tests with coverage
       run: npm run test:coverage
 
-    - name: Build
-      run: npm run build
-
     # Upload coverage report to Codecov
     - name: Upload coverage to Codecov
       uses: codecov/codecov-action@v5
@@ -51,4 +61,42 @@ jobs:
       uses: actions/upload-artifact@v4
       with:
         name: frontend-coverage-report
-        path: coverage 
+        path: coverage
+
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    if: github.event_name == 'release'
+    needs: test
+
+    steps:
+    - uses: actions/checkout@v4
+
+    - name: Use Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '18.x'
+        cache: 'npm'
+
+    - name: Install dependencies
+      run: npm ci
+
+    - name: Build
+      run: npm run build
+
+    # Upload build output
+    - name: Upload artifact
+      uses: actions/upload-pages-artifact@v3
+      with:
+        path: ./dist
+
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build-and-deploy
+    if: github.event_name == 'release'
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4 

src/utils/__tests__/testUtils.ts

@@ -19,7 +19,7 @@ export async function getTestPyodide() {
     await pyodide.loadPackage('micropip');
     await pyodide.runPythonAsync(`
       import micropip
-      await micropip.install('typed-ffmpeg==3.0.2a0')
+      await micropip.install('typed-ffmpeg>=3.0.2a0')
     `);
   }
   return pyodide;

src/utils/pyodideUtils.ts

@@ -33,7 +33,7 @@ export async function getPyodide(options?: {
 
     await pyodide.runPythonAsync(`
       import micropip
-      await micropip.install('typed-ffmpeg==3.0.2a0')
+      await micropip.install('typed-ffmpeg>=3.0.2a0')
     `);
     console.log('typed-ffmpeg installed successfully.');
   }

vite.config.ts

@@ -3,6 +3,7 @@ import react from '@vitejs/plugin-react';
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  base: '/typed-ffmpeg-playground/',
   plugins: [react()],
   resolve: {
     alias: {