editing placeholder debug

app.py

@@ -160,52 +160,95 @@ def show_elements(text):
     return outputs
 
 def show_elements_json_input(json_input):
-    # Parse the JSON input
+    # # Parse the JSON input
+    # data = json.loads(json_input)
+    
+    # outputs = []
+    
+    # # Iterate through all locations in the masterlocation1
+    # for location, details in data['masterlocation1'].items():
+    #     if location == 'end':
+    #         continue
+        
+    #     description = details['description']
+        
+    #     # Split the description, defaulting to 'Unknown' if no colon is present
+    #     parts = description.split(': ', 1)
+    #     if len(parts) == 2:
+    #         block_type, content = parts
+    #     else:
+    #         block_type = 'Unknown'
+    #         content = description
+
+    #     if block_type == 'UI':
+    #         # Create HTML for UI elements
+    #         ui_html = f'<div class="ui-element">{content}</div>'
+    #         outputs.append(gr.HTML(ui_html))
+    #     elif block_type == 'Story':
+    #         # Display story elements as Markdown
+    #         outputs.append(gr.Markdown(f"**{content}**"))
+    #     elif block_type == 'Media':
+    #         content_lower = content.lower()
+    #         if 'audio' in content_lower:
+    #             # Placeholder for audio element
+    #             outputs.append(gr.Audio(label=f"Audio: {content}"))
+    #         elif 'video' in content_lower:
+    #             # Placeholder for video element
+    #             outputs.append(gr.Video(label=f"Video: {content}"))
+    #         elif 'image' in content_lower:
+    #             # Placeholder for image element
+    #             outputs.append(gr.Image(label=f"Image: {content}"))
+    #         else:
+    #             # Default to text for unknown media types
+    #             outputs.append(gr.Markdown(f"*Media: {content}*"))
+    #     else:
+    #         # Handle unknown types as plain text
+    #         outputs.append(gr.Markdown(content))
+    
+    # return outputs
+
     data = json.loads(json_input)
+    masterlocation1 = data['masterlocation1']
     
     outputs = []
     
-    # Iterate through all locations in the masterlocation1
-    for location, details in data['masterlocation1'].items():
+    for location, details in masterlocation1.items():
         if location == 'end':
             continue
         
-        description = details['description']
-        
-        # Split the description, defaulting to 'Unknown' if no colon is present
-        parts = description.split(': ', 1)
-        if len(parts) == 2:
-            block_type, content = parts
-        else:
-            block_type = 'Unknown'
-            content = description
-
-        if block_type == 'UI':
-            # Create HTML for UI elements
-            ui_html = f'<div class="ui-element">{content}</div>'
-            outputs.append(gr.HTML(ui_html))
-        elif block_type == 'Story':
-            # Display story elements as Markdown
-            outputs.append(gr.Markdown(f"**{content}**"))
-        elif block_type == 'Media':
-            content_lower = content.lower()
-            if 'audio' in content_lower:
-                # Placeholder for audio element
-                outputs.append(gr.Audio(label=f"Audio: {content}"))
-            elif 'video' in content_lower:
-                # Placeholder for video element
-                outputs.append(gr.Video(label=f"Video: {content}"))
-            elif 'image' in content_lower:
-                # Placeholder for image element
-                outputs.append(gr.Image(label=f"Image: {content}"))
-            else:
-                # Default to text for unknown media types
-                outputs.append(gr.Markdown(f"*Media: {content}*"))
-        else:
-            # Handle unknown types as plain text
-            outputs.append(gr.Markdown(content))
+        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)
     
-    return outputs
+    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]
 
 def convert_timeline_to_game_structure(timeline):
     lines = timeline.split('\n')