🚀 Makes deploy action run

.github/workflows/deploy.yml

@@ -3,6 +3,12 @@ name: Deploy GitHub Pages
 on:
   push:
     branches: [main]
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
 
 concurrency:
   group: "pages"
@@ -14,39 +20,42 @@ jobs:
     defaults:
       run:
         working-directory: ./app
+    env:
+      BASE_PATH: /SpotMicroESP32-Leika
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
       - uses: pnpm/action-setup@v2
         with:
           version: 9
 
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
           node-version: 20
-          cache: pnpm
+          cache: "pnpm"
+          cache-dependency-path: "./app/pnpm-lock.yaml"
 
       - run: pnpm install
       - run: pnpm run build
 
       - name: Setup Pages
-        uses: actions/configure-pages@v3
+        uses: actions/configure-pages@v4
         with:
           static_site_generator: "sveltekit"
 
       - name: Upload artifact
-        uses: actions/upload-pages-artifact@v1
+        uses: actions/upload-pages-artifact@v3
         with:
-          path: build/
+          path: app/build/
 
   deploy:
     runs-on: ubuntu-latest
     needs: build
     environment:
       name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
 
     steps:
-      - uses: actions/deploy-pages@v2
+      - name: Deploy
         id: deployment
+        uses: actions/deploy-pages@v4

app/src/routes/+layout.ts

@@ -1,22 +1,22 @@
-export const prerender = false;
+export const prerender = true
-export const ssr = false;
+export const ssr = false
 
 const registerFetchIntercept = async () => {
-  const { fetch: originalFetch } = window;
+  const { fetch: originalFetch } = window
-  const fileService = (await import('$lib/services/file-service')).default;
+  const fileService = (await import('$lib/services/file-service')).default
   window.fetch = async (resource, config) => {
-    let url = resource instanceof Request ? resource.url : resource.toString();
+    const url = resource instanceof Request ? resource.url : resource.toString()
-    let file = await fileService?.getFile(url);
+    const file = await fileService?.getFile(url)
-    return file?.isOk() ? new Response(file.inner) : originalFetch(resource, config);
+    return file?.isOk() ? new Response(file.inner) : originalFetch(resource, config)
-  };
+  }
-};
+}
 
 export const load = async () => {
-  await registerFetchIntercept();
+  await registerFetchIntercept()
   return {
     title: 'Spot micro controller',
     github: 'runeharlyk/SpotMicroESP32-Leika',
     app_name: 'Spot Micro Controller',
-    copyright: '2025 Rune Harlyk',
+    copyright: '2025 Rune Harlyk'
-  };
+  }
-};
+}

app/svelte.config.js

@@ -1,10 +1,10 @@
 import adapter from '@sveltejs/adapter-static'
 import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
 
+const basePath = process.env.BASE_PATH ?? ''
+
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
-  // Consult https://kit.svelte.dev/docs/integrations#preprocessors
-  // for more information about preprocessors
   preprocess: vitePreprocess(),
 
   kit: {
@@ -14,7 +14,10 @@ const config = {
       fallback: 'index.html',
       precompress: false,
       strict: true
-    })
+    }),
+    paths: {
+      base: basePath
+    }
   }
 }
 

app/vite.config.ts

@@ -1,27 +1,30 @@
-import { sveltekit } from '@sveltejs/kit/vite';
+import { sveltekit } from '@sveltejs/kit/vite'
-import { defineConfig } from 'vite';
+import { defineConfig } from 'vite'
-import Icons from 'unplugin-icons/vite';
+import Icons from 'unplugin-icons/vite'
-import viteLittleFS from './vite-plugin-littlefs';
+import viteLittleFS from './vite-plugin-littlefs'
-import EnvCaster from '@niku/vite-env-caster';
+import EnvCaster from '@niku/vite-env-caster'
-import tailwindcss from '@tailwindcss/vite';
+import tailwindcss from '@tailwindcss/vite'
+
+const basePath = process.env.BASE_PATH ?? ''
 
 export default defineConfig({
+  base: basePath,
   plugins: [
     tailwindcss(),
     sveltekit(),
     Icons({
-      compiler: 'svelte',
+      compiler: 'svelte'
     }),
     viteLittleFS(),
-    EnvCaster(),
+    EnvCaster()
   ],
   server: {
     proxy: {
       '/api': {
         target: 'http://spot-micro.local/',
         changeOrigin: true,
-        ws: true,
+        ws: true
-      },
+      }
-    },
+    }
-  },
+  }
-});
+})