feat(dashboard): improve service worker registration and base URL handling

Author: x0sina

dashboard/src/sw-register.ts

@@ -1,6 +1,18 @@
+const ensureBase = (value?: string) => {
+  if (!value) {
+    return '/dashboard/'
+  }
+
+  if (!value.startsWith('/')) {
+    value = `/${value}`
+  }
+
+  return value.endsWith('/') ? value : `${value}/`
+}
+
 export function registerSW() {
   if ('serviceWorker' in navigator) {
-    const baseUrl = import.meta.env.BASE_URL || '/'
+    const baseUrl = ensureBase(import.meta.env.BASE_URL)
 
     navigator.serviceWorker
       .register(`${baseUrl}sw.js`)
@@ -24,4 +36,4 @@ export function registerSW() {
         console.error('Service Worker registration failed:', registrationError)
       })
   }
-}
+}

dashboard/vite.config.mts

@@ -7,8 +7,22 @@ import tsconfigPaths from 'vite-tsconfig-paths'
 import path from 'path'
 import { VitePWA } from 'vite-plugin-pwa'
 
+const ensureBase = (value?: string) => {
+  if (!value) {
+    return '/dashboard/'
+  }
+
+  if (!value.startsWith('/')) {
+    value = `/${value}`
+  }
+
+  return value.endsWith('/') ? value : `${value}/`
+}
+
+const base = ensureBase(process.env.BASE_URL)
+
 export default defineConfig({
-  base: process.env.BASE_URL,
+  base,
   clearScreen: false,
   server: {
     host: true,
@@ -77,7 +91,7 @@ export default defineConfig({
       registerType: 'autoUpdate',
       injectRegister: false,
       workbox: {
-        navigateFallback: '/index.html',
+        navigateFallback: `${base}offline.html`,
         globPatterns: ['**/*.{js,css,html,ico,png,svg,woff2}'],
         skipWaiting: true,
         clientsClaim: true,
@@ -97,4 +111,4 @@ export default defineConfig({
       },
     }),
   ],
-})
+})