From f3345ad9f89944b2c1fc22733fffcd647b24e7b1 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Tue, 17 Sep 2024 17:35:01 +0800
Subject: [PATCH] Fixes for SW caching

---
 public/sw.js | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/public/sw.js b/public/sw.js
index 9ab25518..0456a5b7 100644
--- a/public/sw.js
+++ b/public/sw.js
@@ -16,13 +16,17 @@ const assetsRoute = new Route(
   ({ request, sameOrigin }) => {
     const isAsset =
       request.destination === 'style' || request.destination === 'script';
-    const hasHash = /-[0-9a-f]{4,}\./i.test(request.url);
+    const hasHash = /-[0-9a-z-]{4,}\./i.test(request.url);
     return sameOrigin && isAsset && hasHash;
   },
   new NetworkFirst({
     cacheName: 'assets',
     networkTimeoutSeconds: 5,
     plugins: [
+      new ExpirationPlugin({
+        maxEntries: 30,
+        purgeOnQuotaError: true,
+      }),
       new CacheableResponsePlugin({
         statuses: [0, 200],
       }),
@@ -44,7 +48,7 @@ const imageRoute = new Route(
     cacheName: 'remote-images',
     plugins: [
       new ExpirationPlugin({
-        maxEntries: 50,
+        maxEntries: 30,
         purgeOnQuotaError: true,
       }),
       new CacheableResponsePlugin({
@@ -86,7 +90,7 @@ const apiExtendedRoute = new RegExpRoute(
     cacheName: 'api-extended',
     plugins: [
       new ExpirationPlugin({
-        maxAgeSeconds: 24 * 60 * 60, // 1 day
+        maxAgeSeconds: 12 * 60 * 60, // 12 hours
         purgeOnQuotaError: true,
       }),
       new CacheableResponsePlugin({
@@ -128,6 +132,7 @@ const apiRoute = new RegExpRoute(
     networkTimeoutSeconds: 5,
     plugins: [
       new ExpirationPlugin({
+        maxEntries: 30,
         maxAgeSeconds: 5 * 60, // 5 minutes
         purgeOnQuotaError: true,
       }),