import os import subprocess import random import json from datetime import datetime from huggingface_hub import InferenceClient, cached_download, hf_hub_url import gradio as gr from safe_search import safe_search from i_search import google, i_search as i_s from agent import ( ACTION_PROMPT, ADD_PROMPT, COMPRESS_HISTORY_PROMPT, LOG_PROMPT, LOG_RESPONSE, MODIFY_PROMPT, PRE_PREFIX, SEARCH_QUERY, READ_PROMPT, TASK_PROMPT, UNDERSTAND_TEST_RESULTS_PROMPT ) from utils import parse_action, parse_file_content, read_python_module_structure # Global Variables terminal_history = "" # Component Library components_registry = { "Button": { "properties": {"label": "Click Me", "onclick": ""}, "description": "A clickable button", "code_snippet": 'gr.Button(value="{label}", variant="primary")', }, "Text Input": { "properties": {"value": "", "placeholder": "Enter text"}, "description": "A field for entering text", "code_snippet": 'gr.Textbox(label="{placeholder}")', }, "Image": { "properties": {"src": "#", "alt": "Image"}, "description": "Displays an image", "code_snippet": 'gr.Image(label="{alt}")', }, "Dropdown": { "properties": {"choices": ["Option 1", "Option 2"], "value": ""}, "description": "A dropdown menu for selecting options", "code_snippet": 'gr.Dropdown(choices={choices}, label="Dropdown")', }, # Add more components here... } # NLP Model (Example using Hugging Face) nlp_model_names = [ "google/flan-t5-small", "Qwen/CodeQwen1.5-7B-Chat-GGUF", "bartowski/Codestral-22B-v0.1-GGUF", "bartowski/AutoCoder-GGUF" ] nlp_models = [] for nlp_model_name in nlp_model_names: try: cached_download(hf_hub_url(nlp_model_name, revision="main")) nlp_models.append(InferenceClient(nlp_model_name)) except: nlp_models.append(None) # Function to get NLP model response def get_nlp_response(input_text, model_index): if nlp_models[model_index]: response = nlp_models[model_index].text_generation(input_text) return response.generated_text else: return "NLP model not available." # Component Class class Component: def __init__(self, type, properties=None, id=None): self.id = id or random.randint(1000, 9999) self.type = type self.properties = properties or components_registry[type]["properties"].copy() def to_dict(self): return { "id": self.id, "type": self.type, "properties": self.properties, } def render(self): # Properly format choices for Dropdown if self.type == "Dropdown": self.properties["choices"] = ( str(self.properties["choices"]) .replace("[", "") .replace("]", "") .replace("'", "") ) return components_registry[self.type]["code_snippet"].format(**self.properties) # App Creation Process Class class AppCreationProcess: def __init__(self): self.current_step = 1 self.app_name = "" self.components = [] def next_step(self): self.current_step += 1 def previous_step(self): if self.current_step > 1: self.current_step -= 1 def get_current_step_info(self): steps = { 1: "App Initialization", 2: "Component Addition", 3: "Property Configuration", 4: "Code Generation", 5: "Deployment" } return f"Step {self.current_step}: {steps[self.current_step]}" def add_component(self, component_type): new_component = Component(component_type) self.components.append(new_component.to_dict()) return self.update_app_canvas() def set_component_property(self, component_id, property_name, property_value): for component in self.components: if component['id'] == component_id: if property_name in component['properties']: component['properties'][property_name.strip()] = property_value.strip() return self.update_app_canvas(), f"Property '{property_name}' set to '{property_value}' for component {component_id}" else: return None, f"Error: Property '{property_name}' not found in component {component_id}" return None, f"Error: Component with ID {component_id} not found." def update_app_canvas(self): components_html = "".join([ f"
Component ID: {component['id']}, Type: {component['type']}, Properties: {component['properties']}
" for component in self.components ]) return components_html def generate_python_code(self): code = f"""import gradio as gr\n\nwith gr.Blocks() as {self.app_name}:\n""" for component in self.components: code += " " + Component(**component).render() + "\n" code += f"\n{self.app_name}.launch()\n" return code def deploy_to_huggingface(self): # Generate Python code code = self.generate_python_code() # Create requirements.txt with open("requirements.txt", "w") as f: f.write("gradio==3.32.0\n") # Create the app.py file with open("app.py", "w") as f: f.write(code) # Execute the deployment command try: subprocess.run(["huggingface-cli", "repo", "create", "--type", "space", "--space_sdk", "gradio", self.app_name], check=True) subprocess.run(["git", "init"], cwd=f"./{self.app_name}", check=True) subprocess.run(["git", "add", "."], cwd=f"./{self.app_name}", check=True) subprocess.run(["git", "commit", "-m", "Initial commit"], cwd=f"./{self.app_name}", check=True) subprocess.run(["git", "push", "https://huggingface.co/spaces/" + self.app_name, "main"], cwd=f"./{self.app_name}", check=True) return f"Successfully deployed to Hugging Face Spaces: https://huggingface.co/spaces/{self.app_name}" except Exception as e: return f"Error deploying to Hugging Face Spaces: {e}" app_process = AppCreationProcess() # Function to handle terminal input def run_terminal_command(command, history): global terminal_history output = "" try: # Basic command parsing (expand with NLP) if command.startswith("add "): component_type = command.split("add ", 1)[1].strip() output = app_process.add_component(component_type) elif command.startswith("set "): _, output = set_component_property(command) elif command.startswith("search "): search_query = command.split("search ", 1)[1].strip() output = i_s(search_query) elif command.startswith("deploy "): output = app_process.deploy_to_huggingface() else: # Attempt to execute command as Python code try: result = subprocess.check_output( command, shell=True, stderr=subprocess.STDOUT, text=True ) output = result except Exception as e: output = f"Error executing Python code: {str(e)}" except Exception as e: output = f"Error: {str(e)}" finally: terminal_history += f"User: {command}\n{output}\n" return terminal_history def set_component_property(command): try: # Improved 'set' command parsing set_parts = command.split(" ", 2)[1:] if len(set_parts) != 2: raise ValueError("Invalid 'set' command format.") component_id = int(set_parts[0]) # Use component ID property_name, property_value = set_parts[1].split("=", 1) return app_process.set_component_property(component_id, property_name, property_value) except Exception as e: return None, f"Error: {str(e)}\n" # Function to handle chat interaction def run_chat(message, history): global terminal_history if message.startswith("!"): command = message[1:] terminal_history = run_terminal_command(command, history) else: model_index = 0 # Select the model to use for chat response response = get_nlp_response(message, model_index) if response: return history, terminal_history + f"User: {message}\nAssistant: {response}" else: return history, terminal_history + f"User: {message}\nAssistant: I'm sorry, I couldn't generate a response. Please try again.\n" # Gradio Interface with gr.Blocks() as iface: gr.Markdown("# Sequential App Builder") with gr.Row(): current_step = gr.Markdown(app_process.get_current_step_info()) with gr.Row(): prev_button = gr.Button("Previous Step") next_button = gr.Button("Next Step") # Step 1: App Initialization with gr.Group() as step1: app_name_input = gr.Textbox(label="Enter App Name") init_app_button = gr.Button("Initialize App") # Step 2: Component Addition with gr.Group() as step2: component_type = gr.Dropdown(choices=list(components_registry.keys()), label="Select Component Type") add_component_button = gr.Button("Add Component") components_display = gr.HTML() # Step 3: Property Configuration with gr.Group() as step3: component_id = gr.Number(label="Component ID") property_name = gr.Textbox(label="Property Name") property_value = gr.Textbox(label="Property Value") set_property_button = gr.Button("Set Property") # Step 4: Code Generation with gr.Group() as step4: generated_code = gr.Code(language="python") generate_code_button = gr.Button("Generate Code") # Step 5: Deployment with gr.Group() as step5: deploy_button = gr.Button("Deploy to Hugging Face Spaces") deployment_status = gr.Markdown() # Chat and Terminal (optional, can be hidden or shown based on preference) with gr.Accordion("Advanced", open=False): chat_history = gr.Chatbot(label="Chat with Agent") chat_input = gr.Textbox(label="Your Message") chat_button = gr.Button("Send") terminal_output = gr.Textbox(lines=8, label="Terminal", value=terminal_history) terminal_input = gr.Textbox(label="Enter Command") terminal_button = gr.Button("Run") # Function to update visibility based on current step def update_visibility(step): return { step1: gr.update(visible=(step == 1)), step2: gr.update(visible=(step == 2)), step3: gr.update(visible=(step == 3)), step4: gr.update(visible=(step == 4)), step5: gr.update(visible=(step == 5)), } # Event handlers def next_step(): app_process.next_step() return app_process.get_current_step_info(), update_visibility(app_process.current_step) def prev_step(): app_process.previous_step() return app_process.get_current_step_info(), update_visibility(app_process.current_step) next_button.click(next_step, outputs=[current_step, step1, step2, step3, step4, step5]) prev_button.click(prev_step, outputs=[current_step, step1, step2, step3, step4, step5]) # Step 1: Initialize App def init_app(name): app_process.app_name = name return f"App '{name}' initialized." init_app_button.click(init_app, inputs=[app_name_input], outputs=[components_display]) # Step 2: Add Component add_component_button.click(app_process.add_component, inputs=[component_type], outputs=[components_display]) # Step 3: Set Property set_property_button.click(app_process.set_component_property, inputs=[component_id, property_name, property_value], outputs=[components_display]) # Step 4: Generate Code generate_code_button.click(app_process.generate_python_code, outputs=[generated_code]) # Step 5: Deploy deploy_button.click(app_process.deploy_to_huggingface, outputs=[deployment_status]) # Existing chat and terminal functionality chat_button.click(run_chat, inputs=[chat_input, chat_history], outputs=[chat_history, terminal_output]) terminal_button.click(run_terminal_command, inputs=[terminal_input, terminal_output], outputs=[terminal_output]) iface.launch()