ServiceWorker usied on jmperezperez.com, JMPerez's blog

sw.js

const CACHE_VERSION = 29;
let CURRENT_CACHE = 'main-v' + CACHE_VERSION;

const cacheFiles = [
  '/',
  '/about-me/',
  '/projects/',
  '/offline/'
];

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

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

const fromNetwork = (request, timeout) =>
  new Promise((fulfill, reject) => {
    var timeoutId = setTimeout(reject, timeout);
    fetch(request).then(response => {
      clearTimeout(timeoutId);
      fulfill(response);
      update(request);
    }, reject);
  })

const fromCache = request =>
  caches.open(CURRENT_CACHE).then(cache =>
    cache.match(request).then(matching =>
      matching || cache.match('/offline/')
    )
  );

const update = request =>
  caches.open(CURRENT_CACHE).then(cache =>
    fetch(request).then(response =>
      cache.put(request, response)
    )
  );

self.addEventListener('fetch', evt => {
  evt.respondWith(fromNetwork(evt.request, 10000).catch(
    () => fromCache(evt.request)
  ));
  evt.waitUntil(update(evt.request).catch(e => console.error(e)));
});