mercuryworkshop-mirror/scramjet
1
0
Fork 0
mirror of https://github.com/MercuryWorkshop/scramjet.git synced 2025-05-14 06:50:01 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add commithash to error screen

Browse source
This commit is contained in:
Percs 2024-10-11 17:35:06 -05:00
parent 0da63dc296
commit 9ea9863ced
2 changed files with 24 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

9
rspack.config.js
View file

@ -3,6 +3,7 @@ import { rspack } from "@rspack/core";
import { RsdoctorRspackPlugin } from "@rsdoctor/rspack-plugin";
import { readFile } from "node:fs/promises";
import { execSync } from "node:child_process";
import { join } from "path";
import { fileURLToPath } from "url";
const __dirname = fileURLToPath(new URL(".", import.meta.url));
@ -66,6 +67,14 @@ export default defineConfig({
new rspack.DefinePlugin({
VERSION: JSON.stringify(packagemeta.version),
}),
new rspack.DefinePlugin({
COMMITHASH: JSON.stringify(
execSync("git rev-parse HEAD", { encoding: "utf-8" }).replace(
/\r?\n|\r/g,
""
)
),
}),
process.env.DEBUG === "true"
? new RsdoctorRspackPlugin({
supports: {

29
src/worker/error.ts
View file

@ -1,14 +1,15 @@
export function errorTemplate(trace: string, fetchedURL: string) {
// turn script into a data URI so we don"t have to escape any HTML values
const script = `
// turn script into a data URI so we don"t have to escape any HTML values
const script = `
errorTrace.value = ${JSON.stringify(trace)};
fetchedURL.textContent = ${JSON.stringify(fetchedURL)};
for (const node of document.querySelectorAll("#hostname")) node.textContent = ${JSON.stringify(location.hostname)};
reload.addEventListener("click", () => location.reload());
version.textContent = ${JSON.stringify(VERSION)};
build.textContent = ${JSON.stringify(COMMITHASH)};
`;
return `<!DOCTYPE html>
return `<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
@ -155,7 +156,7 @@ export function errorTemplate(trace: string, fetchedURL: string) {
<br>
<button id="reload" class="primary">Reload</button>
</div>
<p id="version-wrapper"><i>Scramjet v<span id="version"></span></i></p>
<p id="version-wrapper"><i>Scramjet v<span id="version"></span> (build <span id="build"></span>)</i></p>
<script>
CSS.paintWorklet.addModule(\`data:application/javascript;charset=utf8,${encodeURIComponent(`
const HTML_COLOR_SCALE = [
@ -229,15 +230,15 @@ export function errorTemplate(trace: string, fetchedURL: string) {
}
export function renderError(err: unknown, fetchedURL: string) {
const headers = {
"content-type": "text/html",
};
if (crossOriginIsolated) {
headers["Cross-Origin-Embedder-Policy"] = "require-corp";
}
const headers = {
"content-type": "text/html",
};
if (crossOriginIsolated) {
headers["Cross-Origin-Embedder-Policy"] = "require-corp";
}
return new Response(errorTemplate(String(err), fetchedURL), {
status: 500,
headers: headers,
});
return new Response(errorTemplate(String(err), fetchedURL), {
status: 500,
headers: headers,
});
}