Update app.py

app.py

@@ -1,4 +1,4 @@
-from flask import Flask, request, send_file, render_template_string
+from flask import Flask, send_file
 import gradio as gr
 import ast
 import os
@@ -8,15 +8,15 @@ app = Flask(__name__)
 
 # Mapping of Gradio components to Toga equivalents
 GRADIO_TO_TOGA = {
-    "Textbox": ("toga.TextInput", "placeholder='Enter Text'"),
-    "Image": ("toga.Label", "Placeholder: Use file picker for image"),
-    "Button": ("toga.Button", "on_press=button_handler"),
-    "Markdown": ("toga.Label", ""),
-    "Audio": ("toga.Label", "Placeholder: Audio not supported"),
-    "Video": ("toga.Label", "Placeholder: Video not supported"),
+    "Textbox": ("toga.TextInput", "style=Pack(padding=5)", "Text Input"),
+    "Image": ("toga.Label", "Placeholder: Image file picker", "Image Upload"),
+    "Button": ("toga.Button", "on_press=button_handler", "Submit"),
+    "Markdown": ("toga.Label", "style=Pack(padding=5, font_size=14)", "Markdown Text"),
+    "Audio": ("toga.Label", "Placeholder: Audio file picker", "Audio Upload"),
+    "Video": ("toga.Label", "Placeholder: Video file picker", "Video Upload"),
 }
 
-# Parse Gradio app code and extract components
+# Parse Gradio app code
 def parse_gradio_code(code):
     try:
         tree = ast.parse(code)
@@ -37,18 +37,16 @@ def parse_gradio_code(code):
         
         return components, functions
     except Exception as e:
-        return [], [str(e)]
+        return [], [f"Error parsing code: {str(e)}"]
 
-# Generate Toga code from parsed components
+# Generate Toga code
 def generate_toga_code(components, functions):
     toga_code = [
         "import toga",
         "from toga.style import Pack",
-        "from toga.style.pack import COLUMN, ROW",
-        "import os",
+        "from toga.style.pack import COLUMN",
         "",
-        "# Placeholder for original functions",
-        "# Copy your original function definitions here",
+        "# Original functions (copy these from your Gradio app)",
         f"# Detected functions: {', '.join(functions) if functions else 'None'}",
         "",
         "def build(app):",
@@ -57,38 +55,43 @@ def generate_toga_code(components, functions):
     ]
     
     for idx, comp in enumerate(components):
-        toga_comp, extra = GRADIO_TO_TOGA.get(comp["type"], ("toga.Label", f"Placeholder: {comp['type']} not supported"))
+        toga_comp, extra, label_prefix = GRADIO_TO_TOGA.get(comp["type"], ("toga.Label", f"Placeholder: {comp['type']} not supported", "Unknown"))
         
         # Handle component-specific logic
         if comp["type"] == "Textbox":
-            label = comp["kwargs"].get("label", f"'Text Input {idx}'")
+            label = comp["kwargs"].get("label", f"'{label_prefix} {idx}'")
             toga_code.append(f"    label_{idx} = toga.Label({label}, style=Pack(padding=(5, 5, 0, 5)))")
-            toga_code.append(f"    input_{idx} = {toga_comp}(style=Pack(padding=5))")
+            toga_code.append(f"    input_{idx} = {toga_comp}({extra})")
             toga_code.append(f"    box.add(label_{idx})")
             toga_code.append(f"    box.add(input_{idx})")
         
-        elif comp["type"] == "Image":
-            toga_code.append(f"    image_label_{idx} = toga.Label('Image: None selected', style=Pack(padding=5))")
-            toga_code.append(f"    def select_image_{idx}(widget):")
-            toga_code.append(f"        path = app.main_window.open_file_dialog('Select Image', file_types=['png', 'jpg', 'jpeg'])")
+        elif comp["type"] in ["Image", "Audio", "Video"]:
+            file_types = {
+                "Image": "['png', 'jpg', 'jpeg']",
+                "Audio": "['mp3', 'wav']",
+                "Video": "['mp4', 'avi']"
+            }.get(comp["type"], "['*']")
+            toga_code.append(f"    {comp['type'].lower()}_label_{idx} = toga.Label('{label_prefix}: None selected', style=Pack(padding=5))")
+            toga_code.append(f"    def select_{comp['type'].lower()}_{idx}(widget):")
+            toga_code.append(f"        path = app.main_window.open_file_dialog('Select {comp['type']}', file_types={file_types})")
             toga_code.append(f"        if path:")
-            toga_code.append(f"            image_label_{idx}.text = f'Image: {{path}}'")
-            toga_code.append(f"    image_button_{idx} = toga.Button('Upload Image', on_press=select_image_{idx}, style=Pack(padding=5))")
-            toga_code.append(f"    box.add(toga.Label('Upload Image', style=Pack(padding=(5, 5, 0, 5))))")
-            toga_code.append(f"    box.add(image_button_{idx})")
-            toga_code.append(f"    box.add(image_label_{idx})")
+            toga_code.append(f"            {comp['type'].lower()}_label_{idx}.text = f'{label_prefix}: {{path}}'")
+            toga_code.append(f"    {comp['type'].lower()}_button_{idx} = toga.Button('Upload {comp['type']}', on_press=select_{comp['type'].lower()}_{idx}, style=Pack(padding=5))")
+            toga_code.append(f"    box.add(toga.Label('{label_prefix}', style=Pack(padding=(5, 5, 0, 5))))")
+            toga_code.append(f"    box.add({comp['type'].lower()}_button_{idx})")
+            toga_code.append(f"    box.add({comp['type'].lower()}_label_{idx})")
         
         elif comp["type"] == "Button":
-            label = comp["kwargs"].get("value", f"'Submit {idx}'")
+            label = comp["kwargs"].get("value", f"'{label_prefix} {idx}'")
             toga_code.append(f"    def button_handler_{idx}(widget):")
-            toga_code.append(f"        # Placeholder: Implement logic for {functions[0] if functions else 'function'}")
+            toga_code.append(f"        # Implement logic for {functions[0] if functions else 'function'}")
             toga_code.append(f"        pass")
-            toga_code.append(f"    button_{idx} = {toga_comp}(label={label}, style=Pack(padding=5))")
+            toga_code.append(f"    button_{idx} = {toga_comp}(label={label}, {extra})")
             toga_code.append(f"    box.add(button_{idx})")
         
         elif comp["type"] == "Markdown":
-            text = comp["args"][0] if comp["args"] else "'Markdown Text'"
-            toga_code.append(f"    markdown_{idx} = {toga_comp}({text}, style=Pack(padding=5, font_size=16))")
+            text = comp["args"][0] if comp["args"] else f"'{label_prefix} {idx}'"
+            toga_code.append(f"    markdown_{idx} = {toga_comp}({text}, {extra})")
             toga_code.append(f"    box.add(markdown_{idx})")
         
         else:
@@ -108,7 +111,7 @@ def generate_toga_code(components, functions):
     
     return "\n".join(toga_code)
 
-# Gradio interface for file upload
+# Conversion function
 def convert_gradio_to_toga(file):
     if not file:
         return "Please upload a Gradio app Python file."
@@ -119,53 +122,70 @@ def convert_gradio_to_toga(file):
         components, functions = parse_gradio_code(code)
         
         if not components and functions and isinstance(functions[0], str):
-            return f"Error parsing code: {functions[0]}"
+            return f"Error: {functions[0]}"
         
         # Generate Toga code
         toga_code = generate_toga_code(components, functions)
         
-        # Save Toga code to a temporary file
-        output_path = "toga_app.py"
+        # Save to temporary file
+        output_path = "/tmp/toga_app.py"
         with open(output_path, "w") as f:
             f.write(toga_code)
         
-        return send_file(output_path, as_attachment=True, download_name="toga_app.py")
+        return output_path
     except Exception as e:
         return f"Error: {str(e)}"
 
 # Gradio interface
-def create_gradio_interface():
-    with gr.Blocks() as interface:
-        gr.Markdown("# Gradio to Toga Converter")
-        file_input = gr.File(label="Upload Gradio Python File")
-        convert_button = gr.Button("Convert to Toga")
-        output = gr.File(label="Download Toga App")
-        
-        convert_button.click(
-            fn=convert_gradio_to_toga,
-            inputs=file_input,
-            outputs=output
-        )
-    return interface
+with gr.Blocks(theme=gr.themes.Soft()) as interface:
+    gr.Markdown("# Gradio to Toga Converter")
+    gr.Markdown("Upload a Gradio app Python file to convert it to a Toga desktop app.")
+    file_input = gr.File(label="Upload Gradio App (.py)", file_types=[".py"])
+    convert_button = gr.Button("Convert to Toga")
+    output = gr.File(label="Download Toga App (.py)")
+    error_message = gr.Textbox(label="Status", interactive=False)
+    
+    convert_button.click(
+        fn=convert_gradio_to_toga,
+        inputs=file_input,
+        outputs=[output, error_message]
+    )
 
 # Flask route
 @app.route('/')
 def serve_gradio():
-    interface = create_gradio_interface()
-    # For Hugging Face Spaces, launch Gradio
-    interface.launch(share=False, server_name="0.0.0.0", server_port=int(os.environ.get("PORT", 7860)))
-    return render_template_string("""
+    # For Hugging Face Spaces, use environment port
+    port = int(os.environ.get("PORT", 7860))
+    interface.launch(server_name="0.0.0.0", server_port=port, quiet=True)
+    return """
     <!DOCTYPE html>
     <html>
     <head>
         <title>Gradio to Toga Converter</title>
+        <style>
+            body { font-family: Arial, sans-serif; text-align: center; padding: 20px; }
+            h1 { color: #333; }
+            p { color: #666; }
+        </style>
     </head>
     <body>
         <h1>Gradio to Toga Converter</h1>
-        <p>Access the Gradio interface to upload your Gradio app and download the Toga equivalent.</p>
+        <p>The converter is running. Use the Gradio interface to upload your Gradio app and download the Toga version.</p>
     </body>
     </html>
-    """)
+    """
+
+@app.route('/convert', methods=['POST'])
+def convert():
+    file = request.files.get('file')
+    if not file:
+        return {"error": "No file uploaded"}, 400
+    
+    result = convert_gradio_to_toga(file.read())
+    if result.startswith("Error"):
+        return {"error": result}, 400
+    
+    return send_file(result, as_attachment=True, download_name="toga_app.py")
 
 if __name__ == "__main__":
     app.run(host="0.0.0.0", port=int(os.environ.get("PORT", 7860)))