MineXLauncher/public/service-worker.js

const cacheVersion = '1.5';
const cacheName = `minexlauncher-v${cacheVersion}`;

self.addEventListener('install', (event) => {
	event.waitUntil(
		caches.open(cacheName).then(async (cache) => {
			const response = await fetch('/cacheAssets.json');
			const cacheAssets = await response.json();
			const totalAssets = cacheAssets.length;
			let cachedAssets = 0;

			for (const asset of cacheAssets) {
				await cache.add(asset);
				const progress = `${++cachedAssets}/${totalAssets}`;

				const clients = await self.clients.matchAll();
				clients.forEach((client) => {
					client.postMessage({
						type: 'sw-install-progress',
						msg: progress,
					});
				});
			}
		})
	);
});

self.addEventListener('activate', (event) => {
	event.waitUntil(
		caches
			.keys()
			.then((keyList) => {
				return Promise.all(
					keyList.map((key) => {
						if (key !== cacheName) {
							return caches.delete(key);
						}
					})
				);
			})
			.then(() => {
				return self.clients.claim();
			})
			.then(() => {
				return self.clients.matchAll().then((clients) => {
					clients.forEach((client) => {
						client.postMessage({
							type: 'sw-activation-complete',
						});
					});
				});
			})
	);
});

self.addEventListener('fetch', (event) => {
	event.respondWith(
		caches.match(event.request).then((response) => {
			return response || fetch(event.request);
		})
	);
});