initial commit

scripts/shell-cache.mjs

@@ -0,0 +1,31 @@
+import { createHash } from 'node:crypto';
+
+export function shellCachePlugin() {
+  return {
+    name: 'ridebus-offline-shell',
+    generateBundle(_options, bundle) {
+      const files = ['/', '/favicon.svg', '/manifest.webmanifest', ...Object.keys(bundle).map(file => '/' + file)];
+      const version = createHash('sha256').update(Object.keys(bundle).join('|')).digest('hex').slice(0, 12);
+      this.emitFile({ type: 'asset', fileName: 'sw.js', source: `
+const CACHE = 'ridebus-board-${version}';
+const FILES = ${JSON.stringify(files)};
+self.addEventListener('install', event => {
+  event.waitUntil(caches.open(CACHE).then(cache => cache.addAll(FILES)));
+});
+self.addEventListener('activate', event => {
+  event.waitUntil(caches.keys().then(keys => Promise.all(keys.filter(key => key.startsWith('ridebus-board-') && key !== CACHE).map(key => caches.delete(key)))).then(() => self.clients.claim()));
+});
+self.addEventListener('message', event => { if (event.data === 'ACTIVATE') self.skipWaiting(); });
+self.addEventListener('fetch', event => {
+  const url = new URL(event.request.url);
+  if (event.request.method !== 'GET' || url.origin !== self.location.origin || url.pathname.startsWith('/api/') || url.pathname === '/healthz') return;
+  if (event.request.mode === 'navigate') {
+    event.respondWith(fetch(event.request).catch(() => caches.open(CACHE).then(cache => cache.match('/'))));
+  } else if (FILES.includes(url.pathname)) {
+    event.respondWith(caches.open(CACHE).then(async cache => (await cache.match(url.pathname)) || fetch(event.request)));
+  }
+});
+` });
+    },
+  };
+}