Update app.py

app.py

@@ -322,6 +322,180 @@ with gr.Blocks() as iface:
         terminal_input = gr.Textbox(label="Enter Command")
         terminal_button = gr.Button("Run")
 
+# App Creation Process Class
+class AppCreationProcess:
+    def __init__(self):
+        self.current_step = 1
+        self.app_name = ""
+        self.components = []
+
+    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"<div>Component ID: {component['id']}, Type: {component['type']}, Properties: {component['properties']}</div>"
+            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")
+
 # App Creation Process Class
 class AppCreationProcess:
     def __init__(self):