sw.template.js

const CACHE_NAME = 'head_hurts_<%= version %>'
const CACHE_ASSETS = JSON.parse('<%- cache %>')

addEventListener('activate', (event) => {
  async function activate () {
    const cacheNames = await caches.keys()
    const deletePromises = cacheNames
      .filter((key) => key !== CACHE_NAME)
      .map((key) => caches.delete(key))

    await Promise.all(deletePromises)
  }

  event.waitUntil(activate())
})

addEventListener('install', (event) => {
  async function install () {
    const cache = await caches.open(CACHE_NAME)
    await cache.addAll(CACHE_ASSETS)
  }

  event.waitUntil(install())
})

addEventListener('fetch', (event) => {
  async function handleFetch () {
    const url = event.request.mode === 'navigate' ? '<%= env.BASE_URL %>' : event.request.url
    const cache = await caches.open(CACHE_NAME)
    const response = await cache.match(url)
    return response || fetch(event.request.url)
  }

  const apiUrls = ['<%= env.DATABASE_PROXY %>', 'api/']

  const ignoreCache = apiUrls.some((url) => event.request.url.includes(url))

  if (event.request.method !== 'GET' || ignoreCache) {
    return null
  }

  event.respondWith(handleFetch())
})

addEventListener('message', (event) => {
  if (event.data.action === 'skipWaiting') {
    self.skipWaiting()
  }
})