krata/assets/js/pwa/sw.js

---
layout: compress
permalink: '/sw.js'
# PWA service worker
---

self.importScripts('{{ "/assets/js/data/swcache.js" | relative_url }}');

const cacheName = 'chirpy-{{ "now" | date: "%Y%m%d.%H%M%S" }}';

function verifyDomain(url) {
    for (const domain of allowedDomains) {
        const regex = RegExp(`^http(s)?:\/\/${domain}\/`);
        if (regex.test(url)) {
            return true;
        }
    }

    return false;
}

function isExcluded(url) {
    for (const item of denyUrls) {
        if (url === item) {
            return true;
        }
    }
    return false;
}

self.addEventListener('install', event => {
    event.waitUntil(
        caches.open(cacheName).then(cache => {
            return cache.addAll(resource);
        })
    );
});

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

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

self.addEventListener('fetch', event => {
    event.respondWith(
        caches.match(event.request).then(response => {
            if (response) {
                return response;
            }

            return fetch(event.request).then(response => {
                const url = event.request.url;

                if (event.request.method !== 'GET' ||
                    !verifyDomain(url) ||
                    isExcluded(url)) {
                    return response;
                }

                /*
                  see: <https://developers.google.com/web/fundamentals/primers/service-workers#cache_and_return_requests>
                */
                let responseToCache = response.clone();

                caches.open(cacheName).then(cache => {
                    /* console.log('[sw] Caching new resource: ' + event.request.url); */
                    cache.put(event.request, responseToCache);
                });

                return response;
            });
        })
    );
});