sw.js

const cacheName = "PWA-v1.0.5",
      assets = [
        '/',
        '/index.html',
        '/contact.vcf',
        '/manifest.json',
        '/assets/js/script.js',
        '/assets/css/style.css',
        // Local images
        '/assets/icons/favicon.svg',
        '/assets/icons/android-chrome-144x144.png',
        // CDN images
        'https://ik.imagekit.io/sarahdionne/tr:w-30,fo-auto,f-webp/hero/full.jpg',
        // Externals
        'https://cdn.polyfill.io/v3/polyfill.min.js',
        'https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap'
      ];

self.addEventListener('install', evt => {
  evt.waitUntil(
    caches.open(cacheName).then(cache => {
      cache.addAll(assets);
    })
  );
});

self.addEventListener('activate', evt => {
  evt.waitUntil(
    caches.keys().then(keys => {
      return Promise.all(keys
        .filter(key => key !== cacheName)
        .map(key => caches.delete(key))
      );
    })
  );
});

self.addEventListener('fetch', evt => {
  if (evt.request.url.includes("?cc")) {
    caches.delete(cacheName);
  }
  // if (evt.request.url.match(/\.(?:webp|png|jpg|jpeg|svg)$/)) {}
  evt.respondWith(
    caches.match(evt.request).then(cacheRes => {
      return cacheRes || fetch(evt.request)
    })
  );
});