automatically reload node and code when necessary

now Assemble experience is great

Author: lfagundes

solid_node/viewers/web/app/src/App.tsx

@@ -49,8 +49,11 @@ const App = () => {
     loadNode(path, context).then((node) => {
       setNode(node);
       setAnimator(Animator.getInstance(setTime));
-      setReloader(new Reloader(setError, () => {
-        node.reload();
+      setReloader(new Reloader(setError, async () => {
+        const newNode = await node.reload();
+	if (newNode !== undefined) {
+	  setNode(newNode);
+	}
       }));
     });
   }, []);

solid_node/viewers/web/app/src/node.ts

@@ -113,9 +113,22 @@ export abstract class Node {
     }
   }
 
-  async reload() {
+  async reload(): Promise<Node | undefined> {
     this.loadModel();
-    //const nodeData = await loadNodeData(this.path);
+    try {
+      const nodeData = await loadNodeData(this.path);
+      if (this.code != nodeData.code) {
+	this.code = nodeData.code;
+	this.newCode = this.code;
+      }
+      const scene = this.context.scene;
+      while(scene.children.length > 0) {
+	scene.remove(scene.children[0]);
+      }
+      return await loadNode(this.path, this.context);
+    } catch (e) {
+      return undefined;
+    }
   }
 
   loadModel() {