More hosted overlay fixing

Author: GForceWeb

.github/workflows/deploy-github-pages.yml

@@ -49,6 +49,12 @@ jobs:
           mkdir -p dist/renderer/overlay/img
           cp -r assets/img/* dist/renderer/overlay/img/
 
+          # Fix asset paths in overlay HTML to be strictly relative
+          if [ -f dist/renderer/overlay/index.html ]; then
+            sed -i 's|../overlay/assets/|./assets/|g' dist/renderer/overlay/index.html
+            sed -i 's|/overlay/assets/|./assets/|g' dist/renderer/overlay/index.html
+          fi
+
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:

vite.config.ts

@@ -69,9 +69,9 @@ export default defineConfig({
   // Configure build options
   build: {
     outDir: "../dist/renderer",
+    emptyOutDir: true,
     // Place built assets under overlay/ so the overlay artifact is self-contained for GitHub Pages
     assetsDir: "overlay/assets",
-    emptyOutDir: true,
     rollupOptions: {
       input: {
         main: resolve(__dirname, "src/overlay/index.html"),