Update app.py

app.py

@@ -803,7 +803,10 @@ async(c, o, p, d, n, m, s)=>{
         var serializedScene = BABYLON.SceneSerializer.Serialize(BABYLON.Engine.LastCreatedScene);
         var strScene = JSON.stringify(serializedScene, getCircularReplacer());
 
-        return strScene;
+        document.getElementById("embed_json").getElementsByTagName("textarea")[0].value = strScene;
+        var evt = document.createEvent('Event');
+        evt.initEvent('input', true, false);
+        document.getElementById("embed_json").getElementsByTagName("textarea")[0].dispatchEvent(evt);
       }
       } catch(e) {alert(e);}
     }
@@ -1189,8 +1192,8 @@ with gr.Blocks(css=css, js=js, head=head) as demo:
               <babylon model='./scene.babylon'></babylon>
             """)
             embed_file = gr.File(label="Scene File", interactive=False)
-            embed_json = gr.JSON(label="Scene")
-            embed_json.change(fn=scene_file, inputs=[embed_json], outputs=[embed_file])
+            embed_json = gr.Textbox(label="Scene", value="{}", elem_id="embed_json", interactive=False)
+            embed_json.input(fn=scene_file, inputs=[embed_json], outputs=[embed_file])
           with gr.Tab("Blur"):
             chart_c = gr.HTML(elem_id="chart_c", value="""<div id='chart' onpointermove='window.drawLine(event.clientX, event.clientY);' onpointerdown='window.pointerDown(event.clientX, event.clientY);' onpointerup='window.pointerUp();' onpointerleave='window.pointerUp();' onpointercancel='window.pointerUp();' onclick='window.resetLine();'></div>
             <style>