JS needs its own addErrorMessage

Author: runestonetest

runestone/activecode/js/activecode.js

@@ -23,6 +23,12 @@ import "codemirror/mode/clike/clike.js";
 import "codemirror/mode/octave/octave.js";
 import "./../css/activecode.css";
 import "codemirror/lib/codemirror.css";
+import "./skulpt.min.js";
+import "./skulpt-stdlib.js";
+// Used by Skulpt.
+import embed from "vega-embed";
+// Adapt for use outside webpack -- see https://github.com/vega/vega-embed.
+window.vegaEmbed = embed;
 
 var isMouseDown = false;
 document.onmousedown = function () {

runestone/activecode/js/activecode_js.js

@@ -2,7 +2,7 @@ import { ActiveCode } from "./activecode.js";
 import "./skulpt.min.js";
 import "./skulpt-stdlib.js";
 // Used by Skulpt.
-import embed from 'vega-embed';
+import embed from "vega-embed";
 // Adapt for use outside webpack -- see https://github.com/vega/vega-embed.
 window.vegaEmbed = embed;
 
@@ -56,4 +56,22 @@ export default class JSActiveCode extends ActiveCode {
             this.errinfo = e;
         }
     }
+
+    addErrorMessage(err) {
+        // Add the error message
+        this.errLastRun = true;
+        var errHead = $("<h3>").html("Error");
+        this.eContainer = this.outerDiv.appendChild(
+            document.createElement("div")
+        );
+        this.eContainer.className = "error alert alert-danger";
+        this.eContainer.id = this.divid + "_errinfo";
+        this.eContainer.appendChild(errHead[0]);
+        var errText = this.eContainer.appendChild(
+            document.createElement("pre")
+        );
+        var errString = err.toString();
+        errText.innerHTML = errString;
+        console.log("Runtime Error: " + err.toString());
+    }
 }