Generate pages list in sw.js

assets/sw-register.js

@@ -1,6 +1,7 @@
+{{ $swJS := resources.Get "sw.js" | resources.ExecuteAsTemplate "sw.js" . }}
 if (navigator.serviceWorker) {
   navigator.serviceWorker.register(
-    "{{ "/sw.js" | relURL }}", 
+    "{{ $swJS.RelPermalink }}", 
     { scope: "{{ "/" | relURL }}" }
   );
 }

assets/sw.js

@@ -1,11 +1,21 @@
+const cacheName = self.location.pathname
+const pages = [
+  {{ range .Site.AllPages -}}
+  "{{ .RelPermalink }}",
+  {{ end }}
+];
+
 self.addEventListener("install", function (event) {
   self.skipWaiting();
+
+  const precache = caches.open(cacheName).then((cache) => {
+    return cache.addAll(pages);
+  });
+  event.waitUntil(precache);
 });
 
 self.addEventListener("fetch", (event) => {
-  const cacheName = self.location.pathname
   const request = event.request;
-
   if (request.method !== "GET") {
     return;
   }