fix: serviceWorker - increase timeout

This commit is contained in:
Azgaar 2024-04-27 13:57:54 +02:00
parent 40c3a38350
commit bf1ff2db63

46
sw.js
View file

@ -5,19 +5,12 @@ const {CacheFirst, NetworkFirst} = workbox.strategies;
const {CacheableResponsePlugin} = workbox.cacheableResponse; const {CacheableResponsePlugin} = workbox.cacheableResponse;
const {ExpirationPlugin} = workbox.expiration; const {ExpirationPlugin} = workbox.expiration;
const DAY = 24 * 60 * 60; const DAY = 24 * 60 * 60; // in seconds
const getPolitics = ({entries, days}) => {
return [
new CacheableResponsePlugin({statuses: [0, 200]}),
new ExpirationPlugin({maxEntries: entries, maxAgeSeconds: days * DAY})
];
};
registerRoute( registerRoute(
({request}) => request.mode === "navigate", ({request}) => request.mode === "navigate",
new NetworkFirst({ new NetworkFirst({
networkTimeoutSeconds: 3, networkTimeoutSeconds: 15,
cacheName: "fmg-html", cacheName: "fmg-html",
plugins: [new CacheableResponsePlugin({statuses: [0, 200]})] plugins: [new CacheableResponsePlugin({statuses: [0, 200]})]
}) })
@ -28,7 +21,10 @@ registerRoute(
request.destination === "script" && !url.pathname.endsWith("min.js") && !url.pathname.includes("versioning.js"), request.destination === "script" && !url.pathname.endsWith("min.js") && !url.pathname.includes("versioning.js"),
new CacheFirst({ new CacheFirst({
cacheName: "fmg-scripts", 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", ({request}) => request.destination === "style",
new CacheFirst({ new CacheFirst({
cacheName: "fmg-stylesheets", 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"), ({request, url}) => request.destination === "script" && url.pathname.endsWith("min.js"),
new CacheFirst({ new CacheFirst({
cacheName: "fmg-libs", 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 RegExp(".json$"),
new CacheFirst({ new CacheFirst({
cacheName: "fmg-json", 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", ({request}) => request.destination === "image",
new CacheFirst({ new CacheFirst({
cacheName: "fmg-images", 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 RegExp(".svg$"),
new CacheFirst({ new CacheFirst({
cacheName: "fmg-charges", 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", ({request}) => request.destination === "font",
new CacheFirst({ new CacheFirst({
cacheName: "fmg-fonts", cacheName: "fmg-fonts",
plugins: getPolitics({entries: 200, days: 30}) plugins: [
new CacheableResponsePlugin({statuses: [0, 200]}),
new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: 60 * DAY})
]
}) })
); );