32 lines
1.5 KiB
JavaScript
32 lines
1.5 KiB
JavaScript
import { createHash } from 'node:crypto';
|
|
|
|
export function shellCachePlugin() {
|
|
return {
|
|
name: 'ridebus-offline-shell',
|
|
generateBundle(_options, bundle) {
|
|
const files = ['/', '/favicon.svg', '/manifest.webmanifest', ...Object.keys(bundle).map(file => '/' + file)];
|
|
const version = createHash('sha256').update(Object.keys(bundle).join('|')).digest('hex').slice(0, 12);
|
|
this.emitFile({ type: 'asset', fileName: 'sw.js', source: `
|
|
const CACHE = 'ridebus-board-${version}';
|
|
const FILES = ${JSON.stringify(files)};
|
|
self.addEventListener('install', event => {
|
|
event.waitUntil(caches.open(CACHE).then(cache => cache.addAll(FILES)));
|
|
});
|
|
self.addEventListener('activate', event => {
|
|
event.waitUntil(caches.keys().then(keys => Promise.all(keys.filter(key => key.startsWith('ridebus-board-') && key !== CACHE).map(key => caches.delete(key)))).then(() => self.clients.claim()));
|
|
});
|
|
self.addEventListener('message', event => { if (event.data === 'ACTIVATE') self.skipWaiting(); });
|
|
self.addEventListener('fetch', event => {
|
|
const url = new URL(event.request.url);
|
|
if (event.request.method !== 'GET' || url.origin !== self.location.origin || url.pathname.startsWith('/api/') || url.pathname === '/healthz') return;
|
|
if (event.request.mode === 'navigate') {
|
|
event.respondWith(fetch(event.request).catch(() => caches.open(CACHE).then(cache => cache.match('/'))));
|
|
} else if (FILES.includes(url.pathname)) {
|
|
event.respondWith(caches.open(CACHE).then(async cache => (await cache.match(url.pathname)) || fetch(event.request)));
|
|
}
|
|
});
|
|
` });
|
|
},
|
|
};
|
|
}
|