julienfroidefond/stripstream
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(PWA): icons

Browse Source
This commit is contained in:
Julien Froidefond
2025-02-13 14:21:40 +01:00
parent 7a79da017a
commit dc36ccaae0
16 changed files with 147 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

130
public/sw.js
View File

@@ -36,72 +36,72 @@ self.addEventListener("activate", (event) => {
self.addEventListener("fetch", (event) => {
// Pour les requêtes API, on utilise "Network First" avec un timeout
if (event.request.url.includes("/api/")) {
event.respondWith(
Promise.race([
fetch(event.request.clone())
.then((response) => {
// Ne mettre en cache que les réponses réussies
if (response.ok) {
const responseToCache = response.clone();
caches.open(CACHE_NAME).then((cache) => {
cache.put(event.request, responseToCache);
});
}
return response;
})
.catch(() => {
// En cas d'erreur réseau, essayer le cache
return caches.match(event.request).then((cachedResponse) => {
if (cachedResponse) {
return cachedResponse;
}
// Si pas de cache, renvoyer une erreur appropriée
return new Response(JSON.stringify({ error: "Hors ligne" }), {
status: 503,
headers: { "Content-Type": "application/json" },
});
});
}),
// Timeout après 5 secondes
new Promise((_, reject) => setTimeout(() => reject(new Error("Timeout")), 5000)).catch(
() => {
return caches.match(event.request).then((cachedResponse) => {
if (cachedResponse) {
return cachedResponse;
}
return new Response(JSON.stringify({ error: "Timeout" }), {
status: 504,
headers: { "Content-Type": "application/json" },
});
});
}
),
])
);
// event.respondWith(
// Promise.race([
// fetch(event.request.clone())
// .then((response) => {
// // Ne mettre en cache que les réponses réussies
// if (response.ok) {
// const responseToCache = response.clone();
// caches.open(CACHE_NAME).then((cache) => {
// cache.put(event.request, responseToCache);
// });
// }
// return response;
// })
// .catch(() => {
// // En cas d'erreur réseau, essayer le cache
// return caches.match(event.request).then((cachedResponse) => {
// if (cachedResponse) {
// return cachedResponse;
// }
// // Si pas de cache, renvoyer une erreur appropriée
// return new Response(JSON.stringify({ error: "Hors ligne" }), {
// status: 503,
// headers: { "Content-Type": "application/json" },
// });
// });
// }),
// // Timeout après 5 secondes
// new Promise((_, reject) => setTimeout(() => reject(new Error("Timeout")), 5000)).catch(
// () => {
// return caches.match(event.request).then((cachedResponse) => {
// if (cachedResponse) {
// return cachedResponse;
// }
// return new Response(JSON.stringify({ error: "Timeout" }), {
// status: 504,
// headers: { "Content-Type": "application/json" },
// });
// });
// }
// ),
// ])
// );
} else {
// Pour les autres ressources, on garde la stratégie "Cache First"
event.respondWith(
caches.match(event.request).then((cachedResponse) => {
if (cachedResponse) {
return cachedResponse;
}
return fetch(event.request)
.then((response) => {
// Mettre en cache la nouvelle réponse
const responseToCache = response.clone();
caches.open(CACHE_NAME).then((cache) => {
cache.put(event.request, responseToCache);
});
return response;
})
.catch(() => {
// Si la requête échoue et que c'est une page, renvoyer la page hors ligne
if (event.request.mode === "navigate") {
return caches.match(OFFLINE_PAGE);
}
return new Response("Hors ligne", { status: 503 });
});
})
);
// event.respondWith(
// caches.match(event.request).then((cachedResponse) => {
// if (cachedResponse) {
// return cachedResponse;
// }
// return fetch(event.request)
// .then((response) => {
// // Mettre en cache la nouvelle réponse
// const responseToCache = response.clone();
// caches.open(CACHE_NAME).then((cache) => {
// cache.put(event.request, responseToCache);
// });
// return response;
// })
// .catch(() => {
// // Si la requête échoue et que c'est une page, renvoyer la page hors ligne
// if (event.request.mode === "navigate") {
// return caches.match(OFFLINE_PAGE);
// }
// return new Response("Hors ligne", { status: 503 });
// });
// })
// );
}
});