noname/service-worker.js

/**
 * @type { import('typescript') }
 */
var ts;
importScripts('./game/typescript.js');
// @ts-ignore
if (typeof ts != 'undefined') {
	console.log(`ts loaded`);
} else {
	console.log(`ts undefined`);
}

console.log('serviceWorker version 2.2');

self.addEventListener("install", (event) => {
	// The promise that skipWaiting() returns can be safely ignored.
	// @ts-ignore
	self.skipWaiting();
});

self.addEventListener("activate", (event) => {
	// 当一个 service worker 被初始注册时，页面在下次加载之前不会使用它。 claim() 方法会立即控制这些页面
	// @ts-ignore
	event.waitUntil(clients.claim());
});

self.addEventListener('message', event => {
	console.log(event.data);
});

self.addEventListener('fetch', event => {
	// @ts-ignore
	const request = event.request;
	if (typeof request.url != 'string') return console.log(request);
	if (!['.ts', '.json'].some(ext => request.url.endsWith(ext))) return;
	if (request.url.endsWith('.d.ts')) return;
	if (request.url.endsWith('.json')) {
		// @ts-ignore
		if (!event.request.headers.get('origin')) return;
	}
	// 请求ts文件
	const res = fetch(request.url, {
		method: request.method,
		mode: "no-cors",
		headers: new Headers({
			"Content-Type": "text/plain"
		}),
	});
	// @ts-ignore
	event.respondWith(
		res.then(res => {
			if (res.status != 200) return res;
			console.log('正在编译', request.url);
			return res.text().then(text => {
				let js;
				if (request.url.endsWith('.json')) {
					js = `export default ${text}`;
				} else {
					js = ts.transpile(text, {
						module: ts.ModuleKind.ES2015,
						target: ts.ScriptTarget.ES2019,
						inlineSourceMap: true,
						resolveJsonModule: true,
						esModuleInterop: true,
					}, request.url);
				}
				const rep = new Response(new Blob([js], { type: "text/javascript" }), {
					status: 200,
					statusText: "OK",
					headers: new Headers({
						"Content-Type": "text/javascript"
					}),
				});
				return rep;
			})
		})
		.catch(e => {
			console.log(e);
			throw e;
		})
	);
});