File uploads and placholders

app.py

@@ -3,6 +3,8 @@ import random
 import json
 import re
 import os
+import shutil
+from PIL import Image
 
 # Default configuration template
 default_config = {
@@ -160,49 +162,6 @@ def show_elements(text):
     
     return outputs
 
-# def show_elements_json_input(json_input):
-#     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} - Previous desciption {details['description']}", open=False):
-#             description = gr.Textbox(label="Description", value=details['description'], interactive=True)
-#             outputs.append(description)
-            
-#             events = gr.Textbox(label="Events", value=json.dumps(details['events']), interactive=True)
-#             outputs.append(events)
-            
-#             choices = gr.Textbox(label="Choices", value=json.dumps(details['choices']), interactive=True)
-#             outputs.append(choices)
-            
-#             transitions = gr.Textbox(label="Transitions", value=json.dumps(details['transitions']), interactive=True)
-#             outputs.append(transitions)
-    
-#     def update_json(*current_values):
-#         updated_data = {"masterlocation1": {}}
-#         locations = [loc for loc in masterlocation1.keys() if loc != 'end']
-#         for i, location in enumerate(locations):
-#             updated_data["masterlocation1"][location] = {
-#                 "description": current_values[i*4],
-#                 "events": json.loads(current_values[i*4 + 1]),
-#                 "choices": json.loads(current_values[i*4 + 2]),
-#                 "transitions": json.loads(current_values[i*4 + 3])
-#             }
-#         updated_data["masterlocation1"]["end"] = masterlocation1["end"]
-#         return json.dumps(updated_data, indent=2)
-    
-#     update_button = gr.Button("Update JSON")
-#     json_output = gr.Textbox(label="Updated JSON", lines=10)
-    
-#     update_button.click(update_json, inputs=outputs, outputs=json_output)
-    
-#     return outputs + [update_button, json_output]
-
 def show_elements_json_input(json_input):
     data = json.loads(json_input)
     masterlocation1 = data['masterlocation1']
@@ -528,69 +487,6 @@ def make_choice(choice, game_session, with_media=False): #Calls the nested make
     else:
         return result[0], gr.update(choices=result[1]), result[2], game_session
 
-# def load_game(custom_config=None, with_media=False):
-#     global all_states
-#     if custom_config:
-#         try:
-#             new_config = json.loads(custom_config)
-
-#             all_states = new_config
-
-#             # Determine the starting location and state
-#             starting_location = next(iter(all_states.keys()))
-#             starting_state = next(iter(all_states[starting_location].keys()))
-#             print(starting_location, starting_state)
-
-#             game_session = GameSession(starting_location, starting_state)
-#             description, choices, game_log = game_session.get_current_state_info()
-#             new_path_errors = validate_transitions(all_states)
-#             media = None
-#             output_media = None
-
-#             print(all_states[starting_location][starting_state][media])
-#             print(with_media)
-#             print("everything fine till here")
-#             if with_media:
-#                 print("everything fine till here 5")
-#                 if all_states[starting_location][starting_state][media] != []:
-#                     print(f"everything fine till here 4 - {all_states[starting_location][starting_state][media]}")
-#                     media = all_states[starting_location][starting_state][media]
-#                     print("everything fine till here 2")
-#                     for media_path in media:
-#                         media_component = create_media_component(media_path)
-#                         output_media.append(media_component)
-#                         print("everything fine till here 3")
-#                     return gr.update(value=f"Custom configuration loaded successfully! \n{new_path_errors}"), game_log, description, gr.update(choices=choices), game_session, gr.update(value=custom_config), output_media
-                
-#             return gr.update(value=f"Custom configuration loaded successfully! \n{new_path_errors}"), game_log, description, gr.update(choices=choices), game_session, gr.update(value=custom_config)
-#         except json.JSONDecodeError as e:
-#             # Get the line number and column of the error
-#             lineno, colno = e.lineno, e.colno
-
-#             # Get the problematic line
-#             lines = custom_config.split('\n')
-#             error_line = lines[lineno - 1] if lineno <= len(lines) else ""
-
-#             # Create a pointer to the error location
-#             pointer = ' ' * (colno - 1) + '^'
-
-#             error_message = f"Invalid JSON format in custom configuration:\n"
-#             error_message += f"Error at line {lineno}, column {colno}:\n"
-#             error_message += f"{error_line}\n"
-#             error_message += f"{pointer}\n"
-#             error_message += f"Error details: {str(e)}"
-
-#             return gr.update(value=error_message), gr.update(), gr.update(), None, gr.update(value=custom_config), game_session, gr.update(value=custom_config)
-#         except Exception as e:
-#             return gr.update(value=f"Error loading custom configuration: {str(e)}"), gr.update(), gr.update(), None, gr.update(value=custom_config), game_session, gr.update(value=custom_config)
-
-#     # If no custom config, start with the default configuration
-#     starting_location = next(iter(all_states.keys()))
-#     starting_state = next(iter(all_states[starting_location].keys()))
-#     game_session = GameSession(starting_location, starting_state)
-#     description, choices, game_log = game_session.get_current_state_info()
-#     return description, gr.update(choices=choices), game_log, game_session, gr.update()
-
 def load_game(custom_config=None, with_media=False):
     global all_states
     if not custom_config:
@@ -662,6 +558,74 @@ initgameinfo = start_game()
 
 #-----------------------------------------------------------------------------------------------------------------------------------
 
+# Set the directory where files will be saved
+SAVE_DIR = os.path.abspath("saved_media")
+
+# Ensure the save directory exists
+os.makedirs(SAVE_DIR, exist_ok=True)
+
+# Define supported file extensions
+SUPPORTED_EXTENSIONS = {
+    "image": [".jpg", ".jpeg", ".png", ".gif", ".bmp", ".webp"],
+    "audio": [".mp3", ".wav", ".ogg"],
+    "video": [".mp4", ".avi", ".mov", ".webm"]
+}
+
+def save_file(file):
+    if file is None:
+        return "No file uploaded.", gr.update()
+
+    try:
+        # Get the original filename and extension
+        original_filename = os.path.basename(file.name)
+        _, extension = os.path.splitext(original_filename)
+
+        # Check if the file extension is supported
+        if not any(extension.lower() in exts for exts in SUPPORTED_EXTENSIONS.values()):
+            return f"Unsupported file type: {extension}", gr.update()
+
+        # Create a unique filename to avoid overwriting
+        base_name = os.path.splitext(original_filename)[0]
+        counter = 1
+        new_filename = f"{base_name}{extension}"
+        while os.path.exists(os.path.join(SAVE_DIR, new_filename)):
+            new_filename = f"{base_name}_{counter}{extension}"
+            counter += 1
+
+        # Copy the file from the temporary location to our save directory
+        dest_path = os.path.join(SAVE_DIR, new_filename)
+        shutil.copy2(file.name, dest_path)
+
+        # Return success message and updated FileExplorer
+        return f"File saved as {new_filename} in {SAVE_DIR}", gr.update(value=SAVE_DIR), gr.update(value=None)
+    except Exception as e:
+        return f"Error saving file: {str(e)}", gr.update(value=SAVE_DIR), gr.update()
+
+def view_file(file_path):
+    if not file_path:
+        return None, None, None, "No file selected."
+
+    try:
+        full_path = os.path.join(SAVE_DIR, file_path)
+        _, extension = os.path.splitext(full_path)
+        extension = extension.lower()
+
+        if extension in SUPPORTED_EXTENSIONS["image"]:
+            return Image.open(full_path), None, None, None
+        elif extension in SUPPORTED_EXTENSIONS["audio"]:
+            return None, full_path, None, None
+        elif extension in SUPPORTED_EXTENSIONS["video"]:
+            return None, None, full_path, None
+        else:
+            return None, None, None, f"Unsupported file type: {extension}"
+    except Exception as e:
+        return None, None, None, f"Error viewing file: {str(e)}"
+
+def refresh_file_explorer():
+    return gr.update()
+
+#-----------------------------------------------------------------------------------------------------------------------------------
+
 with gr.Blocks() as demo:
     gr.HTML("""<div style="width: 100%; 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;">
@@ -672,31 +636,82 @@ with gr.Blocks() as demo:
         <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"):
+        gr.HTML("Song / Random Scenario to 'full game' manual or auto is end goal ")
+        gr.HTML("Main Priority is to make rails for the story to work on as a simplified view of a game is a linear path with loops (gameplay mechanics) <br> Below = Manual Edit (At bottom you can save the changes and copy it to test) <br>For LLM edit copy either the Timeline")
+        gr.HTML("The problem is the assets generation isnt free and using spaces as api also clogs them (no way to know when ZeroGPUs are at lowest usage) so using iFrame is better for now <br> So worklfow -- Make Skeleton -- Use Iframe to get media -- then ask for details / story / gameplay loop ideas and add back to config")
         with gr.Row():
-            with gr.Column(scale=1):
+            with gr.Column(scale=2):
                 with gr.Tab("Asset path Assist"):
                     gr.HTML("Make Files and Text ideas for the field and paste")
+                    with gr.Accordion("Upload Files for config"):
+                        gr.Markdown("# Media Saver and Explorer (refresh file list to be resolved)")
+                        with gr.Tab("Upload Files"):
+                            file_input = gr.File(label="Choose File to Upload")
+                            save_output = gr.Textbox(label="Upload Status")
+
+                        with gr.Tab("File Explorer"):
+                            with gr.Row():
+                                file_explorer = gr.FileExplorer(
+                                    root_dir=SAVE_DIR,
+                                    glob="*.*",
+                                    file_count="single",
+                                    height=300,
+                                    label="Select a file to view"
+                                )
+                                refresh_button = gr.Button("Refresh", scale=1)
+
+                            view_button = gr.Button("View File")
+                            image_output = gr.Image(label="Image Output", type="pil")
+                            audio_output = gr.Audio(label="Audio Output")
+                            video_output = gr.Video(label="Video Output")
+                            error_output = gr.Textbox(label="Error")
+
+                        file_input.upload(
+                            save_file,
+                            inputs=file_input,
+                            outputs=[save_output, file_explorer, file_input]
+                        )
+
+                        view_button.click(
+                            view_file,
+                            inputs=file_explorer,
+                            outputs=[image_output, audio_output, video_output, error_output]
+                        )
+
+                        refresh_button.click(
+                            refresh_file_explorer,
+                            outputs=file_explorer
+                        )
+                        gr.HTML("Placeholder for clearing uploaded assets (public space and temporary persistence = sharing and space problems)")
+                        
                     with gr.Accordion("Text"):
                         gr.HTML("Embed of a text sites")
-                        with gr.Accordion("LLM HF Spaces/Sites (Click Here to Open) - Use 'Acronym Map Creation Space' Tab with this - Ask for Translation of image tags made below, sentence to emojis, Wordlists, Test Conversations, Get Grammar Explanations etc., Can use GPT-4 or new SOTA to review the conversation", open=False):
+                        with gr.Accordion("LLM HF Spaces/Sites (Click Here to Open) - Ask for a story and suggestions based on the autoconfig", open=False):
                             with gr.Row():
                                 linktochat = gr.Dropdown(choices=["https://labs.perplexity.ai/", "https://chat.lmsys.org", "https://sdk.vercel.ai/docs", "https://qwen-qwen-max-0428.hf.space", "https://cohereforai-c4ai-command-r-plus.hf.space", "https://huggingface.co/spaces/eswardivi/Phi-3-mini-128k-instruct", "https://eswardivi-phi-3-mini-4k-instruct.hf.space", "https://cyzgab-catch-me-if-you-can.hf.space", "https://snowflake-snowflake-arctic-st-demo.hf.space", "https://qwen-qwen1-5-110b-chat-demo.hf.space", "https://ysharma-chat-with-meta-llama3-8b.hf.space", "https://databricks-dbrx-instruct.hf.space", "https://qwen-qwen1-5-moe-a2-7b-chat-demo.hf.space", "https://cohereforai-c4ai-command-r-v01.hf.space", "https://ehristoforu-mixtral-46-7b-chat.hf.space", "https://stabilityai-stablelm-2-1-6b-zephyr.hf.space", "https://qwen-qwen1-5-72b-chat.hf.space", "https://deepseek-ai-deepseek-coder-7b-instruct.hf.space", "https://01-ai-yi-34b-chat.hf.space", "https://ysharma-zephyr-playground.hf.space", "https://huggingfaceh4-zephyr-chat.hf.space", "https://osanseviero-mistral-super-fast.hf.space", "https://artificialguybr-qwen-14b-chat-demo.hf.space", "https://huggingface-projects-llama-2-7b-chat.hf.space", "https://ysharma-explore-llamav2-with-tgi.hf.space", "https://mosaicml-mpt-30b-chat.hf.space", "https://huggingfaceh4-falcon-chat.hf.space", "https://uwnlp-guanaco-playground-tgi.hf.space", "https://stabilityai-stablelm-tuned-alpha-chat.hf.space", "https://mosaicml-mpt-7b-storywriter.hf.space", "https://huggingfaceh4-starchat-playground.hf.space", "https://bigcode-bigcode-playground.hf.space", "https://mosaicml-mpt-7b-chat.hf.space", "https://huggingchat-chat-ui.hf.space", "https://togethercomputer-openchatkit.hf.space"], label="Choose/Cancel type any .hf.space link here (can also type a link)'", allow_custom_value=True)
                                 chatspacebtn = gr.Button("Use the chosen URL to load interface with a chat model. For sdk.vercel click the chat button on the top left. For lymsys / chat arena copy the link and use a new tab")
                             chatspace = gr.HTML("Chat Space Chosen will load here")
                             chatspacebtn.click(display_website, inputs=linktochat, outputs=chatspace)
                     with gr.Accordion("Other"):
-                        with gr.Accordion("Image Gen or Animation HF Spaces/Sites (Click Here to Open) - Use with the image placeholder in Workflows tab", open=False):
+                        with gr.Accordion("Image Gen or Animation HF Spaces/Sites (Click Here to Open) - Have to download and upload at the the top", open=False):
                             with gr.Row():
-                                linktoimagegen = gr.Dropdown(choices=["https://huggingface.co/spaces/linoyts/scribble-sdxl-flash" "https://prodia-sdxl-stable-diffusion-xl.hf.space", "https://prodia-fast-stable-diffusion.hf.space", "https://lllyasviel-ic-light.hf.space", "https://gparmar-img2img-turbo-sketch.hf.space", "https://artificialguybr-artificialguybr-demo-lora.hf.space", "https://kadirnar-open-sora.hf.space", "https://bytedance-animatediff-lightning.hf.space", "https://bytedance-hyper-sdxl-1step-t2i.hf.space", "https://ehristoforu-dalle-3-xl-lora-v2.hf.space", "https://multimodalart-cosxl.hf.space", "https://radames-real-time-text-to-image-sdxl-lightning.hf.space", "https://cagliostrolab-animagine-xl-3-1.hf.space", "https://wangfuyun-animatelcm-svd.hf.space" "https://modelscope-transferanything.hf.space", "https://visionmaze-magic-me.hf.space", "https://wangfuyun-animatelcm.hf.space", "https://artgan-diffusion-api.hf.space", "https://multimodalart-stable-cascade.hf.space", "https://ap123-sdxl-lightning.hf.space", "https://google-sdxl.hf.space", "https://guoyww-animatediff.hf.space", "https://segmind-segmind-stable-diffusion.hf.space", "https://simianluo-latent-consistency-model.hf.space", "https://artificialguybr-studio-ghibli-lora-sdxl.hf.space", "https://artificialguybr-pixel-art-generator.hf.space", "https://fffiloni-sdxl-control-loras.hf.space"], label="Choose/Cancel type any .hf.space link here (can also type a link)'", allow_custom_value=True)
+                                linktoimagegen = gr.Dropdown(choices=["https://huggingface.co/spaces/linoyts/scribble-sdxl-flash", "https://prodia-sdxl-stable-diffusion-xl.hf.space", "https://prodia-fast-stable-diffusion.hf.space", "https://lllyasviel-ic-light.hf.space", "https://gparmar-img2img-turbo-sketch.hf.space", "https://artificialguybr-artificialguybr-demo-lora.hf.space", "https://kadirnar-open-sora.hf.space", "https://bytedance-animatediff-lightning.hf.space", "https://bytedance-hyper-sdxl-1step-t2i.hf.space", "https://ehristoforu-dalle-3-xl-lora-v2.hf.space", "https://multimodalart-cosxl.hf.space", "https://radames-real-time-text-to-image-sdxl-lightning.hf.space", "https://cagliostrolab-animagine-xl-3-1.hf.space", "https://wangfuyun-animatelcm-svd.hf.space" "https://modelscope-transferanything.hf.space", "https://visionmaze-magic-me.hf.space", "https://wangfuyun-animatelcm.hf.space", "https://artgan-diffusion-api.hf.space", "https://multimodalart-stable-cascade.hf.space", "https://ap123-sdxl-lightning.hf.space", "https://google-sdxl.hf.space", "https://guoyww-animatediff.hf.space", "https://segmind-segmind-stable-diffusion.hf.space", "https://simianluo-latent-consistency-model.hf.space", "https://artificialguybr-studio-ghibli-lora-sdxl.hf.space", "https://artificialguybr-pixel-art-generator.hf.space", "https://fffiloni-sdxl-control-loras.hf.space"], label="Choose/Cancel type any .hf.space link here (can also type a link)'", allow_custom_value=True)
                                 imagegenspacebtn = gr.Button("Use the chosen URL to load interface with a chat model")
                             imagegenspace = gr.HTML("Chat Space Chosen will load here")
                             imagegenspacebtn.click(display_website, inputs=linktoimagegen, outputs=imagegenspace)
-                        gr.File(label="Embedded space - Upload creation here")
-                        gr.FileExplorer(label="Find the correct paths for things added", value=["testmedia"])
-            with gr.Column(scale=2):
+            with gr.Column(scale=3):
                 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.Accoridion(""):
+                        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)
+                        output_group = gr.Group()
+                        
+                        @gr.render(inputs=input_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):
@@ -723,17 +738,12 @@ with gr.Blocks() as demo:
                         
                         generate_button.click(generate_story_and_timeline, inputs=[generate_no_ui_timeline_points, generate_no_media_timeline_points, generate_with_media_check], outputs=[timeline_output_with_assets, timeline_output, story_output, game_structure_output_text_with_media, game_structure_output_text])
                         
-                    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)
-                    output_group = gr.Group()
-                    
-                    @gr.render(inputs=input_text)
-                    def update(text):
-                        return show_elements(text)
-                    
                 with gr.Tab("Asset First"):
                     gr.HTML("Make Asset and make the transitions using LLM")
 
+                with gr.Tab("Export Options"):
+                    gr.HTML("Placeholder - My Custom JS, Playcanvas, Unreal Engine")
+
     with gr.Tab("Test Example State Machine"): 
         with gr.Tab("Config Without Assets"):
             with gr.Row():
@@ -806,8 +816,12 @@ with gr.Blocks() as demo:
                             inputs=[wacustom_config, wamediabool],
                             outputs=[waerror_box, wagame_log, wadescription, wachoices, wacustom_config, wagame_session, wamedia]
                         )
+             
+        with gr.Tab("Config With Minimal 3D considered"):
+            gr.HTML("Placeholder for Config with 3D assets")
+
     with gr.Tab("Custom JS Config Creator"):
-        gr.HTML("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)")
+        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"):
             inventory_items = gr.State([])
             skills_items = gr.State([])
@@ -935,6 +949,10 @@ with gr.Blocks() as demo:
             gr.HTML("Visual Effects - eg. explosion can turn all items white for a moment, losing conciousness blurs whole screen")
             gr.HTML("Placeholder for huggingface spaces that can assist - https://huggingface.co/spaces/EPFL-VILAB/4M, https://huggingface.co/spaces/EPFL-VILAB/MultiMAE ")
             gr.HTML("Placeholder for models small enough to run on cpu here in this space that can assist")
+
+        with gr.Tab():
+            gr.HTML("Social media that shows possiblities")
+            gr.HTML("https://x.com/blizaine")
         
     with gr.Tab("Other Considerations"):
         with gr.Tab("General"):
@@ -959,6 +977,7 @@ with gr.Blocks() as demo:
             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"):
+        gr.HTML("SDXL, SVD and Stable Audio used for the test assets (For commercial use need a licence)")
         with gr.Row():
             gr.Image(value="testmedia/Flash scribble SDXL - random squiggles as roads.webp")
             gr.Video(value="testmedia/SVD - random squiggles as roads video 004484.mp4")