implement ci/pages deployment (attempt 1)

Author: p2r3

.github/workflows/pages.yml

@@ -0,0 +1,54 @@
+name: Publish to GitHub Pages
+
+on:
+  push:
+    branches: ["main"]
+  pull_request:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: "pages"
+  cancel-in-progress: true
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Bun
+        uses: oven-sh/setup-bun@v1
+        with:
+          bun-version: "latest"
+          cache: true
+
+      - name: Install dependencies
+        run: bun i --frozen-lockfile
+
+      - name: Build
+        run: bun run build
+
+      - name: Upload Pages artifact
+        if: github.event_name == "push"
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: dist
+
+  deploy:
+    if: github.event_name == "push"
+    needs: build
+    runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

package.json

@@ -20,6 +20,7 @@
     "canvg": "^4.0.3",
     "html2canvas": "^1.4.1",
     "mime": "^4.1.0",
-    "pdftoimg-js": "^0.2.5"
+    "pdftoimg-js": "^0.2.5",
+    "vite-plugin-static-copy": "^3.1.6"
   }
 }

src/handlers/FFmpeg.ts

@@ -31,7 +31,7 @@ class FFmpegHandler implements FormatHandler {
   async loadFFmpeg () {
     if (!this.#ffmpeg) return;
     return await this.#ffmpeg.load({
-      coreURL: "/node_modules/@ffmpeg/core/dist/esm/ffmpeg-core.js"
+      coreURL: "/convert/wasm/ffmpeg-core.js"
     });
   }
   terminateFFmpeg () {

src/handlers/ImageMagick.ts

@@ -20,7 +20,7 @@ class ImageMagickHandler implements FormatHandler {
 
   async init () {
 
-    const wasmLocation = "/node_modules/@imagemagick/magick-wasm/dist/magick.wasm";
+    const wasmLocation = "/convert/wasm/magick.wasm";
     const wasmBytes = await fetch(wasmLocation).then(r => r.bytes());
 
     await initializeImageMagick(wasmBytes);

vite.config.js

@@ -1,9 +1,25 @@
 import { defineConfig } from "vite";
+import { viteStaticCopy } from "vite-plugin-static-copy";
 
 export default defineConfig({
   optimizeDeps: {
     exclude: [
       "@ffmpeg/ffmpeg",
     ]
-  }
+  },
+  base: "/convert/",
+  plugins: [
+    viteStaticCopy({
+      targets: [
+        {
+          src: "node_modules/@ffmpeg/core/dist/esm/ffmpeg-core.*",
+          dest: "wasm"
+        },
+        {
+          src: "node_modules/@imagemagick/magick-wasm/dist/magick.wasm",
+          dest: "wasm"
+        }
+      ]
+    })
+  ]
 });