Kutt/server/offline/sw.js

// This is the "Offline copy of pages" service worker

// Install stage sets up the index page (home page) in the cache and opens a new cache
const { self } = window;

self.addEventListener('install', event => {
  const indexPage = new Request('index.html');
  event.waitUntil(
    fetch(indexPage).then(response =>
      caches.open('kutt-offline').then(cache => cache.put(indexPage, response))
    )
  );
});

// If any fetch fails, it will look for the request in the cache and serve it from there first
self.addEventListener('fetch', event => {
  const updateCache = request =>
    caches
      .open('kutt-offline')
      .then(cache => fetch(request).then(response => cache.put(request, response)));

  event.waitUntil(updateCache(event.request));

  event.respondWith(
    fetch(event.request).catch(() =>
      // Check to see if you have it in the cache
      // Return response
      // If not in the cache, then return error page
      caches.open('kutt-offline').then(cache =>
        cache.match(event.request).then(matching => {
          const report =
            !matching || matching.status === 404 ? Promise.reject(new Error('no-match')) : matching;
          return report;
        })
      )
    )
  );
});