dev_agent
21b2672d40
CI / ci (push) Successful in 1m31s
Co-authored-by: dev_agent <dev_agent@cubecraftlabs.com> Co-committed-by: dev_agent <dev_agent@cubecraftlabs.com>
98 lines
3.6 KiB
TypeScript
98 lines
3.6 KiB
TypeScript
// MealQuest service worker. vite-plugin-pwa replaces self.__WB_MANIFEST with
|
|
// the build's precache list (shell, JS, CSS and fonts, each with a revision).
|
|
// Every other request goes through the route src/sw/routes.ts decides.
|
|
// Fonts are precached too, but their route is registered ahead of the
|
|
// precache route, so a font fetch goes through the expiring CacheFirst
|
|
// strategy and falls back to the precached copy when the network fails.
|
|
|
|
import { cacheNames as workboxCacheNames, setCacheNameDetails } from 'workbox-core'
|
|
import type { RouteHandlerCallbackOptions } from 'workbox-core/types'
|
|
import { ExpirationPlugin } from 'workbox-expiration'
|
|
import { PrecacheFallbackPlugin, matchPrecache, precacheAndRoute } from 'workbox-precaching'
|
|
import { registerRoute } from 'workbox-routing'
|
|
import { CacheFirst, NetworkFirst, NetworkOnly, type Strategy } from 'workbox-strategies'
|
|
import {
|
|
cacheNames,
|
|
cacheVersion,
|
|
networkTimeoutSeconds,
|
|
routeFor,
|
|
staleCaches,
|
|
type Route,
|
|
} from './sw/routes'
|
|
|
|
declare const self: ServiceWorkerGlobalScope & {
|
|
__WB_MANIFEST: Array<{ url: string; revision: string | null }>
|
|
}
|
|
|
|
// The precache becomes mealquest-precache-v1.
|
|
setCacheNameDetails({ prefix: 'mealquest', precache: 'precache', suffix: cacheVersion })
|
|
|
|
const day = 24 * 60 * 60
|
|
|
|
const strategies = {
|
|
[cacheNames.api]: new NetworkFirst({ cacheName: cacheNames.api, networkTimeoutSeconds }),
|
|
[cacheNames.media]: new CacheFirst({
|
|
cacheName: cacheNames.media,
|
|
plugins: [
|
|
new ExpirationPlugin({ maxEntries: 200, maxAgeSeconds: 30 * day, purgeOnQuotaError: true }),
|
|
],
|
|
}),
|
|
[cacheNames.fonts]: new CacheFirst({
|
|
cacheName: cacheNames.fonts,
|
|
plugins: [
|
|
new ExpirationPlugin({ maxEntries: 20, maxAgeSeconds: 365 * day, purgeOnQuotaError: true }),
|
|
// Offline with no runtime copy yet: the font from the precache.
|
|
{ handlerDidError: async ({ request }) => matchPrecache(request.url) },
|
|
],
|
|
}),
|
|
}
|
|
const networkOnly = new NetworkOnly()
|
|
const navigation = new NetworkOnly({
|
|
plugins: [new PrecacheFallbackPlugin({ fallbackURL: 'index.html' })],
|
|
})
|
|
|
|
function strategyFor(route: Route): Strategy {
|
|
switch (route.strategy) {
|
|
case 'network-first':
|
|
case 'cache-first':
|
|
return strategies[route.cacheName]
|
|
case 'network-only':
|
|
return networkOnly
|
|
case 'navigation-fallback':
|
|
return navigation
|
|
}
|
|
}
|
|
|
|
function routeOf({ request, url }: { request: Request; url: URL }): Route {
|
|
return routeFor({ method: request.method, url, mode: request.mode }, self.location.origin)
|
|
}
|
|
|
|
function handle({ request, url, event }: RouteHandlerCallbackOptions): Promise<Response> {
|
|
return strategyFor(routeOf({ request, url })).handle({ request, event })
|
|
}
|
|
|
|
function isFont(options: { request: Request; url: URL }): boolean {
|
|
const route = routeOf(options)
|
|
return route.strategy === 'cache-first' && route.cacheName === cacheNames.fonts
|
|
}
|
|
|
|
// Workbox uses the first route that matches, so the font route comes before
|
|
// the precache route, which would otherwise answer every precached font.
|
|
registerRoute(isFont, handle, 'GET')
|
|
precacheAndRoute(self.__WB_MANIFEST)
|
|
|
|
// Workbox routes are per method; every method goes through routeFor, which
|
|
// sends every non-GET to the network only.
|
|
for (const method of ['GET', 'HEAD', 'POST', 'PUT', 'PATCH', 'DELETE'] as const) {
|
|
registerRoute(() => true, handle, method)
|
|
}
|
|
|
|
self.addEventListener('activate', (event) => {
|
|
const current = [workboxCacheNames.precache, ...Object.values(cacheNames)]
|
|
event.waitUntil(
|
|
caches
|
|
.keys()
|
|
.then((names) => Promise.all(staleCaches(names, current).map((name) => caches.delete(name)))),
|
|
)
|
|
})
|