feat(dojobay): add DojoBay app (manifest, image, catalog, ports)

2026-09-11 02:11:42 +00:00
parent db52c06a72
commit 2d41b082d7
61 changed files with 13360 additions and 3 deletions
@@ -0,0 +1,75 @@
+// The Dojo Bay — service worker.
+// Strategy:
+//   * app shell (html, css, js, fonts, icons, content) is precached and served
+//     cache-first, so the installed PWA opens instantly and works offline;
+//   * live data (data/*.json) and the Markdown text (content/*.md) are fetched
+//     network-first so a connected client always sees the latest snapshot,
+//     falling back to cache when offline.
+// Bump CACHE when you ship new assets to retire the old cache.
+const CACHE = "dojobay-v2";
+
+const SHELL = [
+  "./",
+  "index.html",
+  "assets/css/styles.css",
+  "assets/js/app.js",
+  "assets/js/markdown.js",
+  "assets/js/qrcode.js",
+  "assets/fonts/archivo.woff2",
+  "assets/fonts/hanken-grotesk.woff2",
+  "assets/fonts/jetbrains-mono.woff2",
+  "favicon.svg",
+  "manifest.json",
+  "assets/icons/192x192.png",
+  "assets/icons/512x512.png",
+  "content/about.md",
+  "content/faq.md",
+  "content/disclaimer.md",
+];
+
+self.addEventListener("install", (e) => {
+  e.waitUntil(
+    caches.open(CACHE)
+      .then((c) => Promise.allSettled(SHELL.map((u) => c.add(u))))
+      .then(() => self.skipWaiting())
+  );
+});
+
+self.addEventListener("activate", (e) => {
+  e.waitUntil(
+    caches.keys()
+      .then((keys) => Promise.all(keys.filter((k) => k !== CACHE).map((k) => caches.delete(k))))
+      .then(() => self.clients.claim())
+  );
+});
+
+self.addEventListener("fetch", (e) => {
+  const req = e.request;
+  if (req.method !== "GET") return;
+  const url = new URL(req.url);
+  if (url.origin !== self.location.origin) return;       // ignore cross-origin
+
+  // Cache-first ONLY for large, rarely-changing static assets (fonts, icons,
+  // images). Everything else (HTML, JS, CSS, JSON data, Markdown) is
+  // network-first, so a deploy propagates on the next load and the cache is
+  // only an offline fallback. This avoids stale code surviving a deploy.
+  const cacheFirst = /\.(woff2|png|svg|ico)$/.test(url.pathname);
+
+  if (!cacheFirst) {
+    e.respondWith(
+      fetch(req)
+        .then((res) => { const copy = res.clone(); caches.open(CACHE).then((c) => c.put(req, copy)); return res; })
+        .catch(() => caches.match(req))
+    );
+  } else {
+    e.respondWith(
+      caches.match(req).then((hit) =>
+        hit || fetch(req).then((res) => {
+          const copy = res.clone();
+          caches.open(CACHE).then((c) => c.put(req, copy));
+          return res;
+        })
+      )
+    );
+  }
+});