From bf1ff2db6320d8ad5909ea83a0c551f1c15ec9e7 Mon Sep 17 00:00:00 2001
From: Azgaar <azgaar.fmg@yandex.com>
Date: Sat, 27 Apr 2024 13:57:54 +0200
Subject: [PATCH] fix: serviceWorker - increase timeout

---
 sw.js | 46 ++++++++++++++++++++++++++++++----------------
 1 file changed, 30 insertions(+), 16 deletions(-)

diff --git a/sw.js b/sw.js
index 4e214e8e..0b59c217 100644
--- a/sw.js
+++ b/sw.js
@@ -5,19 +5,12 @@ const {CacheFirst, NetworkFirst} = workbox.strategies;
 const {CacheableResponsePlugin} = workbox.cacheableResponse;
 const {ExpirationPlugin} = workbox.expiration;
 
-const DAY = 24 * 60 * 60;
-
-const getPolitics = ({entries, days}) => {
-  return [
-    new CacheableResponsePlugin({statuses: [0, 200]}),
-    new ExpirationPlugin({maxEntries: entries, maxAgeSeconds: days * DAY})
-  ];
-};
+const DAY = 24 * 60 * 60; // in seconds
 
 registerRoute(
   ({request}) => request.mode === "navigate",
   new NetworkFirst({
-    networkTimeoutSeconds: 3,
+    networkTimeoutSeconds: 15,
     cacheName: "fmg-html",
     plugins: [new CacheableResponsePlugin({statuses: [0, 200]})]
   })
@@ -28,7 +21,10 @@ registerRoute(
     request.destination === "script" && !url.pathname.endsWith("min.js") && !url.pathname.includes("versioning.js"),
   new CacheFirst({
     cacheName: "fmg-scripts",
-    plugins: getPolitics({entries: 100, days: 30})
+    plugins: [
+      new CacheableResponsePlugin({statuses: [0, 200]}),
+      new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: 30 * DAY})
+    ]
   })
 );
 
@@ -36,7 +32,10 @@ registerRoute(
   ({request}) => request.destination === "style",
   new CacheFirst({
     cacheName: "fmg-stylesheets",
-    plugins: getPolitics({entries: 100, days: 30})
+    plugins: [
+      new CacheableResponsePlugin({statuses: [0, 200]}),
+      new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: 30 * DAY})
+    ]
   })
 );
 
@@ -44,7 +43,10 @@ registerRoute(
   ({request, url}) => request.destination === "script" && url.pathname.endsWith("min.js"),
   new CacheFirst({
     cacheName: "fmg-libs",
-    plugins: getPolitics({entries: 100, days: 30})
+    plugins: [
+      new CacheableResponsePlugin({statuses: [0, 200]}),
+      new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: 30 * DAY})
+    ]
   })
 );
 
@@ -52,7 +54,10 @@ registerRoute(
   new RegExp(".json$"),
   new CacheFirst({
     cacheName: "fmg-json",
-    plugins: getPolitics({entries: 100, days: 30})
+    plugins: [
+      new CacheableResponsePlugin({statuses: [0, 200]}),
+      new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: 30 * DAY})
+    ]
   })
 );
 
@@ -60,7 +65,10 @@ registerRoute(
   ({request}) => request.destination === "image",
   new CacheFirst({
     cacheName: "fmg-images",
-    plugins: getPolitics({entries: 1000, days: 30})
+    plugins: [
+      new CacheableResponsePlugin({statuses: [0, 200]}),
+      new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: 60 * DAY})
+    ]
   })
 );
 
@@ -68,7 +76,10 @@ registerRoute(
   new RegExp(".svg$"),
   new CacheFirst({
     cacheName: "fmg-charges",
-    plugins: getPolitics({entries: 1000, days: 30})
+    plugins: [
+      new CacheableResponsePlugin({statuses: [0, 200]}),
+      new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: 60 * DAY})
+    ]
   })
 );
 
@@ -76,6 +87,9 @@ registerRoute(
   ({request}) => request.destination === "font",
   new CacheFirst({
     cacheName: "fmg-fonts",
-    plugins: getPolitics({entries: 200, days: 30})
+    plugins: [
+      new CacheableResponsePlugin({statuses: [0, 200]}),
+      new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: 60 * DAY})
+    ]
   })
 );