Fix GitHub Pages 404s by setting correct base path for production builds

.github/workflows/build.yml

@@ -44,6 +44,8 @@ jobs:
 
       - name: Build
         run: pnpm run build
+        env:
+          VITE_BASE_PATH: /eagle-plugin-mini-map/
 
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3

.gitignore

@@ -24,3 +24,7 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+# Test fixtures copied to public during build
+public/tests
+

package.json

@@ -11,7 +11,7 @@
     "dev": "vite",
     "dev:eagle": "vite build --watch",
     "type-check": "tsc --noEmit",
-    "build": "tsc -b && vite build",
+    "build": "cp -r tests public/tests && tsc -b && vite build",
     "test": "vitest run",
     "lint": "eslint --fix .",
     "lint:check": "eslint .",

src/eagle/mock.ts

@@ -1,13 +1,16 @@
 import manifest from "../../public/manifest.json";
 import type { Eagle, EagleTheme, Item } from "./types";
 
+// Use BASE_URL to properly handle GitHub Pages deployment
+const fixtureUrl = `${import.meta.env.BASE_URL}tests/fixtures/MJXX6FDDBW3FZ.info/DSC02497.jpg`;
+
 const mockItem: Item = {
   id: "mock-item",
   name: "Test Image",
   ext: "jpg",
   width: 3681,
   height: 5522,
-  url: "/tests/fixtures/MJXX6FDDBW3FZ.info/DSC02497.jpg",
+  url: fixtureUrl,
   isDeleted: false,
   annotation: "Sky tree",
   tags: ["travel"],
@@ -19,10 +22,10 @@ const mockItem: Item = {
   modifiedAt: Date.now(),
   noThumbnail: false,
   noPreview: false,
-  filePath: "/tests/fixtures/MJXX6FDDBW3FZ.info/DSC02497.jpg",
-  fileURL: "/tests/fixtures/MJXX6FDDBW3FZ.info/DSC02497.jpg",
-  thumbnailPath: "/tests/fixtures/MJXX6FDDBW3FZ.info/DSC02497.jpg",
-  thumbnailURL: "/tests/fixtures/MJXX6FDDBW3FZ.info/DSC02497.jpg",
+  filePath: fixtureUrl,
+  fileURL: fixtureUrl,
+  thumbnailPath: fixtureUrl,
+  thumbnailURL: fixtureUrl,
   metadataFilePath: "",
   save: async () => Promise.resolve(true),
   moveToTrash: async () => Promise.resolve(true),

vite.config.ts

@@ -4,6 +4,6 @@ import { defineConfig } from "vite";
 
 // https://vite.dev/config/
 export default defineConfig({
-  base: "./", // for Eagle Plugin
+  base: process.env.VITE_BASE_PATH || "./", // for Eagle Plugin
   plugins: [react(), tailwindcss()],
 });