From 74603cba653e4b9692a172ef6d128ef4d32093b1 Mon Sep 17 00:00:00 2001
From: Michael Mainguy <mike.mainguy@gmail.com>
Date: Mon, 5 Feb 2024 11:15:27 -0600
Subject: [PATCH] split out react UI

---
 index.html    | 1 +
 src/vrApp.ts  | 5 +----
 src/webApp.ts | 5 +++++
 3 files changed, 7 insertions(+), 4 deletions(-)
 create mode 100644 src/webApp.ts

diff --git a/index.html b/index.html
index 7ce33cb..5552e35 100644
--- a/index.html
+++ b/index.html
@@ -198,6 +198,7 @@
 <div class="webApp" id="webApp">
 
 </div>
+<script src="/src/webApp.ts" type="module"></script>
 <script src="/src/vrApp.ts" type="module"></script>
 
 
diff --git a/src/vrApp.ts b/src/vrApp.ts
index 538c486..c0f1edb 100644
--- a/src/vrApp.ts
+++ b/src/vrApp.ts
@@ -1,5 +1,3 @@
-import {createRoot} from 'react-dom/client';
-import WebApp from './react/webApp';
 import {Engine, FreeCamera, Scene, Vector3} from "@babylonjs/core";
 import '@babylonjs/loaders';
 import {DiagramManager} from "./diagram/diagramManager";
@@ -25,8 +23,7 @@ export class VrApp {
     private logger: Logger = log.getLogger('App');
 
     constructor() {
-        const root = createRoot(document.getElementById('webApp'));
-        root.render(WebApp());
+
         log.setDefaultLevel('warn');
         log.getLogger('App').setLevel('debug');
         log.getLogger('DiagramManager').setLevel('debug');
diff --git a/src/webApp.ts b/src/webApp.ts
new file mode 100644
index 0000000..72af8a5
--- /dev/null
+++ b/src/webApp.ts
@@ -0,0 +1,5 @@
+import {createRoot} from "react-dom/client";
+import WebApp from "./react/webApp";
+
+const root = createRoot(document.getElementById('webApp'));
+root.render(WebApp());
\ No newline at end of file