cupcakearmy/blaze
1
0
Fork 0
mirror of https://github.com/cupcakearmy/blaze.git synced 2024-12-22 08:16:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve perf not blazed pages + Fix error page

Browse Source
This commit is contained in:
Danny Spina 2023-06-22 16:49:36 +02:00
parent eefda848a7
commit 60d814e55b
1 changed files with 23 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
index.ts
View File

@ -144,8 +144,18 @@ app.get("/blazed", async (req, res) => {
if (xhr.status !== 200) { if (xhr.status !== 200) {
console.error("XHR request failed:", xhr.status, xhr.statusText); console.error("XHR request failed:", xhr.status, xhr.statusText);
res.send(` res.send(
<div style="display: flex; align-items: center; flex-direction: column; justify-content: center; font-family: sans-serif; width: 100%; height: 100%"> minify(
`
<html>
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/x-icon" href="/favicon.svg" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Blaze - error</title>
</head>
<body>
<div style="text-align: center; display: flex; align-items: center; flex-direction: column; justify-content: center; font-family: sans-serif; width: 100%; height: 100%">
<h1>Blaze could not load the page :(</h1> <h1>Blaze could not load the page :(</h1>
<p>Reason: <code>${xhr.status} ${xhr.statusText}</code></p> <p>Reason: <code>${xhr.status} ${xhr.statusText}</code></p>
<br /> <br />
@ -157,7 +167,12 @@ app.get("/blazed", async (req, res) => {
<br /> <br />
<a href="#" role="button" onclick="history.back()">Go back</a> <a href="#" role="button" onclick="history.back()">Go back</a>
</div> </div>
`); </body>
</html>
`,
minifierOptions
)
);
return; return;
} }
@ -191,8 +206,9 @@ app.get("/blazed", async (req, res) => {
blazeDisclaimer.style.width = "100dvw"; blazeDisclaimer.style.width = "100dvw";
blazeDisclaimer.style.border = "1px solid red"; blazeDisclaimer.style.border = "1px solid red";
blazeDisclaimer.style.padding = "1rem"; blazeDisclaimer.style.padding = "1rem";
blazeDisclaimer.style.textAlign = "center";
blazeDisclaimer.innerHTML = ` blazeDisclaimer.innerHTML = `
<h2 style="text-align: center">BLAZE INFO</h2> <h2>BLAZE INFO</h2>
<p> <p>
The page you are seeing <strong>could not be correctly blazed</strong> due to these webpage characteristics. The page you are seeing <strong>could not be correctly blazed</strong> due to these webpage characteristics.
<strong>Blaze served anyway</strong> a lightweight version of the page. <strong>Blaze served anyway</strong> a lightweight version of the page.
@ -203,7 +219,9 @@ app.get("/blazed", async (req, res) => {
const referenceElement = document.body.firstChild; const referenceElement = document.body.firstChild;
document.body.insertBefore(blazeDisclaimer, referenceElement); document.body.insertBefore(blazeDisclaimer, referenceElement);
return res.send(document.toString()); const blazedPage = minify(document.toString(), minifierOptions);
return res.send(blazedPage);
} }
//TODO: find if there are more performant ways to remove images or evaluate if is the case to remove images //TODO: find if there are more performant ways to remove images or evaluate if is the case to remove images