preliminarily, this should work

app/pages/PageEnigma/comps/ControlsTopButtons/ControlsTopButtons.tsx

@@ -9,7 +9,7 @@ export const ControlsTopButtons = () => {
 
   const handleButtonSave = () => {
     console.log(`SceneName is ${sceneName}`);
-    // editorEngine?.save();
+    editorEngine?.save();
   };
 
   const handleButtonCameraView = () => {
@@ -24,7 +24,7 @@ export const ControlsTopButtons = () => {
   };
   const handleButtonRender = () => {
     console.log("Saving GLB to server for reference");
-    editorEngine._upload_for_testing();
+    editorEngine?._upload_for_testing();
     //editorEngine?.togglePlayback();
   };
   const handleButtonPlay = () => {};

app/pages/PageEnigma/contexts/EngineProvider.tsx

@@ -1,13 +1,18 @@
-import { ReactNode, useEffect, useRef, useState } from "react";
-import { EngineContext } from "./EngineContext";
+import { ReactNode, useContext, useEffect, useState } from "react";
+
 import Editor from "~/pages/PageEnigma/js/editor";
 
+import { EngineContext } from "./EngineContext";
+import { AppUiContext } from "./AppUiContext";
+
+
 interface Props {
   children: ReactNode;
 }
 
 export const EngineProvider = ({ children }: Props) => {
   const [editor, setEditor] = useState<Editor | null>(null);
+  const [appUiState, dispatchAppUiState] = useContext(AppUiContext);
 
   useEffect(() => {
     //componentDidMount
@@ -19,7 +24,9 @@ export const EngineProvider = ({ children }: Props) => {
       );
     } else {
       const editor = new Editor();
-      editor.initialize();
+      editor.initialize({
+        dispatchAppUiState
+      });
       setEditor(editor);
     }
   }, []);

app/pages/PageEnigma/js/editor.js

@@ -22,6 +22,7 @@ import { LipSync } from "./lipsync.js";
 import { LipSyncEngine } from "./lip_sync_engine.ts";
 import { AnimationEngine } from "./animation_engine.ts";
 import { faL } from "@fortawesome/pro-solid-svg-icons";
+import { ACTION_TYPES } from "../reducer/types.js";
 
 if (typeof window !== "undefined") {
   import("ccapture.js")
@@ -117,7 +118,12 @@ class Editor {
   }
 
   // Initializes the main scene and ThreeJS essentials.
-  initialize() {
+  /*
+    config :{
+      appUiDispatcher: dispatch function to react app
+    }
+  */
+  initialize(config) {
     if (this.can_initailize == false) {
       return;
     }
@@ -164,6 +170,8 @@ class Editor {
 
     this.timeline.scene = this.activeScene;
 
+    // setup Callbacks to ReactLand
+    this.appUiDispatcher = config.appUiDispatcher;
     this._test_demo()
   }
 
@@ -377,6 +385,9 @@ class Editor {
     //this.audio_engine.playClip("m_f7jnwt3d1ddchatdk5vaqt0n4mb1hg");
     //console.log(this.selected);
 
+    this.appUiDispatcher({
+      type: ACTION_TYPES.SHOW_EDITOR_LOADER
+    });
     if (this.selected == null) {
       return;
     }