service-worker.js

const PRECACHE = 'cache-v3';
const RUNTIME = 'runtime-1';

const PRECACHE_URLS = [
  'index.html',
  './',
  '/public/favicon.png',
  '/public/aeropress.json',
  '/public/moka.json',
  '/public/v_60.json',
  '/public/frenchPress.json',
  '/public/audio/end.wav',
  '/public/audio/stage.wav',
  '/public/audio/tick.wav',
  '/public/build/bundle.css',
  '/public/build/bundle.js',
  '/public/global.css'
];

self.addEventListener('install', event => {
  event.waitUntil(
    caches.open(PRECACHE)
      .then(cache => cache.addAll(PRECACHE_URLS))
      .then(self.skipWaiting())
  );
});

self.addEventListener('activate', event => {
  const currentCaches = [PRECACHE, RUNTIME];
  event.waitUntil(
    caches.keys().then(cacheNames => {
      return cacheNames.filter(cacheName => !currentCaches.includes(cacheName));
    }).then(cachesToDelete => {
      return Promise.all(cachesToDelete.map(cacheToDelete => {
        return caches.delete(cacheToDelete);
      }));
    }).then(() => self.clients.claim())
  );
});

self.addEventListener('fetch', event => {
  if (event.request.url.startsWith(self.location.origin) && self.location.hostname !== 'localhost') {
    event.respondWith(
      caches.match(event.request).then(cachedResponse => {
        if (cachedResponse) {
          return cachedResponse;
        }

        return caches.open(RUNTIME).then(cache => {
          return fetch(event.request).then(response => {
            return cache.put(event.request, response.clone()).then(() => {
              return response;
            });
          });
        });
      })
    );
  }
});