service-worker.js

---
layout: compress
permalink: /service-worker.js
---

const OFFLINE = 'runtime';
const PRECACHE = 'precache-v{{ site.time | date: "%Y%m%d%H%M" }}';
const RUNTIME = 'runtime';

const OFFLINE_URL = 'offline.html';
const PRECACHE_URLS = [
  'index.html',
  './',
  './?source=pwa',
  'assets/css/style.css',
  'assets/js/behavior.js'
];

self.addEventListener('install', event => {
  event.waitUntil((async () => {
    const offlineCache = await caches.open(OFFLINE);
    await offlineCache.add(new Request(OFFLINE_URL, {cache: 'reload'}));

    caches.open(PRECACHE)
      .then(cache => cache.addAll(PRECACHE_URLS))
      .then(self.skipWaiting());
  })());
});

self.addEventListener('activate', event => {
  const currentCaches = [PRECACHE, RUNTIME, OFFLINE];
  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)) {
    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;
            });
          });
        });
      })
    );
  }
});