feat(events): add onError

Author: AlexanderPrendota

src/executable-code/executable-fragment.js

@@ -242,7 +242,7 @@ export default class ExecutableFragment extends ExecutableCodeTemplate {
 
   execute() {
     const {
-      onOpenConsole, targetPlatform, waitingForOutput, compilerVersion, onRun,
+      onOpenConsole, targetPlatform, waitingForOutput, compilerVersion, onRun, onError,
       args, theme, hiddenDependencies, onTestPassed, onTestFailed, onCloseConsole, jsLibs, outputHeight, getJsCode
     } = this.state;
     if (waitingForOutput) {
@@ -270,6 +270,7 @@ export default class ExecutableFragment extends ExecutableCodeTemplate {
           } else {
             if (onCloseConsole) onCloseConsole();
           }
+          if ((state.errors.length > 0 || state.exception) && onError) onError();
           this.update(state);
         },
         () => this.update({waitingForOutput: false})
@@ -284,13 +285,14 @@ export default class ExecutableFragment extends ExecutableCodeTemplate {
           if (getJsCode) getJsCode(jsCode);
           let errors = state.errors.filter(error => error.severity === "ERROR");
           if (errors.length > 0) {
+            if (onError) onError();
             state.output = processErrors(errors);
             state.openConsole = true;
             state.exception = null;
             this.update(state);
           } else {
             this.jsExecutor.executeJsCode(jsCode, jsLibs, targetPlatform,
-              outputHeight, theme).then(output => {
+              outputHeight, theme, onError).then(output => {
               if (output) {
                 state.openConsole = true;
                 state.output = output;

src/index.js

@@ -18,6 +18,7 @@ polyfill();
  * @property {Function} onTestPassed
  * @property {Function} onTestFailed
  * @property {Function} onRun
+ * @property {Function} onError
  * @property {Function} onConsoleOpen
  * @property {Function} onConsoleClose
  * @property {Function} callBack

src/js-executor/index.js

@@ -12,28 +12,29 @@ export default class JsExecutor {
     this.kotlinVersion = kotlinVersion;
   }
 
-  async executeJsCode(jsCode, jsLibs, platform, outputHeight, theme) {
+  async executeJsCode(jsCode, jsLibs, platform, outputHeight, theme, onError) {
     if (platform === TargetPlatform.CANVAS) {
       this.iframe.style.display = "block";
       if (outputHeight) this.iframe.style.height = `${outputHeight}px`;
     }
-    return await this.execute(jsCode, jsLibs, theme);
+    return await this.execute(jsCode, jsLibs, theme, onError);
   }
 
-  async execute(jsCode, jsLibs, theme) {
+  async execute(jsCode, jsLibs, theme, onError) {
     const loadedScripts = (this.iframe.contentDocument || this.iframe.document).getElementsByTagName('script').length;
     // 2 scripts by default: INIT_SCRIPT + kotlin stdlib
     if (loadedScripts === jsLibs.size + 2) {
       try {
         const output = this.iframe.contentWindow.eval(jsCode);
         return output ? `<span class="standard-output ${theme}">${processingHtmlBrackets(output)}</span>` : "";
       } catch (e) {
+        if (onError) onError();
         let exceptionOutput = showJsException(e);
         return `<span class="error-output">${exceptionOutput}</span>`;
       }
     }
     await this.timeout(400);
-    return await this.execute(jsCode, jsLibs, theme);
+    return await this.execute(jsCode, jsLibs, theme, onError);
   }
 
   timeout(ms) {