/* Service Worker — caderno de estudos
   Estratégia: cache-first para assets estáticos, network-first para HTML
   Versão: 3 (com suporte a stale-while-revalidate) */
const CACHE = 'caderno-v3';
const STATIC = [
  '/',
  '/offline.html'
];

self.addEventListener('install', e => {
  e.waitUntil(
    caches.open(CACHE).then(c => c.addAll(STATIC)).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 url = new URL(e.request.url);

  // Ignora requisições externas (fontes Google, etc.)
  if (url.origin !== location.origin) return;

  if (e.request.mode === 'navigate') {
    // HTML: network-first, fallback para offline.html
    e.respondWith(
      fetch(e.request)
        .then(res => {
          const clone = res.clone();
          caches.open(CACHE).then(c => c.put(e.request, clone));
          return res;
        })
        .catch(() => caches.match(e.request).then(r => r || caches.match('/offline.html')))
    );
  } else {
    // Assets (CSS, JS, imagens): stale-while-revalidate
    e.respondWith(
      caches.match(e.request).then(cached => {
        // Se estiver em cache, retorna imediatamente e atualiza em background
        if (cached) {
          // Atualizar em background
          fetch(e.request).then(res => {
            if (res && res.status === 200) {
              const clone = res.clone();
              caches.open(CACHE).then(c => c.put(e.request, clone));
            }
          });
          return cached;
        }

        // Se não estiver em cache, busca da rede
        return fetch(e.request).then(res => {
          if (res && res.status === 200) {
            const clone = res.clone();
            caches.open(CACHE).then(c => c.put(e.request, clone));
          }
          return res;
        });
      })
    );
  }
});