fix syntax training webworker importer. but still have issues related…

… to pack loader

.gitignore

@@ -2,6 +2,7 @@
 build**/
 upstream**/
 **/dist/
+**/cmake-build**/
 
 # build cache files
 **/*.idx

demo-syntax-training/src/components/SyntaxTraining.tsx

@@ -4,8 +4,9 @@ import {CopyOutlined, PlayCircleFilled, UndoOutlined} from "@ant-design/icons";
 import { Editor, Monaco } from "@monaco-editor/react";
 import {editor} from "monaco-editor";
 const { Header, Content, Footer } = Layout;
+import * as Comlink from "comlink";
 
-import Emception from "./emception";
+import EmceptionWorker from "./emception.worker";
 
 const containerStyle: React.CSSProperties = {
     width: '100%',
@@ -35,10 +36,10 @@ const SyntaxTrainingPage: React.FC<SyntaxTrainingPageProps> = ({
 
     const [api, contextHolder] = notification.useNotification();
 
-    let emception: Emception;
+    let emception: any;
     async function loadEmception(): Promise<any> {
         showNotification("Loading emception...");
-        emception = new Emception();
+        emception = Comlink.wrap(new EmceptionWorker());
         await emception.init();
         showNotification("Emception loaded");
     }

demo-syntax-training/src/components/emception.ts → demo-syntax-training/src/components/emception.js

@@ -51,7 +51,7 @@ const preloads = [
 ];
 
 class Emception {
-    fileSystem: FileSystem = null;
+    fileSystem = null;
     tools = {};
 
     async init() {
@@ -83,7 +83,7 @@ class Emception {
 
         const processConfig = {
             FS: fileSystem.FS,
-            onrunprocess: (...args) => this._run_process(args),
+            onrunprocess: (...args) => this._run_process(...args),
         };
 
         const tools = {
@@ -103,10 +103,10 @@ class Emception {
         }
     }
 
-    onprocessstart = (str) => {console.log("onprocessstart", str)};
-    onprocessend = (str) => {console.log("onprocessend", str)};
-    onstdout = (str) => {console.log(str)};
-    onstderr = (str) => {console.error(str)};
+    onprocessstart = () => {};
+    onprocessend = () => {};
+    onstdout = () => {};
+    onstderr = () => {};
 
     run(...args) {
         if (this.fileSystem.exists("/emscripten/cache/cache.lock")) {
@@ -117,8 +117,8 @@ class Emception {
             `/emscripten/${args[0]}.py`,
             ...args.slice(1)
         ], {
-            print: (...args) => this.onstdout(args),
-            printErr: (...args) => this.onstderr(args),
+            print: (...args) => this.onstdout(...args),
+            printErr: (...args) => this.onstderr(...args),
             cwd: "/working",
             path: ["/emscripten"],
         });
@@ -131,7 +131,7 @@ class Emception {
         return result;
     }
 
-    _run_process_impl(argv, opts:any = {}) {
+    _run_process_impl(argv, opts = {}) {
         const emscripten_script = argv[0].match(/^((\/lazy)?\/emscripten\/.+?)(?:\.py)?$/)?.[1]
         if (emscripten_script && this.fileSystem.exists(`${emscripten_script}.py`)) {
             argv = [

demo-syntax-training/src/components/emception.worker.js

@@ -0,0 +1,6 @@
+import * as Comlink from "comlink";
+import Emception from "./emception.js";
+
+const emception = new Emception();
+globalThis.emception = emception;
+Comlink.expose(emception);