fix(pwa): BUG-005 chargement mobile via Cloudflare (SW network-first + no-cache)

frontend/js/sync.js

@@ -488,34 +488,48 @@ function _initAIStatus() {
 // PWA Service Worker Registration
 // ---------------------------------------------------------------------------
 function registerServiceWorker() {
-  if ("serviceWorker" in navigator) {
-    window.addEventListener("load", () => {
-      navigator.serviceWorker
-        .register("/sw.js")
-        .then((registration) => {
-          console.log("[PWA] Service Worker registered successfully:", registration.scope);
+  if (!("serviceWorker" in navigator)) return;
 
-          // Check for updates periodically
-          setInterval(() => {
-            registration.update();
-          }, 60000); // Check every minute
+  // Reload once when a new service worker takes control (guarded against
+  // loops). Only relevant when a worker was already controlling the page.
+  const hadController = !!navigator.serviceWorker.controller;
+  let refreshing = false;
+  navigator.serviceWorker.addEventListener("controllerchange", () => {
+    if (!hadController || refreshing) return;
+    refreshing = true;
+    window.location.reload();
+  });
 
-          // Handle service worker updates
-          registration.addEventListener("updatefound", () => {
-            const newWorker = registration.installing;
-            newWorker.addEventListener("statechange", () => {
-              if (newWorker.state === "installed" && navigator.serviceWorker.controller) {
-                // New service worker available
+  window.addEventListener("load", () => {
+    navigator.serviceWorker
+      .register("/sw.js")
+      .then((registration) => {
+        console.log("[PWA] Service Worker registered successfully:", registration.scope);
+
+        // Check for updates periodically.
+        setInterval(() => {
+          registration.update();
+        }, 60000); // Check every minute
+
+        // Handle service worker updates: activate the new worker immediately
+        // so the fresh (network-first) code is served on the next load.
+        registration.addEventListener("updatefound", () => {
+          const newWorker = registration.installing;
+          if (!newWorker) return;
+          newWorker.addEventListener("statechange", () => {
+            if (newWorker.state === "installed") {
+              if (navigator.serviceWorker.controller) {
+                newWorker.postMessage({ type: "SKIP_WAITING" });
                 showUpdateNotification();
               }
-            });
+            }
           });
-        })
-        .catch((error) => {
-          console.log("[PWA] Service Worker registration failed:", error);
         });
-    });
-  }
+      })
+      .catch((error) => {
+        console.log("[PWA] Service Worker registration failed:", error);
+      });
+  });
 }
 
 function showUpdateNotification() {