2021-04-09 12:29:59 +02:00
|
|
|
import { DEBUG } from './config';
|
|
|
|
import { respondForProgressive } from './serviceWorker/progressive';
|
|
|
|
import { respondWithCache, clearAssetCache } from './serviceWorker/assetCache';
|
2021-04-29 12:09:45 +02:00
|
|
|
import { handlePush, handleNotificationClick } from './serviceWorker/pushNotification';
|
2021-04-09 12:29:59 +02:00
|
|
|
|
|
|
|
declare const self: ServiceWorkerGlobalScope;
|
|
|
|
|
|
|
|
const ASSET_CACHE_PATTERN = /[0-9a-f]{20}.*\.(js|css|woff2?|svg|png|jpg|json|wasm)$/;
|
|
|
|
|
|
|
|
self.addEventListener('install', (e) => {
|
|
|
|
if (DEBUG) {
|
|
|
|
// eslint-disable-next-line no-console
|
|
|
|
console.log('ServiceWorker installed');
|
|
|
|
}
|
|
|
|
|
|
|
|
// Activate worker immediately
|
|
|
|
e.waitUntil(self.skipWaiting());
|
|
|
|
});
|
|
|
|
|
|
|
|
self.addEventListener('activate', (e) => {
|
|
|
|
if (DEBUG) {
|
|
|
|
// eslint-disable-next-line no-console
|
|
|
|
console.log('ServiceWorker activated');
|
|
|
|
}
|
|
|
|
|
|
|
|
// Become available to all pages
|
|
|
|
e.waitUntil(clearAssetCache());
|
|
|
|
e.waitUntil(self.clients.claim());
|
|
|
|
});
|
|
|
|
|
|
|
|
// eslint-disable-next-line no-restricted-globals
|
|
|
|
self.addEventListener('fetch', (e: FetchEvent) => {
|
|
|
|
e.respondWith((() => {
|
|
|
|
const { url } = e.request;
|
|
|
|
|
|
|
|
if (url.includes('/progressive/')) {
|
|
|
|
return respondForProgressive(e);
|
|
|
|
}
|
|
|
|
|
2021-04-24 12:36:03 +02:00
|
|
|
if (url.startsWith('http') && url.match(ASSET_CACHE_PATTERN)) {
|
2021-04-09 12:29:59 +02:00
|
|
|
return respondWithCache(e);
|
|
|
|
}
|
|
|
|
|
|
|
|
return fetch(e.request);
|
|
|
|
})());
|
|
|
|
});
|
2021-04-26 14:47:10 +02:00
|
|
|
|
|
|
|
|
2021-04-29 12:09:45 +02:00
|
|
|
self.addEventListener('push', handlePush);
|
|
|
|
self.addEventListener('notificationclick', handleNotificationClick);
|