editing placeholder check

app.py

@@ -159,6 +159,40 @@ def show_elements(text):
     
     return outputs
 
+def show_elements_json_input(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']
+        block_type, content = description.split(': ', 1)
+        
+        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':
+            if content.lower() == 'audio':
+                # Placeholder for audio element
+                outputs.append(gr.Audio(label=f"Audio: {content}"))
+            elif content.lower() == 'video':
+                # Placeholder for video element
+                outputs.append(gr.Video(label=f"Video: {content}"))
+            elif content.lower() == 'image':
+                # Placeholder for image element
+                outputs.append(gr.Image(label=f"Image: {content}"))
+    
+    return outputs
+
 def convert_timeline_to_game_structure(timeline):
     lines = timeline.split('\n')
     game_structure = {}
@@ -463,12 +497,12 @@ initgameinfo = start_game()
 #-----------------------------------------------------------------------------------------------------------------------------------
 
 with gr.Blocks() as demo:
-    gr.HTML("""Main ideas for this space is (June 2024): 
+    gr.HTML("""<div style="width: 20%; text-align: center">Main ideas for this space is (June 2024) (Custom component planning?):</div>
     <div style="display: flex; justify-content: center; margin-bottom: 20px; align-items: center;">
         <div style="width: 20%; text-align: center">A program exist around data </div>
         <div style="width: 20%; text-align: center">We can generate almost any media data and more </div>
-        <div style="width: 20%; text-align: center">llms good at short questions </div>
         <div style="width: 20%; text-align: center">Time moves in a straight so all considerations are flattend by the nature of time </div>
+        <div style="width: 20%; text-align: center">llms good at short questions </div>
         <div style="width: 20%; text-align: center">HF + Gradio allows for api use so this my prototype tool for tool use test</div>
     </div>""")
     with gr.Tab("Skeleton Generator"):
@@ -481,6 +515,11 @@ with gr.Blocks() as demo:
                 with gr.Row():
                     game_structure_output_text_with_media = gr.Code(language="json")
                     game_structure_output_text = gr.Code(language="json")
+
+                    gr.HTML("Editing placeholder")
+                    @gr.render(inputs=game_structure_output_text_with_media)
+                    def update(text):
+                        return show_elements(show_elements_json_input)
             with gr.Row():
                 timeline_output_with_assets = gr.Textbox(label="Timeline with Assets Considered", lines=20)
                 timeline_output = gr.Textbox(label="Timeline (Order might be different for now)", lines=20)
@@ -496,7 +535,7 @@ with gr.Blocks() as demo:
         
         @gr.render(inputs=input_text)
         def update(text):
-                    return show_elements(text)
+            return show_elements(text)
 
     with gr.Tab("Test Example State Machine"): 
         with gr.Tab("Config Without Assets"):
@@ -635,6 +674,7 @@ with gr.Blocks() as demo:
 
         with gr.Tab("Save files"):
             gr.HTML("For Dynamic events overnight or when player is not active what can LLMS edit? <br><br>eg. Waiting for a letter from a random npc can be decided by the llm <br>eg. Improved Stats on certain days (eg. bitrthday) <br>Privacy <br>User Directed DLC eg. Rockstar Editor with local llm guide")
+            gr.HTML("Some ideas - In game websites eg. GTA esp stock markets, news; ")
             gr.HTML("Placeholder for huggingface spaces that can assist - https://huggingface.co/nvidia/Nemotron-4-340B-Instruct (Purpose is supposed to be synthetic data generation) ")
             gr.HTML("Placeholder for models small enough to run on cpu here in this space that can assist (9b and under) <br>initial floor for testing can be https://huggingface.co/spaces/Qwen/Qwen2-0.5B-Instruct, https://huggingface.co/spaces/Qwen/Qwen2-1.5b-instruct-demo, https://huggingface.co/spaces/stabilityai/stablelm-2-1_6b-zephyr, https://huggingface.co/spaces/IndexTeam/Index-1.9B, https://huggingface.co/microsoft/Phi-3-mini-4k-instruct")
 
@@ -647,6 +687,7 @@ with gr.Blocks() as demo:
             gr.HTML("Images Generation Very Specific position and shape - https://huggingface.co/spaces/linoyts/scribble-sdxl-flash")
             gr.HTML("SVG Generation = Coding models - ")
             gr.HTML("Vision Models for descriptions <br> https://huggingface.co/spaces/gokaygokay/Florence-2 <br>https://huggingface.co/spaces/vilarin/VL-Chatbox - glm 4v 9b <br>")
+            gr.HTML("Upscalers (save data transfer costs? highly detailed characters?) - https://huggingface.co/spaces/gokaygokay/AuraSR")
             gr.HTML("Placeholder for huggingface spaces that can assist ")
             gr.HTML("Placeholder for models small enough to run on cpu here in this space that can assist")
         
@@ -663,7 +704,7 @@ with gr.Blocks() as demo:
 
         with gr.Tab("3D"):
             gr.HTML("Characters, Environments, Objects")
-            gr.HTML("Placeholder for huggingface spaces that can assist - https://huggingface.co/spaces/dylanebert/3d-arena, https://huggingface.co/spaces/stabilityai/TripoSR, https://huggingface.co/spaces/hysts/Shap-E")
+            gr.HTML("Placeholder for huggingface spaces that can assist - https://huggingface.co/spaces/dylanebert/3d-arena, https://huggingface.co/spaces/Wuvin/Unique3D, https://huggingface.co/spaces/stabilityai/TripoSR, https://huggingface.co/spaces/hysts/Shap-E")
             gr.HTML("Placeholder for models small enough to run on cpu here in this space that can assist")
 
         with gr.Tab("Animations (for lower resource use)"):
@@ -696,10 +737,14 @@ with gr.Blocks() as demo:
 
             gr.HTML("---------------------------------------Gameplay Ideas-------------------------------")
             gr.HTML("https://huggingface.co/spaces/Lin-Chen/ShareCaptioner-Video - game use example police questions a event with multiple eye witnesses needs to give as close to the caption description to win")
+        with gr.Tab("State management through huggingface?"):
+            gr.HTML("Huggingface as the login provider? - https://huggingface.co/docs/hub/en/spaces-oauth https://huggingface.co/docs/hub/en/oauth, persistent storage - https://huggingface.co/docs/hub/en/spaces-storage")
+        with gr.Tab("Finetuning options"):
+            gr.HTML("Price - https://openpipe.ai/pricing")
         with gr.Tab("Backend and/or Hosting?"):
             gr.HTML("Prototyping and freemium <br>free api <br>HF Pro subscription")
-            gr.HTML("GPU (Data privacy) = No Rate limits? - https://lambdalabs.com/service/gpu-cloud https://huggingface.co/pricing#endpoints https://tensordock.com/cloud-gpus")
-            gr.HTML("Speed - Groq, SambaNova, ")
+            gr.HTML("GPU (Data privacy) = No Rate limits? - https://replicate.com/pricing, https://lambdalabs.com/service/gpu-cloud https://huggingface.co/pricing#endpoints https://tensordock.com/cloud-gpus")
+            gr.HTML("Speed - Groq, SambaNova, https://www.etched.com/announcing-etched ")
             gr.HTML("Price - Coding - https://aider.chat/docs/leaderboards/ -  https://www.deepseek.com/ 0.3 per million - is this per token or chinese character as that means converting code to chinese if possible can save api cost?")
     with gr.Tab("Asset loading test"):
         with gr.Row():