sw-v1.js

'use strict';
const CACHE_STATIC = 'static-cache-v6';

function hndlEventInstall(evt) {
  /**
   * @returns {Promise<void>}
   */
  async function cacheStaticFiles() {
    const files = [
      './',
      './nanny.pwa.json',
      './icon.png',
      './index.html',
      './sw-v1.js',
    ];
    const cacheStat = await caches.open(CACHE_STATIC);
    await Promise.all(
      files.map(function (url) {
        return cacheStat.add(url).catch(function (reason) {
          console.log(`'${url}' failed: ${String(reason)}`);
        });
      })
    );
  }

  //  wait until all static files will be cached
  evt.waitUntil(cacheStaticFiles());
}

function hndlEventFetch(evt) {
  async function getFromCache() {
    // const cache = await self.caches.open(CACHE_STATIC);
    // const cachedResponse = await cache.match(evt.request);
    // if (cachedResponse) {
    //   return cachedResponse;
    // }
    // wait until resource will be fetched from server and stored in cache
    const resp = await fetch(evt.request);
    // await cache.put(evt.request, resp.clone());
    return resp;
  }

  evt.respondWith(getFromCache());
}

self.addEventListener('install', hndlEventInstall);
self.addEventListener('fetch', hndlEventFetch);