serviceworker.js

const cacheName = "v-1";
const staticAssets = [
    './index.html',
    './analytics.html',
    './about.html',
    './team.html',
    './css/materialize-min.css',
    './js/materialize-min.js',
    './main.js',
    './logo_1.png',
    './team/aayush.jpeg',
    './team/sanat.jpeg',
    './team/rohan.jpeg',
    './team/aman.jpeg',
    './team/ansh.jpeg',
    './team/prashant.jpeg',
    './team/vaibhav.jpeg'
];

self.addEventListener('install', async e=>{
    const cache = await caches.open(cacheName);
    await cache.addAll(staticAssets);
    return self.skipWaiting();
})

self.addEventListener('activate', e => {
    self.clients.claim();
})

self.addEventListener('fetch', async e => {
    const req = e.request;
    const url = new URL(req.url);

    if(url.origin == location.origin) {
        e.respondWith(cacheFirst(req));
    } else {
        e.respondWith(networkAndCache(req));
    }
});

async function cacheFirst(req) {
    const cache = await caches.open(cacheName);
    const cached = await cache.match(req);
    return cached || fetch(req);
}

async function networkAndCache(req) {
    const cache = await caches.open(cacheName);
    try {
        const fresh = await fetch(req);
        await cache.put(req, fresh.clone());
        return fresh;
    } catch (e) {
        const cached = await cache.match(req);
        return cached;
    }
}