feat: implémentation de la PWA avec service worker, manifest et installation

public/sw.js

@@ -0,0 +1,58 @@
+const CACHE_NAME = "stripstream-cache-v1";
+const OFFLINE_PAGE = "/offline.html";
+
+const STATIC_ASSETS = [
+  "/",
+  "/offline.html",
+  "/manifest.json",
+  "/favicon.svg",
+  "/images/icons/icon-192x192.png",
+  "/images/icons/icon-512x512.png",
+];
+
+// Installation du service worker
+self.addEventListener("install", (event) => {
+  event.waitUntil(
+    caches.open(CACHE_NAME).then((cache) => {
+      return cache.addAll(STATIC_ASSETS);
+    })
+  );
+  self.skipWaiting();
+});
+
+// Activation et nettoyage des anciens caches
+self.addEventListener("activate", (event) => {
+  event.waitUntil(
+    caches.keys().then((cacheNames) => {
+      return Promise.all(
+        cacheNames.filter((name) => name !== CACHE_NAME).map((name) => caches.delete(name))
+      );
+    })
+  );
+  self.clients.claim();
+});
+
+// Stratégie de cache : Network First avec fallback sur le cache
+self.addEventListener("fetch", (event) => {
+  // Ne pas intercepter les requêtes vers l'API
+  if (event.request.url.includes("/api/")) {
+    return;
+  }
+
+  event.respondWith(
+    fetch(event.request)
+      .then((response) => {
+        // Mettre en cache la nouvelle réponse
+        const responseClone = response.clone();
+        caches.open(CACHE_NAME).then((cache) => {
+          cache.put(event.request, responseClone);
+        });
+        return response;
+      })
+      .catch(async () => {
+        const cache = await caches.open(CACHE_NAME);
+        const cachedResponse = await cache.match(event.request);
+        return cachedResponse || cache.match(OFFLINE_PAGE);
+      })
+  );
+});