feat: unregister legacy scope sw

Author: elvinasv

src/app/hooks/useServiceWorkerRegistration/index.tsx

@@ -16,20 +16,33 @@ const useServiceWorkerRegistration = (service?: string) => {
       console.warn('ServiceWorker API exists but register() is not available.');
       return;
     }
-    const shouldInstallServiceWorker =
-      onClient() && 'serviceWorker' in navigator;
 
-    if (shouldInstallServiceWorker) {
-      // Scope option to ensure the service worker only controls pages under /{service}
-      const result = sw.register(`/${service}/sw.js`, {
-        scope: `/${service}`,
-      });
+    const cleanupLegacyRegistrations = async () => {
+      const registrations = await sw.getRegistrations();
+      const legacy = registrations.find(
+        reg => new URL(reg.scope).pathname === `/${service}/`,
+      );
 
-      Promise.resolve(result).catch(err => {
+      if (legacy) {
         // eslint-disable-next-line no-console
-        console.error('Service worker registration failed:', err);
+        console.log(
+          `📌 Cleaned up legacy service worker registration for /${service}/`,
+        );
+        await legacy.unregister();
+      }
+    };
+    const initializeServiceWorker = async () => {
+      await cleanupLegacyRegistrations();
+
+      return sw.register(`/${service}/sw.js`, {
+        scope: `/${service}`,
       });
-    }
+    };
+
+    initializeServiceWorker().catch(err => {
+      // eslint-disable-next-line no-console
+      console.error('Service worker initialization failed:', err);
+    });
   }, [service]);
 };