fix: service-worker.js and qwik-prefetch-service-worker.js unregistering (#7781)

* fix: service-worker.js and qwik-prefetch-service-worker.js unregistering

* chore: changeset

Author: maiieul

.changeset/early-eels-listen.md

@@ -0,0 +1,6 @@
+---
+'@builder.io/qwik': patch
+'@builder.io/qwik-city': patch
+---
+
+PATCH: Keeping the service worker components now properly unregisters them.

packages/qwik-city/src/runtime/src/sw-register.ts

@@ -2,7 +2,14 @@
 
 (() => {
   if ('serviceWorker' in navigator) {
-    navigator.serviceWorker.register('__url').catch((e) => console.error(e));
+    navigator.serviceWorker.getRegistrations().then((regs) => {
+      for (const reg of regs) {
+        const url = '__url'.split('/').pop();
+        if (reg.active?.scriptURL.endsWith(url || 'service-worker.js')) {
+          reg.unregister().catch(console.error);
+        }
+      }
+    });
   } else {
     // eslint-disable-next-line no-console
     console.log('Service worker not supported in this browser.');

packages/qwik/src/core/components/prefetch.ts

@@ -42,7 +42,7 @@ export const PrefetchServiceWorker = (opts: {
     // the file 'qwik-prefetch-service-worker.js' is not located in /build/
     resolvedOpts.path = baseUrl + resolvedOpts.path;
   }
-  let code = PREFETCH_CODE.replace("'_URL_'", JSON.stringify(resolvedOpts.path));
+  let code = PREFETCH_CODE.replace('"_URL_"', JSON.stringify(resolvedOpts.path.split('/').pop()));
   if (!isDev) {
     // consecutive spaces are indentation
     code = code.replaceAll(/\s\s+/gm, '');