inkyboo/sw.js

const VERSION = '20221018';
const PRECACHE = 'precache-' + VERSION;
const MODES = 'modes-' + VERSION;

// A regexp to detect mode files
const MODE_REGEXP = /^js\/mode\//;

// A list of local resources we always want to be cached.
const PRECACHE_URLS = [
    '/',
    'script.js',
    'style.css',
    'favicon.ico',
    'js/lzma_worker.min.js',
    'js/lzma.min.js',
    'js/slimselect.min.js',
    'js/clipboard.min.js',
    'js/micromodal.min.js',
    'js/codemirror.min.js',
    'js/loadmode.min.js',
    'js/overlay.min.js',
    'js/multiplex.min.js',
    'js/simple.min.js',
    'js/simplescrollbars.js',
    'js/meta.min.js',
    'css/bootstrap-grid.min.css',
    'css/slimselect.min.css',
    'css/codemirror.min.css',
    'css/simplescrollbars.css',
    'css/dracula.min.css',
    'css/microtip.min.css',
    'fonts/JetBrainsMono-Regular.woff2',
    'fonts/roboto-v20.woff2',
];

// The install handler takes care of precaching the resources we always need.
self.addEventListener('install', (event) => {
    event.waitUntil(
        caches
            .open(PRECACHE)
            .then((cache) => cache.addAll(PRECACHE_URLS))
            .then(self.skipWaiting())
    );
});

// The activate handler takes care of cleaning up old caches.
self.addEventListener('activate', (event) => {
    const currentCaches = [PRECACHE, MODES];
    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())
    );
});

// The fetch handler serves responses from a cache.
// If no response is found, it populates the runtime cache with the response
// from the network before returning it to the page.
self.addEventListener('fetch', (event) => {
    if (!event.request.url.startsWith(self.location.origin)) {
        return;
    }
    event.respondWith(
        caches.match(event.request, { ignoreSearch: true }).then((cachedResponse) => {
            if (cachedResponse) {
                return cachedResponse;
            }

            if (!event.request.url.match(MODE_REGEXP)) {
                return fetch(event.request);
            }

            return caches.open(MODES).then((cache) => {
                return fetch(event.request).then((response) => {
                    // Put a copy of the response in the runtime cache.
                    return cache.put(event.request, response.clone()).then(() => {
                        return response;
                    });
                });
            });
        })
    );
});