center error

greggman · Dec 24, 2024 · 8d06f58 · 8d06f58
1 parent 64c7a8f
commit 8d06f58
Showing 1 changed file with 30 additions and 7 deletions.
diff --git a/lib/servez.js b/lib/servez.js
@@ -96,14 +96,37 @@ const noopLogger = {
   }),
 };
 
-function makeErrorHTML(msg) {
-  return `
-<style>
-:root {
-  color-scheme: light dark;
+function escapeStringForHTML(s) {
+  return s
+    .replaceAll('&', '&amp;')
+    .replaceAll('<', '&lt;')
+    .replaceAll('>', '&gt;');
 }
-</style>
-<pre>${msg}</pre>`;
+
+function makeErrorHTML(msg) {
+  return `\
+<!DOCTYPE html>
+<html>
+  <style>
+  :root {
+    color-scheme: light dark;
+  }
+  html, body, .msg {
+    height: 100%;
+    font-family: monospace;
+  }
+  .msg {
+    word-break: break-word;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  </style>
+  <body>
+    <div class="msg"><div>${escapeStringForHTML(msg)}</div></div>
+  </body>
+</html>
+`;
 }
 
 class Servez extends EventEmitter {