better errors handling

Author: JerryI

modules/wljs-editor/dist/kernel.js

@@ -40047,10 +40047,12 @@ const uuidv4$4 = () => {
 const errBox$1 = (span, self, err) => {
   self.env = {global: {stack: {}}, element: span};
 
-  span.style.color = "rgb(255, 85, 85)";
+const errText = String(err);
+        span.style.color = "rgb(255, 85, 85)";
         span.style.background = "rgba(255, 179, 179, 0.2)";
         span.classList.add('px-2', 'py-1', 'rounded-md', 'text-xs');
-        span.innerText = 'Broken box'; 
+        span.innerText = errText.slice(0, Math.min(24, errText.length-1))+'...';
+        span.title = errText; 
         console.error(err);
 };
 
@@ -40338,11 +40340,12 @@ function semanticSnippet() {
       self.editor = {
           destroy: () => {},
           dispatch: () => {}
-        };
+        }; const errText = String(err);
         span.style.color = "rgb(255, 85, 85)";
         span.style.background = "rgba(255, 179, 179, 0.2)";
         span.classList.add('px-2', 'py-1', 'rounded-md', 'text-xs');
-        span.innerText = 'Broken box'; 
+        span.innerText = errText.slice(0, Math.min(24, errText.length-1))+'...';
+        span.title = errText; 
         console.error(err);
     };
 

modules/wljs-editor/dist/kernel.min.js

@@ -66,11 +66,12 @@ function semanticSnippet() {
       self.editor = {
           destroy: () => {},
           dispatch: () => {}
-        }
+        }; const errText = String(err);
         span.style.color = "rgb(255, 85, 85)";
         span.style.background = "rgba(255, 179, 179, 0.2)";
         span.classList.add('px-2', 'py-1', 'rounded-md', 'text-xs');
-        span.innerText = 'Broken box'; 
+        span.innerText = errText.slice(0, Math.min(24, errText.length-1))+'...';
+        span.title = errText; 
         console.error(err);
     }
 

modules/wljs-editor/libs/priceless-mathematica/src/boxes/boxbox.js

@@ -37,10 +37,12 @@ import {
 const errBox = (span, self, err) => {
   self.env = {global: {stack: {}}, element: span};
 
-  span.style.color = "rgb(255, 85, 85)";
+const errText = String(err);
+        span.style.color = "rgb(255, 85, 85)";
         span.style.background = "rgba(255, 179, 179, 0.2)";
         span.classList.add('px-2', 'py-1', 'rounded-md', 'text-xs');
-        span.innerText = 'Broken box'; 
+        span.innerText = errText.slice(0, Math.min(24, errText.length-1))+'...';
+        span.title = errText; 
         console.error(err);
 }
 

modules/wljs-editor/libs/priceless-mathematica/src/boxes/viewbox.js

@@ -533,4 +533,8 @@ class MarkdownCell {
 
   window.SupportedCells['latex'] = {
     view: LaTeXCell
-  };
+  };
+
+  window.SupportedCells['katex'] = {
+    view: LaTeXCell
+  };