updata

public/service-worker.js

@@ -1,33 +1,35 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 
+const CACHE_NAME = "pwa-cache-v2";
+
 // نصب Service Worker
 self.addEventListener("install", (event) => {
   console.log("Service Worker installing...");
 
   event.waitUntil(
-    caches.open("pwa-cache-v1").then((cache) => {
+    caches.open(CACHE_NAME).then((cache) => {
       return cache.addAll([
         "/",
         "/manifest.json",
         "/images/icons/256x256.png",
-        "/images/icons/512x512.png"
+        "/images/icons/512x512.png",
       ]);
     })
   );
+  self.skipWaiting();
 });
 
 // فعال‌سازی Service Worker
 self.addEventListener("activate", (event) => {
   console.log("Service Worker activated.");
-  // پاک کردن cacheهای قدیمی
   event.waitUntil(
     caches.keys().then((keys) =>
       Promise.all(
         keys
-          .filter((key) => key !== "pwa-cache-v1")
+          .filter((key) => key !== CACHE_NAME)
           .map((key) => caches.delete(key))
       )
-    )
+    ).then(() => self.clients.claim())
   );
 });
 
@@ -35,7 +37,23 @@ self.addEventListener("activate", (event) => {
 self.addEventListener("fetch", (event) => {
   const url = new URL(event.request.url);
 
-  // فقط برای فایل‌های استاتیک از cache استفاده کن
+  // آیکون‌ها: network-first تا تغییرات فوری اعمال شوند
+  if (url.pathname.startsWith("/images/icons/")) {
+    event.respondWith(
+      fetch(event.request)
+        .then((res) => {
+          if (res.ok) {
+            const clone = res.clone();
+            caches.open(CACHE_NAME).then((cache) => cache.put(event.request, clone));
+          }
+          return res;
+        })
+        .catch(() => caches.match(event.request))
+    );
+    return;
+  }
+
+  // سایر فایل‌های استاتیک: stale-while-revalidate
   if (
     url.pathname.startsWith("/images/") ||
     url.pathname.endsWith(".png") ||
@@ -46,17 +64,15 @@ self.addEventListener("fetch", (event) => {
     url.pathname.endsWith("manifest.json")
   ) {
     event.respondWith(
-      caches.match(event.request).then((response) => {
-        return (
-          response ||
-          fetch(event.request).then((res) => {
-            // فایل جدید رو هم ذخیره کن
-            return caches.open("pwa-cache-v1").then((cache) => {
-              cache.put(event.request, res.clone());
-              return res;
-            });
-          })
-        );
+      caches.match(event.request).then((cached) => {
+        const networkFetch = fetch(event.request).then((res) => {
+          if (res.ok) {
+            const clone = res.clone();
+            caches.open(CACHE_NAME).then((cache) => cache.put(event.request, clone));
+          }
+          return res;
+        });
+        return cached || networkFetch;
       })
     );
   }