PADDashFormation/service-worker.js

const CACHES = new Map([
	['program', 'program-cache-v1'],
	['data', 'data-cache-v1'],
	['document', 'document-cache-v1'],
	['font', 'font-cache-v1'],
	['cards_ja', 'card_ja-cache-v1'],
	['cards_en', 'card_en-cache-v1'],
	['cards_ko', 'card_ko-cache-v1'],
	['voice_ja', 'voice_ja-cache-v1'],
	['voice_en', 'voice_en-cache-v1'],
	['voice_ko', 'voice_ko-cache-v1'],
]);

self.addEventListener('install', function(event) {
	console.debug("Service Worker install");
	const preCache = () => {
		return Promise.all([
			cache.open(CACHES.get("font")).then(function(cache) {
				return cache.addAll([
					'fonts/fa-solid-900.woff2',
					'fonts/FOT-KurokaneStd-EB.woff2',
					'fonts/zpix.woff2',
				]);
			}),
			cache.open(CACHES.get("library")).then(function(cache) {
				return cache.addAll([
					'library/html2canvas.min.js',
					'library/zxing.umd.min.js',
					'library/jy4340132-aaa/adpcm.js',
					'library/jy4340132-aaa/adpcm.wasm',
					'library/jy4340132-aaa/pcm_player.js',
					'library/jy4340132-aaa/std.js',
				]);
			}),
		]);
	};
	event.waitUntil(preCache());
});

self.addEventListener('activate', function(event) {
	console.debug("Service Worker activate");
	var cacheNames = new Set(CACHES.values());
	event.waitUntil(
		caches.keys().then(function(keyList) { //所有的现存的缓存列表
			return Promise.all(keyList.map(function(key) {
				console.debug("删除缓存", key);
				if (!cacheNames.has(key)) { //如果不在当前的缓存列表里就删除
					return caches.delete(key);
				}
			}));
		})
	);
});

self.addEventListener('fetch', function(event) {
	const url = new URL(event.request.url);
	const path = url.pathname;
	const fileUrl = url.origin + path;
	if (/\.json$/i.test(path)) { //json数据优先通过网络获取
		event.respondWith(
			fetch(event.request).then(async function(response) {
				console.debug("缓存数据", url);
				const cache = await caches.open(CACHES.get("data"));
				cache.put(fileUrl, response.clone());
				return response;
			}).catch((err)=>
				caches.match(fileUrl).then(resp=>resp)
			)
		);
	} else { //其他的优先使用缓存
		event.respondWith(
			caches.match(fileUrl).then(function(resp) {
				if (resp) console.debug("找到缓存", fileUrl);
				return resp || fetch(event.request).then(async function(response) {
					//console.debug("正则测试",/images\/cards\w+\/CARDS_\d+\.PNG/i.test(event.request.url));
					if (/\.(html|js|css|wasm)$/i.test(path) ||
						/\/images\/[\w\-]+\.(png|svg)/i.test(path)) { //缓存程序
						console.debug("缓存程序", url);
						const cache = await caches.open(CACHES.get("program"));
						cache.put(fileUrl, response.clone());
					} else if (/\/doc\//i.test(path)) { //缓存文档
						console.debug("缓存文档", url);
						const cache = await caches.open(CACHES.get("document"));
						cache.put(fileUrl, response.clone());
					} else if (/\.woff2$/i.test(path)) { //缓存字体
						console.debug("缓存字体", url);
						const cache = await caches.open(CACHES.get("font"));
						cache.put(fileUrl, response.clone());
					} else if (/images\/cards_\w+\/CARDS_\d+\.PNG/i.test(path)) { //缓存卡片图
						let regRes = /cards_(ja|en|ko)/i.exec(path);
						let langCode = regRes[1];
						console.debug("缓存Cards-" + langCode, url);
						const cache = await caches.open(CACHES.get("cards_" + langCode));
						cache.put(fileUrl, response.clone());
					} else if (/sound\/voice\/\w+\/padv\d+.wav/i.test(path)) { //缓存音效
						let regRes = /\/(ja|en|ko)\//i.exec(path);
						let langCode = regRes[1];
						console.debug("缓存Voice-" + langCode, url);
						const cache = await caches.open(CACHES.get("voice_" + langCode));
						cache.put(fileUrl, response.clone());
					}
					return response;
				});
			})
		);
	}
});