elk/service-worker/tauri-sw.ts
2023-01-20 16:25:28 +01:00

97 lines
2.9 KiB
TypeScript

/// <reference lib="WebWorker" />
/// <reference types="vite/client" />
import { clientsClaim } from 'workbox-core'
import { registerRoute } from 'workbox-routing'
import { CacheFirst, NetworkFirst, StaleWhileRevalidate } from 'workbox-strategies'
import { CacheableResponsePlugin } from 'workbox-cacheable-response'
import { ExpirationPlugin } from 'workbox-expiration'
import { onNotificationClick, onPush } from './web-push-notifications'
declare let self: ServiceWorkerGlobalScope
self.skipWaiting()
clientsClaim()
if (import.meta.env.DEV) {
// Avoid caching on dev: force always go to the server
registerRoute(
() => true,
new NetworkFirst({
cacheName: 'elk-dev',
plugins: [
new CacheableResponsePlugin({ statuses: [-1] }),
],
}),
)
}
if (import.meta.env.PROD) {
const denyList: RegExp[] = [/^\/api\//, /^\/login\//, /^\/oauth\//, /^\/signin\//, /^\/web-share-target\//]
const matchDenyList = (url: URL) => {
const pathnameAndSearch = url.pathname + url.search
for (const regExp of denyList) {
if (regExp.test(pathnameAndSearch))
return false
}
return true
}
// Cache page navigations (html) with a Network First strategy
registerRoute(
({ sameOrigin, request, url }) => {
return sameOrigin && request.mode === 'navigate' && matchDenyList(url)
},
new NetworkFirst({
cacheName: 'elk-pages',
plugins: [
new CacheableResponsePlugin({ statuses: [200] }),
],
}),
)
// Cache CSS, JS, and Web Worker requests with a Stale While Revalidate strategy
registerRoute(
({ sameOrigin, request }) =>
sameOrigin && (request.destination === 'style'
|| request.destination === 'manifest'
|| request.destination === 'script'
|| request.destination === 'worker'),
new StaleWhileRevalidate({
cacheName: 'elk-assets',
plugins: [
new CacheableResponsePlugin({ statuses: [200] }),
],
}),
)
// include shiki cache
registerRoute(
({ sameOrigin, url }) =>
sameOrigin && url.pathname.startsWith('/shiki/'),
new StaleWhileRevalidate({
cacheName: 'elk-shiki',
plugins: [
new CacheableResponsePlugin({ statuses: [200] }),
// 365 days max
new ExpirationPlugin({ maxAgeSeconds: 60 * 60 * 24 * 365 }),
],
}),
)
// Cache images with a Cache First strategy
registerRoute(
({ sameOrigin, request }) =>
sameOrigin && request.destination === 'image',
new CacheFirst({
cacheName: 'elk-images',
plugins: [
new CacheableResponsePlugin({ statuses: [200] }),
// 150 max, 30 days max: purge on quota error
new ExpirationPlugin({ purgeOnQuotaError: true, maxEntries: 150, maxAgeSeconds: 60 * 60 * 24 * 30 }),
],
}),
)
}
self.addEventListener('push', onPush)
self.addEventListener('notificationclick', onNotificationClick)