initial wasm commit

PackageSources/js-bundle/index.d.ts

@@ -1 +1,6 @@
 /// <reference types="@microsoft/msfs-types/js/common.d.ts" />
+/// <reference types="@microsoft/msfs-types/pages/vcockpit/instruments/shared/baseinstrument.d.ts" />
+/// <reference types="@microsoft/msfs-types/js/datastorage.d.ts" />
+/// <reference types="@microsoft/msfs-types/js/buttons.d.ts" />
+/// <reference types="@microsoft/msfs-types/js/services/toolbarpanels.d.ts" />
+/// <reference types="@microsoft/msfs-types/js/simvar.d.ts" />

PackageSources/js-bundle/package.json

@@ -58,14 +58,9 @@
     "typescript": "5.8.3"
   },
   "dependencies": {
-    "@emotion/react": "^11.11.1",
-    "@emotion/styled": "^11.11.0",
-    "@mui/icons-material": "^5.14.16",
-    "@mui/material": "^5.14.17",
-    "postcss-import": "^15.1.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "uuid": "^9.0.1"
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "uuid": "^11.1.0"
   },
   "packageManager": "pnpm@10.11.1+sha512.e519b9f7639869dc8d5c3c5dfef73b3f091094b0a006d7317353c72b124e80e1afd429732e28705ad6bfa1ee879c1fce46c128ccebd3192101f43dd67c667912"
 }

PackageSources/js-bundle/src/App.tsx

@@ -83,16 +83,23 @@ const App: FC<IAppProps> = ({ commBus }) => {
     setSBUsername(username);
     setIsReady(true);
   }, []);
+  const wasmCallback = useCallback((data: any) => {
+    console.log('WASM DATA', JSON.parse(data));
+  }, []);
   useEffect(() => {
     console.log('Initializing CommBus');
 
     commBus.on('receiveSimBriefUsername', usernameCallback);
+    commBus.on('khofmann_tfdi_md-11_load_manager_live_data', wasmCallback);
 
     setTimeout(() => {
       Coherent.call('COMM_BUS_WASM_CALLBACK', 'requestSimBriefUsername', 'null');
     }, 1000);
 
-    return () => commBus.off('receiveSimBriefUsername', usernameCallback);
+    return () => {
+      commBus.off('receiveSimBriefUsername', usernameCallback);
+      commBus.off('khofmann_tfdi_md-11_load_manager_live_data', wasmCallback);
+    };
   }, []);
 
   return (

PackageSources/js-bundle/src/index.html

@@ -32,9 +32,7 @@
         class="ingameUiFrame panelInvisible"
         content-fit="true"
       >
-        <virtual-scroll direction="y">
-          <div id="react" style="display: flex"></div>
-        </virtual-scroll>
+        <div id="react" style="display: flex"></div>
       </ingame-ui>
     </tfdidesign-md11-load-manager-panel>
     <script src="index.js" type="text/javascript"></script>

PackageSources/js-bundle/src/index.ts

@@ -16,6 +16,7 @@ class TFDiDesignMD11LoadManagerPanel extends TemplateElement {
 
     const container = document.getElementById('react');
     if (container) {
+      console.log('Starting React');
       const root = createRoot(container);
       root.render(createElement(App, { commBus: this.commBus }));
     }