feat: add page-copy service worker

thraizz · Jul 23, 2024 · 67d6d1f · 67d6d1f
1 parent 6680bab
commit 67d6d1f
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -54,6 +54,11 @@
   </head>
   <body class="h-full">
     <div id="root" />
+    <script>
+      if (typeof navigator.serviceWorker !== "undefined") {
+        navigator.serviceWorker.register("pwabuilder-sw.js");
+      }
+    </script>
     <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>
diff --git a/public/pwabuilder-sw.js b/public/pwabuilder-sw.js
@@ -0,0 +1,20 @@
+// This is the "Offline copy of pages" service worker
+
+const CACHE = "pwabuilder-offline";
+
+importScripts(
+  "https://storage.googleapis.com/workbox-cdn/releases/5.1.2/workbox-sw.js",
+);
+
+self.addEventListener("message", (event) => {
+  if (event.data && event.data.type === "SKIP_WAITING") {
+    self.skipWaiting();
+  }
+});
+
+workbox.routing.registerRoute(
+  new RegExp("/*"),
+  new workbox.strategies.StaleWhileRevalidate({
+    cacheName: CACHE,
+  }),
+);