feat: enable auto-update for service worker

Author: x0sina

dashboard/src/sw-register.ts

@@ -1,17 +1,24 @@
-// Service Worker Registration - Simplified
 export function registerSW() {
   if ('serviceWorker' in navigator) {
-    // Get the base URL from Vite's environment
     const baseUrl = import.meta.env.BASE_URL || '/'
 
-    // Register service worker
     navigator.serviceWorker
       .register(`${baseUrl}sw.js`)
       .then(registration => {
-        // Registration successful
+        setInterval(() => {
+          registration.update()
+        }, 60 * 60 * 1000)
+
+        let refreshing = false
+        navigator.serviceWorker.addEventListener('controllerchange', () => {
+          if (!refreshing) {
+            refreshing = true
+            window.location.reload()
+          }
+        })
       })
       .catch(registrationError => {
-        // Registration failed
+        console.error('Service Worker registration failed:', registrationError)
       })
   }
 }

dashboard/vite.config.mts

@@ -74,11 +74,13 @@ export default defineConfig({
     svgr(),
     tsconfigPaths(),
     VitePWA({
-      registerType: 'prompt',
-      injectRegister: false, // Disable automatic registration
+      registerType: 'autoUpdate',
+      injectRegister: false,
       workbox: {
         navigateFallback: '/index.html',
         globPatterns: ['**/*.{js,css,html,ico,png,svg,woff2}'],
+        skipWaiting: true,
+        clientsClaim: true,
         runtimeCaching: [
           {
             urlPattern: /^https:\/\/fonts\.googleapis\.com\/.*/i,
@@ -87,13 +89,12 @@ export default defineConfig({
               cacheName: 'google-fonts-cache',
               expiration: {
                 maxEntries: 10,
-                maxAgeSeconds: 60 * 60 * 24 * 365, // 1 year
+                maxAgeSeconds: 60 * 60 * 24 * 365,
               },
             },
           },
         ],
       },
-      // Remove the manifest configuration entirely - we'll handle it dynamically
     }),
   ],
 })