editing placeholder debug

app.py

@@ -207,6 +207,51 @@ def show_elements_json_input(json_input):
     
     # return outputs
 
+    #================================================================================================
+    # data = json.loads(json_input)
+    # masterlocation1 = data['masterlocation1']
+    
+    # outputs = []
+    
+    # for location, details in masterlocation1.items():
+    #     if location == 'end':
+    #         continue
+        
+    #     with gr.Accordion(f"Location: {location}"):
+    #         description = gr.Textbox(label="Description", value=details['description'])
+    #         outputs.append(description)
+            
+    #         events = gr.JSON(label="Events", value=details['events'])
+    #         outputs.append(events)
+            
+    #         choices = gr.JSON(label="Choices", value=details['choices'])
+    #         outputs.append(choices)
+            
+    #         transitions = gr.JSON(label="Transitions", value=details['transitions'])
+    #         outputs.append(transitions)
+    
+    # def update_json():
+    #     updated_data = {"masterlocation1": {}}
+    #     for i, location in enumerate(masterlocation1.keys()):
+    #         if location == 'end':
+    #             continue
+    #         updated_data["masterlocation1"][location] = {
+    #             "description": outputs[i*4].value,
+    #             "events": outputs[i*4 + 1].value,
+    #             "choices": outputs[i*4 + 2].value,
+    #             "transitions": outputs[i*4 + 3].value
+    #         }
+    #     updated_data["masterlocation1"]["end"] = masterlocation1["end"]
+    #     return json.dumps(updated_data, indent=2)
+    
+    # update_button = gr.Button("Update JSON")
+    # json_output = gr.JSON(label="Updated JSON")
+    
+    # update_button.click(update_json, outputs=json_output)
+    
+    # return outputs + [update_button, json_output]
+
+    #================================================================================================
     data = json.loads(json_input)
     masterlocation1 = data['masterlocation1']
     
@@ -220,13 +265,13 @@ def show_elements_json_input(json_input):
             description = gr.Textbox(label="Description", value=details['description'])
             outputs.append(description)
             
-            events = gr.JSON(label="Events", value=details['events'])
+            events = gr.Textbox(label="Events", value=json.dumps(details['events']))
             outputs.append(events)
             
-            choices = gr.JSON(label="Choices", value=details['choices'])
+            choices = gr.Textbox(label="Choices", value=json.dumps(details['choices']))
             outputs.append(choices)
             
-            transitions = gr.JSON(label="Transitions", value=details['transitions'])
+            transitions = gr.Textbox(label="Transitions", value=json.dumps(details['transitions']))
             outputs.append(transitions)
     
     def update_json():
@@ -236,15 +281,15 @@ def show_elements_json_input(json_input):
                 continue
             updated_data["masterlocation1"][location] = {
                 "description": outputs[i*4].value,
-                "events": outputs[i*4 + 1].value,
-                "choices": outputs[i*4 + 2].value,
-                "transitions": outputs[i*4 + 3].value
+                "events": json.loads(outputs[i*4 + 1].value),
+                "choices": json.loads(outputs[i*4 + 2].value),
+                "transitions": json.loads(outputs[i*4 + 3].value)
             }
         updated_data["masterlocation1"]["end"] = masterlocation1["end"]
         return json.dumps(updated_data, indent=2)
     
     update_button = gr.Button("Update JSON")
-    json_output = gr.JSON(label="Updated JSON")
+    json_output = gr.Textbox(label="Updated JSON", lines=10)
     
     update_button.click(update_json, outputs=json_output)