const CACHE = 'noted-v2';
const ASSETS = ['./', './index.html', './manifest.json', './fry.png'];

self.addEventListener('install', e => {
    e.waitUntil(caches.open(CACHE).then(c => c.addAll(ASSETS)));
    self.skipWaiting();
});

self.addEventListener('activate', e => {
    e.waitUntil(caches.keys().then(keys =>
        Promise.all(keys.filter(k => k !== CACHE).map(k => caches.delete(k)))
    ));
    self.clients.claim();
});

self.addEventListener('fetch', e => {
    if (e.request.url.includes('/api/')) return;
    e.respondWith(
        caches.match(e.request).then(cached => cached || fetch(e.request).then(res => {
            if (res.ok && e.request.method === 'GET') {
                caches.open(CACHE).then(c => c.put(e.request, res.clone()));
            }
            return res;
        }).catch(() => {
            if (e.request.mode === 'navigate') return caches.match('./index.html');
        }))
    );
});