taler-typescript-core

commit cffb8b76d96cd6321712824987abfdd6ba349cc5
parent c521c43720799c60919972c314dad564af8686ad
Author: Sebastian <sebasjm@taler-systems.com>
Date:   Mon,  1 Jun 2026 11:20:27 -0300

better description on compile error

Diffstat:
M
packages/web-util/src/live-reload.ts
 | 
19
+++++++++++++++++--

1 file changed, 17 insertions(+), 2 deletions(-)
diff --git a/packages/web-util/src/live-reload.ts b/packages/web-util/src/live-reload.ts
@@ -71,7 +71,16 @@ export async function poll() {
   }
 }
 
-function showErrorOnOverlay(data: unknown): void {
+function tryJson(d:string) {
+  try {
+    const j = JSON.parse(d)
+    return JSON.stringify(j, undefined, 2)
+  } catch(e) {
+    return d
+  }
+}
+type ErrorMsg = {path:string, error:unknown}
+function showErrorOnOverlay(data: ErrorMsg): void {
   const h1 = document.getElementById("overlay-text");
   if (h1) {
     h1.innerHTML = "compilation failed";
@@ -80,13 +89,19 @@ function showErrorOnOverlay(data: unknown): void {
   }
   const div = document.getElementById("overlay");
   if (div) {
-    const content = JSON.stringify(data, undefined, 2);
+    const content = typeof data.error === "string" ? tryJson(data.error) : JSON.stringify(data.error, undefined, 2);
+    const h1 = document.createElement("h1");
+    h1.textContent = data.path;
+    h1.style.marginBottom = "20px";
+    h1.style.maxWidth = "90%"
     const pre = document.createElement("pre");
     pre.id = "error-text";
     pre.style.margin = "";
+    pre.style.maxWidth = "90%"
     pre.textContent = content;
     div.style.backgroundColor = "rgba(0,0,0,0.8)";
     div.style.flexDirection = "column";
+    div.appendChild(h1);
     div.appendChild(pre);
   }
 }