Merge game and edit interfaces attempts

app.py

@@ -703,7 +703,7 @@ with gr.Blocks() as demo:
                 with gr.Tab("Schema First"):
                     gr.HTML("Some Kinds of game skeletons ideas - Timelines, Graph as State machine paths, Economy ecosystem")
                     gr.HTML("One prompt to be used to test models - <br>Please make 10 python lists for the types of media files and their purposes in a game and then use those lists to random generate a timeline of 20 items when the function is called <br>Great next suggest ways to improve this function to create better timelines")
-                    with gr.Accordion(""):
+                    with gr.Accordion("Test for config to gradio components order - ignore for now", open=False ):
                         gr.Markdown("Asset Generation")
                         gr.HTML("Splits by new line - The idea here was to allow for saving the file ")
                         input_text = gr.Textbox(label="Input Text", lines=10)
@@ -741,87 +741,6 @@ with gr.Blocks() as demo:
                 with gr.Tab("Asset First"):
                     gr.HTML("Make Asset and make the transitions using LLM")
 
-                with gr.Tab("Edit config while playing game"):
-                    gr.HTML("-- Incomplete -- Issue here is updating all variables")
-                    with gr.Row():
-                        with gr.Column(scale=1):
-                            gr.Markdown("# Text-based Adventure Game")
-
-                            ewpwadescription = gr.Textbox(label="Current Situation", lines=4, value=initgameinfo[0])
-                            ewpwamediabool = gr.State(value=True)
-                            ewpwamedia = gr.State(["testmedia/Stable Audio - Raindrops, output.wav"])
-
-                            @gr.render(inputs=ewpwamedia)
-                            def dynamic_with_media(media_items):
-                                print(media_items)
-                                with gr.Group() as ewpwamediagrouping: 
-                                    gr.HTML("Placeholder to load all media tests - still need to test clearing media on ")
-                                    if media_items == []:
-                                        gr.Markdown("No media items to display.")
-                                    else:
-                                        for item in media_items:
-                                            render = create_media_component(item)
-                                
-                                return ewpwamediagrouping
-                            
-                            ewpwachoices = gr.Radio(label="Your Choices", choices=initgameinfo[1])
-                            ewpwasubmit_btn = gr.Button("Make Choice")
-                            ewpwagame_log = gr.Textbox(label="Game Log", lines=20, value=initgameinfo[2])
-                            ewpwagame_session = gr.State(value=initgameinfo[3])
-                            ewpwasubmit_btn.click(
-                                make_choice,
-                                inputs=[ewpwachoices, ewpwagame_session, ewpwamediabool],
-                                outputs=[ewpwadescription, ewpwachoices, ewpwagame_log, ewpwagame_session, ewpwamedia]
-                            )
-                        with gr.Column(scale=1):
-                            gr.Markdown("# Debugging")
-                            ewpwaerror_box = gr.Textbox(label="Path Errors", lines=4, value=path_errors)
-                            with gr.Accordion("Config (Game Spoiler and Example for llm to remix)", open=False):
-                                ewpwacustom_config = gr.Textbox(label="Custom Configuration (JSON)", value=json.dumps(all_states, default=lambda o: o.__dict__, indent=2), lines=8)
-                                ewpwacustom_configbtn = gr.Button("Load Custom Config")
-
-                                ewpwacustom_configbtn.click(
-                                    load_game,
-                                    inputs=[ewpwacustom_config, ewpwamediabool],
-                                    outputs=[ewpwaerror_box, ewpwagame_log, ewpwadescription, ewpwachoices, ewpwacustom_config, ewpwagame_session, ewpwamedia]
-                                )
-                                gr.HTML("Some Kinds of game skeletons ideas - Timelines, Graph as State machine paths, Economy ecosystem")
-                                gr.HTML("One prompt to be used to test models - <br>Please make 10 python lists for the types of media files and their purposes in a game and then use those lists to random generate a timeline of 20 items when the function is called <br>Great next suggest ways to improve this function to create better timelines")
-                                with gr.Accordion(""):
-                                    gr.Markdown("Asset Generation")
-                                    gr.HTML("Splits by new line - The idea here was to allow for saving the file ")
-                                    ewpinput_text = gr.Textbox(label="Input Text", lines=10)
-                                    ewpoutput_group = gr.Group()
-                                    
-                                    @gr.render(inputs=ewpinput_text)
-                                    def update(text):
-                                        return show_elements(text)
-                                with gr.Accordion("Proto Config Assist"):
-                                    gr.Markdown("Editing placeholder")
-                                    with gr.Accordion("Can copy in the Test Example State Machine tab - only linear path for now", open=False):
-                                        gr.Markdown("# Story and Timeline Generator")
-                                        gr.Markdown("Click the button to generate a random timeline and story based on UI elements and story events. <br>Ask an LLM to use this to write a story around")
-                                        with gr.Accordion("JSON with no edits"):
-                                            with gr.Row():
-                                                ewptimeline_output_with_assets = gr.Textbox(label="Timeline with Assets Considered", lines=20)
-                                                ewptimeline_output = gr.Textbox(label="Timeline (Order might be different for now)", lines=20)
-                                                ewpstory_output = gr.Textbox(label="Generated Story (Order might be different for now)", lines=20)
-                                            with gr.Row():
-                                                ewpgame_structure_output_text_with_media = gr.Code(language="json")
-                                                ewpgame_structure_output_text = gr.Code(language="json")
-
-                                    with gr.Row():
-                                        ewpgenerate_no_ui_timeline_points = gr.Slider(minimum=1, value=10, step=1, maximum=30, label="Choose the amount of ui timeline points")
-                                        ewpgenerate_no_media_timeline_points = gr.Slider(minimum=1, value=5, step=1, maximum=30, label="Choose the amount of media timeline points")
-                                        ewpgenerate_with_media_check = gr.Checkbox(label="Generate with media", value=True)
-                                    ewpgenerate_button = gr.Button("Generate Story and Timeline")
-
-                                    @gr.render(inputs=ewpgame_structure_output_text_with_media)
-                                    def update(ewpgame_structure_output_text_with_media):
-                                        return show_elements_json_input(ewpgame_structure_output_text_with_media)
-                                    
-                                    ewpgenerate_button.click(generate_story_and_timeline, inputs=[ewpgenerate_no_ui_timeline_points, ewpgenerate_no_media_timeline_points, ewpgenerate_with_media_check], outputs=[ewptimeline_output_with_assets, ewptimeline_output, ewpstory_output, ewpgame_structure_output_text_with_media, ewpgame_structure_output_text])
-
                 with gr.Tab("Export Options"):
                     gr.HTML("Placeholder - My Custom JS, Playcanvas, Unreal Engine")
 
@@ -901,6 +820,87 @@ with gr.Blocks() as demo:
         with gr.Tab("Config With Minimal 3D considered"):
             gr.HTML("Placeholder for Config with 3D assets")
 
+    with gr.Tab("Edit config while playing game"):
+        gr.HTML("-- Incomplete -- Issue here is updating all variables")
+        with gr.Row():
+            with gr.Column(scale=1):
+                gr.Markdown("# Text-based Adventure Game")
+
+                ewpwadescription = gr.Textbox(label="Current Situation", lines=4, value=initgameinfo[0])
+                ewpwamediabool = gr.State(value=True)
+                ewpwamedia = gr.State(["testmedia/Stable Audio - Raindrops, output.wav"])
+
+                @gr.render(inputs=ewpwamedia)
+                def dynamic_with_media(media_items):
+                    print(media_items)
+                    with gr.Group() as ewpwamediagrouping: 
+                        gr.HTML("Placeholder to load all media tests - still need to test clearing media on ")
+                        if media_items == []:
+                            gr.Markdown("No media items to display.")
+                        else:
+                            for item in media_items:
+                                render = create_media_component(item)
+                    
+                    return ewpwamediagrouping
+                
+                ewpwachoices = gr.Radio(label="Your Choices", choices=initgameinfo[1])
+                ewpwasubmit_btn = gr.Button("Make Choice")
+                ewpwagame_log = gr.Textbox(label="Game Log", lines=20, value=initgameinfo[2])
+                ewpwagame_session = gr.State(value=initgameinfo[3])
+                ewpwasubmit_btn.click(
+                    make_choice,
+                    inputs=[ewpwachoices, ewpwagame_session, ewpwamediabool],
+                    outputs=[ewpwadescription, ewpwachoices, ewpwagame_log, ewpwagame_session, ewpwamedia]
+                )
+            with gr.Column(scale=1):
+                gr.Markdown("# Debugging")
+                ewpwaerror_box = gr.Textbox(label="Path Errors", lines=4, value=path_errors)
+                with gr.Accordion("Config (Game Spoiler and Example for llm to remix)", open=False):
+                    ewpwacustom_config = gr.Textbox(label="Custom Configuration (JSON)", value=json.dumps(all_states, default=lambda o: o.__dict__, indent=2), lines=8)
+                    ewpwacustom_configbtn = gr.Button("Load Custom Config")
+
+                    ewpwacustom_configbtn.click(
+                        load_game,
+                        inputs=[ewpwacustom_config, ewpwamediabool],
+                        outputs=[ewpwaerror_box, ewpwagame_log, ewpwadescription, ewpwachoices, ewpwacustom_config, ewpwagame_session, ewpwamedia]
+                    )
+                    gr.HTML("Some Kinds of game skeletons ideas - Timelines, Graph as State machine paths, Economy ecosystem")
+                    gr.HTML("One prompt to be used to test models - <br>Please make 10 python lists for the types of media files and their purposes in a game and then use those lists to random generate a timeline of 20 items when the function is called <br>Great next suggest ways to improve this function to create better timelines")
+                    # with gr.Accordion(""):
+                    #     gr.Markdown("Asset Generation")
+                    #     gr.HTML("Splits by new line - The idea here was to allow for saving the file ")
+                    #     ewpinput_text = gr.Textbox(label="Input Text", lines=10)
+                    #     ewpoutput_group = gr.Group()
+                        
+                    #     @gr.render(inputs=ewpinput_text)
+                    #     def update(text):
+                    #         return show_elements(text)
+                    with gr.Accordion("Proto Config Assist"):
+                        gr.Markdown("Editing placeholder")
+                        with gr.Accordion("Can copy in the Test Example State Machine tab - only linear path for now", open=False):
+                            gr.Markdown("# Story and Timeline Generator")
+                            gr.Markdown("Click the button to generate a random timeline and story based on UI elements and story events. <br>Ask an LLM to use this to write a story around")
+                            with gr.Accordion("JSON with no edits"):
+                                with gr.Row():
+                                    ewptimeline_output_with_assets = gr.Textbox(label="Timeline with Assets Considered", lines=20)
+                                    ewptimeline_output = gr.Textbox(label="Timeline (Order might be different for now)", lines=20)
+                                    ewpstory_output = gr.Textbox(label="Generated Story (Order might be different for now)", lines=20)
+                                with gr.Row():
+                                    ewpgame_structure_output_text_with_media = gr.Code(language="json")
+                                    ewpgame_structure_output_text = gr.Code(language="json")
+
+                        with gr.Row():
+                            ewpgenerate_no_ui_timeline_points = gr.Slider(minimum=1, value=10, step=1, maximum=30, label="Choose the amount of ui timeline points")
+                            ewpgenerate_no_media_timeline_points = gr.Slider(minimum=1, value=5, step=1, maximum=30, label="Choose the amount of media timeline points")
+                            ewpgenerate_with_media_check = gr.Checkbox(label="Generate with media", value=True)
+                        ewpgenerate_button = gr.Button("Generate Story and Timeline")
+
+                        @gr.render(inputs=ewpgame_structure_output_text_with_media)
+                        def update(ewpgame_structure_output_text_with_media):
+                            return show_elements_json_input(ewpgame_structure_output_text_with_media)
+                        
+                        ewpgenerate_button.click(generate_story_and_timeline, inputs=[ewpgenerate_no_ui_timeline_points, ewpgenerate_no_media_timeline_points, ewpgenerate_with_media_check], outputs=[ewptimeline_output_with_assets, ewptimeline_output, ewpstory_output, ewpgame_structure_output_text_with_media, ewpgame_structure_output_text])
+
     with gr.Tab("Custom JS Config Creator"):
         gr.HTML("-- Incomplete -- Companion Space for zerogpu / client api workflow planning for a way to send a zip to the Basic Game Engine at the bottom of https://huggingface.co/spaces/KwabsHug/TestSvelteStatic (Also to test how much can be done majority on cpu)")
         with gr.Tab("Simple Config Creator"):