versioning code

This commit is contained in:
Azgaar 2022-05-09 17:31:36 +03:00
parent f5683ab8d3
commit e95edef74f
4 changed files with 104 additions and 72 deletions

27
sw.js
View file

@ -1,26 +1,29 @@
importScripts("https://storage.googleapis.com/workbox-cdn/releases/6.2.0/workbox-sw.js");
const {Route, registerRoute} = workbox.routing;
const {CacheFirst, StaleWhileRevalidate} = workbox.strategies;
const {CacheFirst, NetworkFirst} = workbox.strategies;
const {CacheableResponsePlugin} = workbox.cacheableResponse;
const {ExpirationPlugin} = workbox.expiration;
const DAY = 24 * 60 * 60;
const THIRTY_DAYS = DAY * 30;
const getPolitics = ({entries, days}) => {
return [new CacheableResponsePlugin({statuses: [200]}), new ExpirationPlugin({maxEntries: entries, maxAgeSeconds: days * DAY})];
};
registerRoute(
({request, url}) => request.destination === "script" && !url.pathname.endsWith("min.js"),
new StaleWhileRevalidate({
({request, url}) => request.destination === "script" && !url.pathname.endsWith("min.js") && !url.pathname.includes("versioning.js"),
new CacheFirst({
cacheName: "fmg-scripts",
plugins: [new CacheableResponsePlugin({statuses: [200]}), new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: THIRTY_DAYS})]
plugins: getPolitics({entries: 100, days: 30})
})
);
registerRoute(
({request}) => request.destination === "style",
new StaleWhileRevalidate({
new CacheFirst({
cacheName: "fmg-stylesheets",
plugins: [new CacheableResponsePlugin({statuses: [200]}), new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: THIRTY_DAYS})]
plugins: getPolitics({entries: 100, days: 30})
})
);
@ -28,7 +31,7 @@ registerRoute(
({request, url}) => request.destination === "script" && url.pathname.endsWith("min.js"),
new CacheFirst({
cacheName: "fmg-libs",
plugins: [new CacheableResponsePlugin({statuses: [200]}), new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: THIRTY_DAYS})]
plugins: getPolitics({entries: 100, days: 30})
})
);
@ -36,7 +39,7 @@ registerRoute(
new RegExp(".json$"),
new CacheFirst({
cacheName: "fmg-json",
plugins: [new CacheableResponsePlugin({statuses: [200]}), new ExpirationPlugin({maxEntries: 100, maxAgeSeconds: THIRTY_DAYS})]
plugins: getPolitics({entries: 100, days: 30})
})
);
@ -44,7 +47,7 @@ registerRoute(
({request}) => request.destination === "image",
new CacheFirst({
cacheName: "fmg-images",
plugins: [new CacheableResponsePlugin({statuses: [200]}), new ExpirationPlugin({maxEntries: 1000, maxAgeSeconds: THIRTY_DAYS})]
plugins: getPolitics({entries: 1000, days: 30})
})
);
@ -52,7 +55,7 @@ registerRoute(
new RegExp(".svg$"),
new CacheFirst({
cacheName: "fmg-charges",
plugins: [new CacheableResponsePlugin({statuses: [200]}), new ExpirationPlugin({maxEntries: 1000, maxAgeSeconds: THIRTY_DAYS})]
plugins: getPolitics({entries: 1000, days: 30})
})
);
@ -60,6 +63,6 @@ registerRoute(
({request}) => request.destination === "font",
new CacheFirst({
cacheName: "fmg-fonts",
plugins: [new CacheableResponsePlugin({statuses: [200]}), new ExpirationPlugin({maxEntries: 200, maxAgeSeconds: THIRTY_DAYS})]
plugins: getPolitics({entries: 200, days: 30})
})
);