💣 Removed service worker

Author: codewithkyle

public/index.html

@@ -11,24 +11,6 @@
         <script type="module">
             if (location.origin.indexOf("localhost") === -1 && "serviceWorker" in navigator) {
                 navigator.serviceWorker.register("/service-worker.js", { scope: "/" });
-                navigator.serviceWorker.addEventListener("message", (e) => {
-                    localStorage.setItem("version", e.data);
-                });
-                navigator.serviceWorker.ready.then(async (registration) => {
-                    try {
-                        await import("/service-worker-assets.js?t=" + Date.now());
-                        if (self.manifest.version !== localStorage.getItem("version")) {
-                            localStorage.removeItem("version");
-                        } else {
-                            delete self.manifest.assets;
-                        }
-                        registration.active.postMessage(self.manifest);
-                    } catch (e) {
-                        registration.active.postMessage({
-                            version: localStorage.getItem("version") || "init",
-                        });
-                    }
-                });
             }
         </script>
         <script>

public/service-worker.js

@@ -1,60 +1,21 @@
-self.addEventListener("install", (event) => event.waitUntil(onInstall(event)));
-self.addEventListener("activate", (event) => event.waitUntil(onActivate(event)));
-self.addEventListener("fetch", (event) => event.respondWith(onFetch(event)));
-
-let cacheNamePrefix = "resource-cache";
-let cacheName = "";
-
-// Cache files when the service worker is installed or updated
-async function onInstall(event) {
+self.addEventListener("install", function (e) {
     self.skipWaiting();
-    console.log("SW Installed");
-}
-
-// Cleanup old caches
-async function onActivate(event) {
-    console.log("SW Activated");
-}
-
-// Try to respond with cached files
-async function onFetch(event) {
-    if (event.request.url.indexOf(self.origin) === 0) {
-        const cache = await caches.open(cacheName);
-        const cachedResponse = await cache.match(event.request);
-        if (cachedResponse) {
-            return cachedResponse;
-        }
-    }
-    return fetch(event.request);
-}
+});
 
-self.addEventListener("message", async (event) => {
-    cacheName = `${cacheNamePrefix}-${event.data.version}`;
-    const cacheKeys = await caches.keys();
-    await Promise.all(cacheKeys.filter((key) => key.startsWith(cacheNamePrefix) && key !== cacheName).map((key) => caches.delete(key)));
-    if (event.data?.assets) {
-        const assetsRequests = event.data.assets.map((asset) => {
-            return new Request(asset, {
-                cache: "reload",
-            });
-        });
-        for (const request of assetsRequests) {
-            await caches
-                .open(cacheName)
-                .then((cache) => cache.add(request))
-                .catch((error) => {
-                    console.error("Failed to cache:", request, error);
-                });
-        }
-    }
-    self.clients
-        .matchAll({
-            includeUncontrolled: true,
-            type: "window",
+self.addEventListener("activate", (e) => {
+    caches.keys().then((cacheNames) => {
+        return Promise.all(
+            cacheNames.map((cacheName) => {
+                caches.delete(cacheName);
+            })
+        );
+    });
+    self.registration
+        .unregister()
+        .then(function () {
+            return self.clients.matchAll();
         })
-        .then((clients) => {
-            if (clients && clients.length) {
-                clients[0].postMessage(event.data.version);
-            }
+        .then(function (clients) {
+            clients.forEach((client) => client.navigate(client.url));
         });
 });