Merge pull request #441 from Decatur-Robotics/pwa

PWA

.gitignore

@@ -37,9 +37,8 @@ yarn-error.log*
 *.tsbuildinfo
 next-env.d.ts
 
-/public/sw.js
-/public/sw.js.map
-/public/workbox-*
-/public/fallback-*
+/certs/*.*
 
-/certs/*.*
+# PWA
+public/sw.js
+public/swe-worker*

components/Footer.tsx

@@ -26,11 +26,9 @@ export default function Footer() {
 					? `SW Status: ${registration.active?.state}`
 					: "Service worker not found",
 			);
-			console.log("Service worker registration: ", registration);
 			if (registration) {
 				registration.addEventListener("updatefound", () => {
 					setSwStatus("Service worker update found");
-					console.log("Service worker update found");
 					registration.installing?.addEventListener("statechange", () => {
 						console.log(
 							"Service worker state change: ",
@@ -41,14 +39,6 @@ export default function Footer() {
 
 				registration.active?.addEventListener("statechange", () => {
 					setSwStatus(`SW Status: ${registration.active?.state}`);
-					console.log(
-						"Service worker state change: ",
-						registration.active?.state,
-					);
-				});
-
-				registration.update().then(() => {
-					console.log("Service worker update initiated");
 				});
 			}
 		});

lib/sw.ts

@@ -0,0 +1,29 @@
+import { defaultCache } from "@serwist/next/worker";
+import type { PrecacheEntry, SerwistGlobalConfig } from "serwist";
+import { Serwist } from "serwist";
+
+declare global {
+	interface WorkerGlobalScope extends SerwistGlobalConfig {
+		__SW_MANIFEST: (PrecacheEntry | string)[];
+	}
+}
+
+declare const self: ServiceWorkerGlobalScope;
+
+const serwist = new Serwist({
+	precacheEntries: self.__SW_MANIFEST,
+	skipWaiting: true,
+	clientsClaim: true,
+	navigationPreload: true,
+	runtimeCaching: defaultCache,
+	fallbacks: {
+		entries: [
+			{
+				url: "/offline",
+				matcher: ({ request }) => request.mode === "navigate",
+			},
+		],
+	},
+});
+
+serwist.addEventListeners();

next.config.js → next.config.ts

@@ -1,4 +1,13 @@
-const packageConfig = require("./package.json");
+import packageConfig from "./package.json";
+import withSerwistInit from "@serwist/next";
+
+const withSerwist = withSerwistInit({
+	swSrc: "lib/sw.ts",
+	swDest: "public/sw.js",
+	additionalPrecacheEntries: [
+		{ url: "/offline", revision: new Date().toDateString() },
+	],
+});
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
@@ -23,4 +32,4 @@ const nextConfig = {
 	},
 };
 
-module.exports = nextConfig;
+module.exports = withSerwist(nextConfig);