Update app.py

app.py

@@ -5,7 +5,7 @@ from io import StringIO
 
 # Mapping of Gradio components to Toga equivalents
 GRADIO_TO_TOGA = {
-    "Textbox": ("toga.TextInput", "style=Pack(pading=5)", "Text Input"),
+    "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"),
@@ -108,7 +108,7 @@ def generate_toga_code(components, functions):
 # Conversion function
 def convert_gradio_to_toga(file, code_text):
     if not file and not code_text:
-        return None, "Please upload a Gradio app Python file or paste code in the textbox."
+        return None, None, "Please upload a Gradio app Python file or paste code in the textbox."
     
     try:
         # Use file if provided, else use text
@@ -116,16 +116,16 @@ def convert_gradio_to_toga(file, code_text):
         components, functions = parse_gradio_code(code)
         
         if not components and functions and isinstance(functions[0], str):
-            return None, f"Error: {functions[0]}"
+            return None, None, f"Error: {functions[0]}"
         
         toga_code = generate_toga_code(components, functions)
         output_path = "/tmp/toga_app.py"
         with open(output_path, "w") as f:
             f.write(toga_code)
         
-        return output_path, "Conversion successful! Download the Toga app below."
+        return output_path, toga_code, "Conversion successful! Preview the Toga code below and download the app."
     except Exception as e:
-        return None, f"Error: {str(e)}"
+        return None, None, f"Error: {str(e)}"
 
 # Gradio interface
 with gr.Blocks(theme=gr.themes.Soft()) as interface:
@@ -134,13 +134,14 @@ with gr.Blocks(theme=gr.themes.Soft()) as interface:
     file_input = gr.File(label="Upload Gradio App", file_types=[".py"])
     code_input = gr.Textbox(label="Paste Gradio Code", lines=10, placeholder="Paste your Gradio Python code here...")
     convert_button = gr.Button("Convert to Toga")
+    toga_preview = gr.Textbox(label="Toga Code Preview", lines=15, interactive=False)
     output = gr.File(label="Download Toga App")
     status = gr.Textbox(label="Status", interactive=False)
     
     convert_button.click(
         fn=convert_gradio_to_toga,
         inputs=[file_input, code_input],
-        outputs=[output, status]
+        outputs=[output, toga_preview, status]
     )
 
 # Run Gradio for Hugging Face Spaces