From b0c0f70e577c1f5ec737fab2e209bf708cee498b Mon Sep 17 00:00:00 2001 From: nonameShijian <2954700422@qq.com> Date: Thu, 1 Feb 2024 19:22:37 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=A7=A3=E6=9E=90ts=E6=96=87?= =?UTF-8?q?=E4=BB=B6=E9=80=BB=E8=BE=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 1 + game/game.js | 17 +++++++++++++- service-worker.js | 57 +++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 74 insertions(+), 1 deletion(-) create mode 100644 service-worker.js diff --git a/.gitignore b/.gitignore index 966499c9c..71a62c1a0 100644 --- a/.gitignore +++ b/.gitignore @@ -28,3 +28,4 @@ noname.ico package-lock.json package.json Thumbs.db +game/typescript.js diff --git a/game/game.js b/game/game.js index 11484dfec..bb2b6e40e 100644 --- a/game/game.js +++ b/game/game.js @@ -100,9 +100,24 @@ new Promise(resolve => { return module.require(moduleId); } catch { return module.require(path.join(window.__dirname, moduleId)); - } + } }; } + if (location.protocol.startsWith('http') && 'serviceWorker' in navigator) { + let scope = window.location.protocol + '//' + window.location.host + '/'; + navigator.serviceWorker.register(`${scope}service-worker.js`, { + updateViaCache: "all", + scope, + }).then(registration => { + navigator.serviceWorker.addEventListener('message', e => { + console.log(e); + }); + registration.update(); + // console.log(`set scope: ${scope}, service worker instance:`, registration); + }).catch(e => { + console.log('serviceWorker加载失败: ', e); + }); + } const script = document.createElement('script') script.type = "module"; script.src = `${assetURL}game/entry.js`; diff --git a/service-worker.js b/service-worker.js new file mode 100644 index 000000000..68ca420f4 --- /dev/null +++ b/service-worker.js @@ -0,0 +1,57 @@ +/** + * @type { import('typescript') } + */ +var ts; +importScripts('./game/typescript.js'); +// @ts-ignore +if (typeof ts != 'undefined') { + console.log(ts); +} else { + console.log(`ts undefined`); +} + +console.log('version 1'); + +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 (!request.url.endsWith('.ts') || request.url.endsWith('.d.ts')) 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; + } else { + console.log('正在编译', request.url); + return res.text().then(text => { + const js = ts.transpile(text, { module: ts.ModuleKind.ES2015 }); + 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; + }) + ); +}); \ No newline at end of file