Mathis
bf22f65f91
- SW v3 : network-first sur index.html (plus de cache périmé) - Assets versionnés (hash) : cache-first - index.html : auto-update du SW + rechargement quand une nouvelle version prend le contrôle - Résout le 'Unable to open asset URL' (référence à un JS/CSS qui n'existe plus)
65 lines
1.8 KiB
JavaScript
65 lines
1.8 KiB
JavaScript
/**
|
|
* Service worker Météo Exam.
|
|
*
|
|
* Stratégie :
|
|
* - index.html : network-first (toujours la dernière version, pas de cache périmé).
|
|
* - Assets versionnés (hash dans le nom) : cache-first (jamais changés après build).
|
|
* - API / SSE : jamais caché.
|
|
*/
|
|
|
|
const CACHE_NAME = 'meteo-exam-v3'
|
|
|
|
self.addEventListener('install', () => {
|
|
self.skipWaiting()
|
|
})
|
|
|
|
self.addEventListener('activate', (event) => {
|
|
event.waitUntil(
|
|
caches.keys().then((keys) =>
|
|
Promise.all(keys.filter((k) => k !== CACHE_NAME).map((k) => caches.delete(k))),
|
|
),
|
|
)
|
|
self.clients.claim()
|
|
})
|
|
|
|
self.addEventListener('fetch', (event) => {
|
|
const { request } = event
|
|
const url = new URL(request.url)
|
|
|
|
// API et flux SSE : réseau uniquement.
|
|
if (url.pathname.startsWith('/api/') || url.pathname.startsWith('/stream')) return
|
|
|
|
// Seulement les requêtes same-origin.
|
|
if (url.origin !== self.location.origin) return
|
|
|
|
// index.html (et racine) : network-first pour éviter le cache périmé.
|
|
if (url.pathname === '/' || url.pathname === '/index.html') {
|
|
event.respondWith(
|
|
fetch(request)
|
|
.then((response) => {
|
|
const clone = response.clone()
|
|
caches.open(CACHE_NAME).then((cache) => cache.put(request, clone))
|
|
return response
|
|
})
|
|
.catch(() => caches.match(request)),
|
|
)
|
|
return
|
|
}
|
|
|
|
// Assets versionnés (hash dans le nom) : cache-first.
|
|
if (request.method === 'GET') {
|
|
event.respondWith(
|
|
caches.match(request).then(
|
|
(cached) =>
|
|
cached ??
|
|
fetch(request).then((response) => {
|
|
if (response.ok) {
|
|
const clone = response.clone()
|
|
caches.open(CACHE_NAME).then((cache) => cache.put(request, clone))
|
|
}
|
|
return response
|
|
}),
|
|
),
|
|
)
|
|
}
|
|
})
|