feat(pwa): service worker, offline page, web push notifications

PWA manifest, sw.js with offline cache. VAPID web-push via lib/push.ts. Push subscribe button (client). Push fired on recipe comment creation. VAPID keys configurable via admin site settings.
2026-07-01 08:11:05 +02:00
parent cba5d9c3ac
commit d6032edc00
6 changed files with 265 additions and 0 deletions
@@ -0,0 +1,44 @@
+const CACHE_NAME = "epicure-v1";
+const SHELL_ASSETS = ["/", "/recipes", "/offline"];
+
+self.addEventListener("install", event => {
+  event.waitUntil(caches.open(CACHE_NAME).then(cache => cache.addAll(SHELL_ASSETS)));
+  self.skipWaiting();
+});
+
+self.addEventListener("activate", event => {
+  event.waitUntil(
+    caches.keys().then(keys =>
+      Promise.all(keys.filter(k => k !== CACHE_NAME).map(k => caches.delete(k)))
+    )
+  );
+  self.clients.claim();
+});
+
+self.addEventListener("fetch", event => {
+  const { request } = event;
+  if (request.method !== "GET") return;
+  const url = new URL(request.url);
+  // Skip API routes
+  if (url.pathname.startsWith("/api/")) return;
+  // Cache-first for cook mode pages
+  if (url.pathname.includes("/cook")) {
+    event.respondWith(
+      caches.match(request).then(cached =>
+        cached ??
+        fetch(request).then(res => {
+          const clone = res.clone();
+          caches.open(CACHE_NAME).then(c => c.put(request, clone));
+          return res;
+        })
+      )
+    );
+    return;
+  }
+  // Network-first for other pages
+  event.respondWith(
+    fetch(request).catch(() =>
+      caches.match(request).then(cached => cached ?? caches.match("/offline"))
+    )
+  );
+});