sw.js

// App-shell cache. NETWORK-FIRST for the shell so new deploys land on next open;
// falls back to cache when offline. Bump CACHE to force a clean sweep.
const CACHE = 'protocol-tracker-v18';
const SHELL = [
  './',
  './index.html',
  './styles.css',
  './app.js',
  './manifest.webmanifest',
  './content/coimbra/catalog.json',
  './content/coimbra/timing.json',
  './content/coimbra/sources.json',
  './icons/icon-192.png',
  './icons/icon-512.png',
  './icons/apple-touch-icon-180.png',
];

self.addEventListener('install', (e) => {
  e.waitUntil(caches.open(CACHE).then((c) => c.addAll(SHELL)).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())
  );
});

const cachePut = (req, res) => { const copy = res.clone(); caches.open(CACHE).then((c) => c.put(req, copy)).catch(() => {}); return res; };

// ---- Web Push: show the generic reminder, and focus/open the app on tap. ----
self.addEventListener('push', (e) => {
  let d = { title: 'Protocol Tracker', body: 'Time for your next dose 🌿', tag: 'dose', url: './' };
  try { if (e.data) d = { ...d, ...e.data.json() }; } catch (_) {}
  e.waitUntil((async () => {
    await self.registration.showNotification(d.title, {
      body: d.body, tag: d.tag, renotify: true, silent: false, requireInteraction: true, vibrate: [200, 100, 200],
      icon: './icons/icon-192.png', badge: './icons/icon-192.png',
      data: { url: d.url || './' },
    });
    // Tell any open app window to play an audible ding — desktop web can't force a notification sound.
    const cs = await self.clients.matchAll({ type: 'window', includeUncontrolled: true });
    for (const c of cs) c.postMessage({ type: 'play-sound' });
  })());
});
self.addEventListener('notificationclick', (e) => {
  e.notification.close();
  const url = (e.notification.data && e.notification.data.url) || './';
  e.waitUntil(self.clients.matchAll({ type: 'window', includeUncontrolled: true }).then((cs) => {
    for (const c of cs) { if ('focus' in c) return c.focus(); }
    return self.clients.openWindow ? self.clients.openWindow(url) : undefined;
  }));
});

self.addEventListener('fetch', (e) => {
  if (e.request.method !== 'GET') return;
  const url = new URL(e.request.url);
  const isShell = e.request.mode === 'navigate' || /\.(html|js|css|json|webmanifest)$/.test(url.pathname);
  if (isShell) {
    // Network-first: always try the freshest app; cache is the offline fallback.
    e.respondWith(
      fetch(e.request).then((res) => cachePut(e.request, res))
        .catch(() => caches.match(e.request).then((hit) => hit || caches.match('./index.html')))
    );
  } else {
    // Cache-first for immutable static assets (icons).
    e.respondWith(caches.match(e.request).then((hit) => hit || fetch(e.request).then((res) => cachePut(e.request, res))));
  }
});