Fix Blazor version mismatch error on deployment

Author: nickprotop

cloud/src/LrmCloud.Web/wwwroot/js/app.js

@@ -266,12 +266,21 @@ window.lrmServiceWorker = {
         }
     },
 
-    applyUpdate: function() {
+    applyUpdate: async function() {
+        // Clear all caches to ensure fresh load (prevents stale DLL issues)
+        try {
+            const cacheNames = await caches.keys();
+            await Promise.all(cacheNames.map(name => caches.delete(name)));
+            console.log('[SW] Caches cleared for update');
+        } catch (err) {
+            console.error('[SW] Failed to clear caches:', err);
+        }
+
         if (this.registration?.waiting) {
             this.registration.waiting.postMessage({ type: 'SKIP_WAITING' });
-            // Fallback reload in case controllerchange doesn't fire
-            setTimeout(() => window.location.reload(), 1000);
         }
+        // Reload after cache clear (controllerchange may also trigger reload)
+        window.location.reload();
     }
 };
 

cloud/src/LrmCloud.Web/wwwroot/service-worker.js

@@ -102,12 +102,29 @@ self.addEventListener('fetch', (event) => {
         return;
     }
 
+    // For Blazor framework files - NETWORK FIRST (critical for version consistency)
+    // Blazor uses integrity hashes; serving stale DLLs causes hash mismatch errors
+    if (url.pathname.includes('/_framework/')) {
+        event.respondWith(
+            fetch(request)
+                .then((response) => {
+                    if (response.ok) {
+                        const responseClone = response.clone();
+                        caches.open(CACHE_NAME)
+                            .then((cache) => cache.put(request, responseClone));
+                    }
+                    return response;
+                })
+                .catch(() => caches.match(request))  // Fallback to cache only if offline
+        );
+        return;
+    }
+
     // For static assets, try cache first, then network
     if (
         url.pathname.includes('/css/') ||
         url.pathname.includes('/js/') ||
         url.pathname.includes('/_content/') ||
-        url.pathname.includes('/_framework/') ||
         url.pathname.endsWith('.png') ||
         url.pathname.endsWith('.ico') ||
         url.pathname.endsWith('.json') ||