aggiornamenti vari...

src-pwa/custom-service-worker.js

@@ -291,26 +291,44 @@ if (workbox) {
 
       if (!response.ok) {
         console.warn('[SW] API Response Error:', response.status, response.statusText);
+
+        // Prova a recuperare una risposta dalla cache
+        const cache = await caches.open('api-cache');
+        const cachedResponse = await cache.match(request);
+        if (cachedResponse) {
+          return cachedResponse;
+        }
+
+        // Fallback a una risposta personalizzata
+        return new Response(JSON.stringify({
+          error: 'API error',
+          message: `❌ Invalid response from API: ${response.status} ${response.statusText}`,
+        }), {
+          status: response.status,
+          headers: { 'Content-Type': 'application/json' },
+        });
       }
 
       // Se la risposta è valida, restituiscila
-      if (response.ok) {
-        return response;
-      }
-
       return response;
     } catch (error) {
       console.error('[Service Worker] API request error ❌:', error);
 
+      // Prova a recuperare una risposta dalla cache
+      const cache = await caches.open('api-cache');
+      const cachedResponse = await cache.match(request);
+      if (cachedResponse) {
+        return cachedResponse;
+      }
+
       // Restituisci una risposta di errore personalizzata
       return new Response(JSON.stringify({
         error: 'Network error',
-        message: 'Unable to fetch from API: ' + error.message,
+        message: '❌ Unable to fetch from API: ' + error.message,
       }), {
         status: 503,
         headers: {
           'Content-Type': 'application/json',
-          'Access-Control-Allow-Origin': `https://${APP_DOMAIN}`,
         },
       });
     }
@@ -324,26 +342,27 @@ if (workbox) {
     const cachedResponse = await cache.match(request);
     if (cachedResponse) {
       // Restituisci la risposta in cache mentre aggiorni in background
-      event.waitUntil(fetchAndCache(request));
+      event.waitUntil(fetchAndCache(request).catch((error) => {
+        console.error('[SW] Background fetch and cache error ❌:', error);
+      }));
       return cachedResponse;
     }
 
     // Se non è in cache, fai la richiesta di rete
-    return await fetchAndCache(request);
-  }
-
-  // Funzione per fare la richiesta di rete e aggiornare la cache
-  async function fetchAndCache(request) {
-    const cache = await caches.open(CACHE_NAME);
     try {
-      const response = await fetch(request);
-      if (response.ok) {
-        cache.put(request, response.clone());
-      }
+      const response = await fetchAndCache(request);
       return response;
     } catch (error) {
-      console.error('[Service Worker] Fetch and cache error ❌:', error);
-      return new Response('Network error', { status: 503 });
+      console.error('[SW] Cache miss and network error ❌:', error);
+
+      // Restituisci una risposta di fallback personalizzata
+      return new Response(JSON.stringify({
+        error: 'Network error',
+        message: 'Unable to fetch resource from network or cache.',
+      }), {
+        status: 503,
+        headers: { 'Content-Type': 'application/json' },
+      });
     }
   }