Trying to simplify

app.py

@@ -94,6 +94,7 @@ def generate_story_and_timeline(include_media=False):
 
     # Initialize merged timeline with UI and story timelines
     merged_timeline = ui_timeline + story_timeline
+    no_media_merged_timeline = merged_timeline
 
     # Include media-related items if specified
     if include_media:
@@ -104,79 +105,27 @@ def generate_story_and_timeline(include_media=False):
 
     # Sort the merged timeline based on the random numbers
     merged_timeline.sort(key=lambda x: x[0])
+    no_media_merged_timeline.sort(key=lambda x: x[0])
 
     # Create the story
     story = create_story(merged_timeline)
 
     # Format the timeline for display
     formatted_timeline = "\n".join([f"{entry[0]}: {entry[1]} - {entry[2]}" for entry in merged_timeline])
+    no_media_formatted_timeline = "\n".join([f"{entry[0]}: {entry[1]} - {entry[2]}" for entry in no_media_merged_timeline])
 
-    return formatted_timeline, story
+    game_structure_with_media, game_structure_without_media = generate_game_structures(formatted_timeline, no_media_formatted_timeline)
+
+    return formatted_timeline, no_media_formatted_timeline, story, game_structure_with_media, game_structure_without_media
 
 media_file_types = ["image", "video", "audio"]
 
 def generate_media_file_list(n):
     return [random.choice(media_file_types) for _ in range(n)]
 
-# def render_media_with_dropdowns(media_files):
-#     rendered_output = []
-#     for index, media in enumerate(media_files):
-#         iframe = f'<iframe src="{media}_source_{index}.html"></iframe>'
-#         dropdown = f'''
-#         <select>
-#             <option value="{media}_source_1">Source 1</option>
-#             <option value="{media}_source_2">Source 2</option>
-#             <option value="{media}_source_3">Source 3</option>
-#         </select>
-#         '''
-#         rendered_output.append(f"{iframe}{dropdown}")
-#     return rendered_output
-
-# def save_to_placeholder(rendered_media):
-#     placeholder = []
-#     for item in rendered_media:
-#         placeholder.append(item)
-#     return placeholder
-
 # Example usage with and without media-related items
-timeline_with_media, story_with_media = generate_story_and_timeline(include_media=True)
-timeline_without_media, story_without_media = generate_story_and_timeline(include_media=False)
-
-# def split_content_into_blocks(timeline):
-#     blocks = []
-#     current_text_block = []
-    
-#     for entry in timeline.split('\n'):
-#         if 'Media -' in entry:
-#             # If we have accumulated text, add it as a block
-#             if current_text_block:
-#                 blocks.append((' '.join(current_text_block), 'text'))
-#                 current_text_block = []
-            
-#             # Extract the iframe and dropdown
-#             match = re.search(r'<iframe.*?</select>', entry, re.DOTALL)
-#             if match:
-#                 blocks.append((match.group(), 'iframe'))
-#         else:
-#             current_text_block.append(entry)
-    
-#     # Add any remaining text as a final block
-#     if current_text_block:
-#         blocks.append((' '.join(current_text_block), 'text'))
-    
-#     return blocks
-
-# def show_elements(text):
-#     blocks = split_content_into_blocks(text)
-#     outputs = []
-    
-#     for content, block_type in blocks:
-#         if block_type == 'text':
-#             outputs.append(gr.Markdown(content))
-#         elif block_type == 'iframe':
-#             outputs.append(gr.HTML(content))
-    
-#     return outputs
+# timeline_with_media, story_with_media = generate_story_and_timeline(include_media=True)
+# timeline_without_media, story_without_media = generate_story_and_timeline(include_media=False)
 
 def show_elements(text):
     # Parse the input text
@@ -281,9 +230,9 @@ def convert_timeline_to_game_structure(timeline):
     
     return wrapped_structure
     
-def generate_game_structures():
-    timeline_with_media, _ = generate_story_and_timeline(include_media=True)
-    timeline_without_media, _ = generate_story_and_timeline(include_media=False)
+def generate_game_structures(timeline_with_media, timeline_without_media):
+    # timeline_with_media, _ = generate_story_and_timeline(include_media=True)
+    # timeline_without_media, _ = generate_story_and_timeline(include_media=False)
     
     game_structure_with_media = convert_timeline_to_game_structure(timeline_with_media)
     game_structure_without_media = convert_timeline_to_game_structure(timeline_without_media)
@@ -291,16 +240,9 @@ def generate_game_structures():
     return game_structure_with_media, game_structure_without_media
 
 # Generate and print the game structures
-game_structure_with_media, game_structure_without_media = generate_game_structures()
+# game_structure_with_media, game_structure_without_media = generate_game_structures()
 
-
-#print("Game Structure with Media:")
-#print(json.dumps(game_structure_with_media, indent=2))
-
-#print("\nGame Structure without Media:")
-#print(json.dumps(game_structure_without_media, indent=2))
-
-def show_game_structure(include_media):
+def show_game_structure(include_media, game_structure_with_media, game_structure_without_media):
     if include_media:
         return json.dumps(game_structure_with_media, indent=2)
     else:
@@ -531,23 +473,37 @@ initgameinfo = start_game()
 #-----------------------------------------------------------------------------------------------------------------------------------
 
 with gr.Blocks() as demo:
-    gr.HTML("Main ideas for this space is (June 2024): <br>A program exist around data <br>We can generate almost any media data and more <br>llms good at short questions <br>Time moves in a straight so all considerations are flattend by the nature of time <br>HF + Gradio allows for api use so this my prototype tool for tool use test")
+    gr.HTML("""Main ideas for this space is (June 2024): <div style="display: flex; justify-content: space-between; margin-bottom: 20px;">
+        <div style="width: 20%;">A program exist around data </div><div style="width: 20%;">We can generate almost any media data and more </div><div style="width: 20%;">llms good at short questions <br>Time moves in a straight so all considerations are flattend by the nature of time </div><div style="width: 20%;">HF + Gradio allows for api use so this my prototype tool for tool use test</div><div style="width: 20%;"></div>""")
     with gr.Tab("Skeleton Generator"):
         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.Row():
-            gr.Textbox(value=timeline_with_media, lines=4)
-            gr.Textbox(value=timeline_without_media, lines=4)
-            with gr.Tab(""):
-                gr.HTML("Can copy in the Test Example State Machine tab - only linear path for now")
+        with gr.Accordion("Simplification Struggle"):
+            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.Row():
+                timeline_output_with_assets = gr.Textbox(label="Timeline", lines=20)
+                timeline_output = gr.Textbox(label="Timeline", lines=20)
+                story_output = gr.Textbox(label="Generated Story", lines=20)
+                gr.Textbox("Do all fit on same row")
+
+            generate_button = gr.Button("Generate Story and Timeline")
+            with gr.Accordion("Can copy in the Test Example State Machine tab - only linear path for now"):
                 media_checkbox = gr.Checkbox(label="Include Media")
                 output_text = gr.Code(language="json")
-                
+                screen_game_structure_with_media = gr.State()
+                screen_game_structure_without_media = gr.State()
+
                 media_checkbox.change(
                     fn=show_game_structure,
                     inputs=[media_checkbox],
                     outputs=[output_text]
                 )
+            generate_button.click(generate_story_and_timeline, inputs=[], outputs=[timeline_output_with_assets, timeline_output, story_output, screen_game_structure_with_media, screen_game_structure_without_media])
+        # with gr.Row():
+            # gr.Textbox(value=timeline_with_media, lines=4)
+            # gr.Textbox(value=timeline_without_media, lines=4)
+            
         gr.HTML("Splits by new line")
         input_text = gr.Textbox(label="Input Text", lines=10)
         output_group = gr.Group()
@@ -555,15 +511,7 @@ with gr.Blocks() as demo:
         @gr.render(inputs=input_text)
         def update(text):
                     return show_elements(text)
-        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.Row():
-            timeline_output = gr.Textbox(label="Timeline", lines=20)
-            story_output = gr.Textbox(label="Generated Story", lines=20)
 
-        generate_button = gr.Button("Generate Story and Timeline")
-        generate_button.click(generate_story_and_timeline, inputs=[], outputs=[timeline_output, story_output])
     with gr.Tab("Test Example State Machine"): 
         with gr.Tab("Config Without Assets"):
             with gr.Row():