service-worker update

README.md

@@ -1,2 +1,2 @@
 # Wattastisch
-Wattastisch ist ein digitaler Wattblock, der dir das Notieren von Punkteständen beim Watten erleichtert.
+Wattastisch ist ein digitaler Wattblock, der dir das Notieren von Punkteständen beim Watten erleichtert.

package.json

@@ -25,8 +25,7 @@
         "tslib": "2.6.2",
         "typescript": "5.4.5",
         "vite": "5.2.11",
-        "workbox-routing": "7.1.0",
-        "workbox-strategies": "7.1.0"
+        "workbox-precaching": "7.1.0"
     },
     "dependencies": {
         "@neodrag/svelte": "2.0.6",

src/service-worker.js

@@ -1,9 +1,20 @@
-import { registerRoute } from 'workbox-routing';
-import { NetworkFirst } from 'workbox-strategies';
+import { build, files, prerendered, version } from '$service-worker';
+import { precacheAndRoute } from 'workbox-precaching';
 
 self.__WB_DISABLE_DEV_LOGS = true;
 
-registerRoute(
-    ({ url }) => url,
-    new NetworkFirst()
-);
+const precacheList = [
+    ...build,
+    ...files,
+    ...prerendered,
+].map(s => ({
+    url: s,
+    revision: version,
+}));
+
+precacheAndRoute(precacheList);
+
+// Force the new service worker to take control immediately
+self.addEventListener('install', () => {
+    self.skipWaiting();
+});