Merge pull request #212 from bocoup/service-worker-caching

Service worker caching, skeletal "offline mode"

astro.config.mjs

@@ -3,6 +3,7 @@ import preact from "@astrojs/preact";
 import mdx from "@astrojs/mdx";
 import compress from "astro-compress";
 import tailwind from "@astrojs/tailwind";
+import serviceWorker from "astrojs-service-worker";
 
 // Allow skipping compression step for faster test build times
 // DO NOT SKIP COMPRESSION FOR DEPLOYMENT!
@@ -23,6 +24,27 @@ export default defineConfig({
     mdx(),
     tailwind(),
     shouldSkipCompress ? null : compress(),
+    serviceWorker({
+      workbox: {
+        globPatterns: [
+          "**/*.{css,js,jpg,json,png,svg,ico,woff,woff2}", // Cache all assets accept HTML
+        ],
+        clientsClaim: true,
+        runtimeCaching: [
+          {
+            urlPattern: ({ url }) => url.pathname.endsWith(".html"), // Caches HTML pages
+            handler: "CacheFirst", // Tries the cache first, then falls back to network if offline
+            options: {
+              cacheName: "html-pages-cache",
+              expiration: {
+                maxEntries: 50, // Limits the number of HTML pages cached
+                maxAgeSeconds: 24 * 60 * 60 * 7, // Cache for 1 week
+              },
+            },
+          },
+        ],
+      },
+    }),
   ],
   trailingSlash: "ignore",
   build: {