Update app.py

app.py

@@ -499,12 +499,14 @@ with gr.Blocks(css=css) as demo:
                 evt.initEvent(\"click\", true, false);
                 document.getElementById(\"reset_cam\").dispatchEvent(evt);
               } 
+              try {
               if (!BABYLON.Engine.LastCreatedScene.activeCamera.metadata.gizmoManager) {
-                BABYLON.Engine.LastCreatedScene.activeCamera.metadata.gizmoManager = new BABYLON.GizmoManager(BABYLON.Engine.LastCreatedScene, 8);
-                BABYLON.Engine.LastCreatedScene.activeCamera.metadata.gizmo_on = 0;
-                BABYLON.Engine.LastCreatedScene.activeCamera.metadata.mesh_on = 0;
+                var metadata = BABYLON.Engine.LastCreatedScene.activeCamera.metadata;
+                metadata.gizmoManager = new BABYLON.GizmoManager(BABYLON.Engine.LastCreatedScene, 8);
+                metadata.gizmo_on = 0;
+                metadata.mesh_on = 0;
 
-                var gizmoManager = BABYLON.Engine.LastCreatedScene.activeCamera.metadata.gizmoManager;
+                var gizmoManager = metadata.gizmoManager;
                 gizmoManager.positionGizmoEnabled = true;
                 gizmoManager.rotationGizmoEnabled = false;
                 gizmoManager.scaleGizmoEnabled = false;
@@ -514,6 +516,7 @@ with gr.Blocks(css=css) as demo:
                 gizmoManager.attachToMesh(BABYLON.Engine.LastCreatedScene.getNodes()[1]);
 
                 BABYLON.Engine.LastCreatedScene.onPointerObservable.add((pointerInfo) => {
+                  try {
                   switch (pointerInfo.type) {
                     case BABYLON.PointerEventTypes.POINTERDOWN:
                       console.log("POINTER DOWN");
@@ -532,32 +535,34 @@ with gr.Blocks(css=css) as demo:
                       break;
                     case BABYLON.PointerEventTypes.POINTERTAP:
                       console.log("POINTER TAP");
-                      if (gizmo_on > 1) {gizmo_on = 0;}
+                      if (metadata.gizmo_on > 1) {metadata.gizmo_on = 0;}
 
-                      if (gizmo_on == 0) {
+                      if (metadata.gizmo_on == 0) {
                         gizmoManager.positionGizmoEnabled = true;
                         gizmoManager.rotationGizmoEnabled = false;
-                      } else if (gizmo_on == 1) {
+                      } else if (metadata.gizmo_on == 1) {
                         gizmoManager.positionGizmoEnabled = false;
                         gizmoManager.rotationGizmoEnabled = true;
                       }
                   
-                      gizmo_on++;
+                      metadata.gizmo_on++;
                       break;
                     case BABYLON.PointerEventTypes.POINTERDOUBLETAP:
                       console.log("POINTER DOUBLE-TAP");
-                      if (mesh_on > 1) {mesh_on = 0;}
+                      if (metadata.mesh_on > 1) {metadata.mesh_on = 0;}
 
-                      if (mesh_on == 0) {
+                      if (metadata.mesh_on == 0) {
                         gizmoManager.attachToMesh(BABYLON.Engine.LastCreatedScene.getNodes()[1]);
-                      } else if (mesh_on == 1) {
+                      } else if (metadata.mesh_on == 1) {
                         gizmoManager.attachToMesh(BABYLON.Engine.LastCreatedScene.getNodes()[2]);
                       }
 
-                      mesh_on++;
+                      metadata.mesh_on++;
                       break;
                   }
+                  }catch(e){alert(e);}
                 });
+                }catch(e){alert(e);}
             '>gizmo</a>""")
             camera = gr.HTML(value="""<a href='#' id='reset_cam' onclick='
               if (!BABYLON.Engine.LastCreatedScene.activeCamera.metadata) {