pay

public/service-worker.js

@@ -56,6 +56,17 @@ self.addEventListener("notificationclick", (event) => {
 
 const CACHE_NAME = "pwa-cache-v12";
 
+const MAX_CACHED_IMAGES = 200;
+
+async function trimCache(name, maxEntries) {
+  const cache = await caches.open(name);
+  const keys = await cache.keys();
+  const extra = keys.length - maxEntries;
+  if (extra > 0) {
+    await Promise.all(keys.slice(0, extra).map((key) => cache.delete(key)));
+  }
+}
+
 const PRECACHE_URLS = [
   "/",
   "/offline.html",
@@ -135,7 +146,8 @@ self.addEventListener("fetch", (event) => {
             const clone = res.clone();
             caches
               .open(CACHE_NAME)
-              .then((cache) => cache.put(event.request, clone));
+              .then((cache) => cache.put(event.request, clone))
+              .then(() => trimCache(CACHE_NAME, MAX_CACHED_IMAGES));
           }
           return res;
         });