feat(pwa): ✨ handle new fetch strategies

src/serviceworker/mod.ts

@@ -136,31 +136,24 @@ async function fetchHandler(event: FetchEvent) {
 		updatePreCache()
 
 		// TODO handle search params
-		const ac = new AbortController()
+		return FetchStrategy.cacheFirst(preCache, event, { ignoreSearch: true })
-
-		const preCachedNoSearch = preCache
-			.match(event.request, { ignoreSearch: true })
-			.then((response) => {
-				if (response) {
-					ac.abort()
-					return response
-				}
-				throw new Error(`no cache available for pre-cached-url "${url}"`)
-			})
-
-		return Promise.any([
-			FetchStrategy.fastestAndCacheRefresh(preCache, event, ac),
-			preCachedNoSearch,
-		])
 	}
 
-	// Fastest and cache refresh
+	// Allow offline API results
-	if (url.origin === location.origin && method === 'GET') {
+	if (url.pathname.startsWith('/api/')) {
-		const cache = await getDynCache()
+		const cache = await getCache('$sw.api-cache.version')
-		FetchStrategy.fastestAndCacheRefresh(cache, event)
+		return FetchStrategy.networkFirst(cache, event)
 	}
 
-async function getCache(name: string, lifeTime = 1 * 24 * 3_600 * 1000): Promise<Cache> {
+	// Cache first else fetch and cache refresh
+	const cache = await getCache('$sw.dyn-cache.version')
+	return FetchStrategy.cacheFirst(cache, event)
+}
+
+async function getCache(
+	name: string,
+	lifeTime = 1 * 24 * 3_600 * 1000,
+): Promise<Cache> {
 	const now = Date.now()
 	const version = await swStorage.getItem<number>(name)