Medium article - service worker code

service_worker.js

import * as routing from "workbox-routing";
import * as core from "workbox-core";
import * as strategies from "workbox-strategies";
import * as expiration from "workbox-cache-expiration";
import * as cacheableResponse from "workbox-cacheable-response";

self.addEventListener("sync", function (event) {
	console.log("Event from sw: ", event);
});
self.addEventListener("install", function () {
	console.log("Installed worker");
});
self.addEventListener("activate", function () {
	console.log("Simply Activated worker");
	if (self.clients && self.clients.claim) {
		self.clients.claim();
	}
});
core.setCacheNameDetails({
	prefix: "nightwalker",
	suffix: "v1",
	precache: "precache",
	runtime: "runtime",
	googleAnalytics: "ga"
});
routing.registerRoute(
	/(_next\/static\/(.*).js$)|(_next\/static\/(.*).css$)/,
	new strategies.NetworkFirst({
		networkTimeoutSeconds: 15,
		plugins: [
			new expiration.Plugin({
				maxEntries: 30,
				maxAgeSeconds: 30 * 24 * 60 * 60, // 30 Days
			}),
			new cacheableResponse.Plugin({
				statuses: [0, 200],
			})
		],
	})
);
routing.registerRoute(
	/(\/static\/images)|\.(?:png|gif|jpg|jpeg|svg)$/,
	new strategies.CacheFirst({
		plugins: [
			new expiration.Plugin({
				maxEntries: 30,
				maxAgeSeconds: 30 * 24 * 60 * 60, // 30 Days
			}),
			new cacheableResponse.Plugin({
				statuses: [0, 200],
			})
		],
	}),
);