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 différente selon le type de requête
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" },
              });
            });
          }
        ),
      ])
    );
  } 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 });
          });
      })
    );
  }
});