Update app.py

app.py

@@ -1,40 +1,16 @@
 import gradio as gr
-import os
-import sys
-from pathlib import Path
-import importlib.util
-
-# Create examples directory
-EXAMPLES_DIR = Path("examples")
-EXAMPLES_DIR.mkdir(exist_ok=True)
+import numpy as np
+from PIL import Image
 
-# Pre-defined Gradio examples
-EXAMPLES = {
-    "hello_world": {
-        "title": "Hello World Greeter",
-        "description": "A simple app that greets you by name",
-        "code": """
-import gradio as gr
+# Simple function to set matplotlib config dir
+import os
+os.environ['MPLCONFIGDIR'] = '/tmp'
 
+# Hello World example function
 def greet(name):
     return f"Hello, {name}!"
 
-demo = gr.Interface(
-    fn=greet,
-    inputs=gr.Textbox(label="Your Name"),
-    outputs=gr.Textbox(label="Greeting"),
-    title="Hello World Greeter",
-    description="A simple app that greets you by name"
-)
-"""
-    },
-    
-    "calculator": {
-        "title": "Simple Calculator",
-        "description": "Perform basic arithmetic operations",
-        "code": """
-import gradio as gr
-
+# Calculator example function
 def calculate(num1, num2, operation):
     if operation == "Add":
         return num1 + num2
@@ -47,28 +23,7 @@ def calculate(num1, num2, operation):
             return "Error: Division by zero"
         return num1 / num2
 
-demo = gr.Interface(
-    fn=calculate,
-    inputs=[
-        gr.Number(label="First Number"),
-        gr.Number(label="Second Number"),
-        gr.Radio(["Add", "Subtract", "Multiply", "Divide"], label="Operation")
-    ],
-    outputs=gr.Textbox(label="Result"),
-    title="Simple Calculator",
-    description="Perform basic arithmetic operations"
-)
-"""
-    },
-    
-    "image_filter": {
-        "title": "Image Filter",
-        "description": "Apply various filters to your images",
-        "code": """
-import gradio as gr
-import numpy as np
-from PIL import Image
-
+# Image filter example function
 def apply_filter(image, filter_type):
     if image is None:
         return None
@@ -90,89 +45,57 @@ def apply_filter(image, filter_type):
         return Image.fromarray(sepia_img.astype(np.uint8))
     return image
 
-demo = gr.Interface(
-    fn=apply_filter,
-    inputs=[
-        gr.Image(type="pil"),
-        gr.Radio(["Grayscale", "Invert", "Sepia"], label="Filter")
-    ],
-    outputs=gr.Image(type="pil"),
-    title="Image Filter",
-    description="Apply various filters to your images"
-)
-"""
-    }
-}
-
-# Function to load and run a specific example
-def run_example(example_name):
-    example = EXAMPLES.get(example_name)
-    if not example:
-        return None
+# Create a Gradio app with all examples presented side by side
+with gr.Blocks(title="Gradio Examples") as demo:
+    gr.Markdown("# Gradio Examples")
+    gr.Markdown("This app demonstrates three simple Gradio examples: Hello World, Calculator, and Image Filter.")
     
-    # Create module file
-    module_path = EXAMPLES_DIR / f"{example_name}.py"
-    with open(module_path, "w") as f:
-        f.write(example["code"])
-    
-    try:
-        # Import the module
-        spec = importlib.util.spec_from_file_location(f"examples.{example_name}", module_path)
-        module = importlib.util.module_from_spec(spec)
-        sys.modules[f"examples.{example_name}"] = module
-        spec.loader.exec_module(module)
+    # Layout the examples in a grid
+    with gr.Tabs():
+        with gr.Tab("Hello World"):
+            with gr.Box():
+                gr.Markdown("## Hello World Example")
+                gr.Markdown("A simple app that greets you by name.")
+                
+                name_input = gr.Textbox(label="Your Name", value="World")
+                greet_btn = gr.Button("Say Hello")
+                greeting_output = gr.Textbox(label="Greeting")
+                
+                greet_btn.click(fn=greet, inputs=name_input, outputs=greeting_output)
         
-        if hasattr(module, 'demo'):
-            return module.demo
-    except Exception as e:
-        print(f"Error loading example {example_name}: {e}")
-    
-    return None
-
-# Main selector interface
-def example_selector():
-    """Create a simple selector interface"""
-    
-    def select_example(example_name):
-        """Callback when an example is selected"""
-        demo = run_example(example_name)
-        if demo:
-            demo.launch(server_name="0.0.0.0", server_port=7860)
-        return f"Selected {example_name}, please restart the server to see it."
-    
-    demo = gr.Interface(
-        fn=select_example,
-        inputs=gr.Radio(
-            choices=list(EXAMPLES.keys()),
-            label="Select an example to run",
-            info="Choose one of the examples below"
-        ),
-        outputs=gr.Textbox(label="Status"),
-        title="Gradio Examples Selector",
-        description="Select an example from the list to run it.",
-        allow_flagging=False
-    )
-    
-    return demo
-
-# Get example from environment variables if set
-def get_example_from_env():
-    """Check if an example is specified in the environment"""
-    return os.environ.get("GRADIO_EXAMPLE", None)
+        with gr.Tab("Calculator"):
+            with gr.Box():
+                gr.Markdown("## Simple Calculator")
+                gr.Markdown("Perform basic arithmetic operations between two numbers.")
+                
+                num1 = gr.Number(label="First Number", value=5)
+                num2 = gr.Number(label="Second Number", value=3)
+                operation = gr.Radio(
+                    ["Add", "Subtract", "Multiply", "Divide"],
+                    label="Operation",
+                    value="Add"
+                )
+                calc_btn = gr.Button("Calculate")
+                result = gr.Textbox(label="Result")
+                
+                calc_btn.click(fn=calculate, inputs=[num1, num2, operation], outputs=result)
+        
+        with gr.Tab("Image Filter"):
+            with gr.Box():
+                gr.Markdown("## Image Filter")
+                gr.Markdown("Apply various filters to images.")
+                
+                image_input = gr.Image(type="pil", label="Input Image")
+                filter_type = gr.Radio(
+                    ["Grayscale", "Invert", "Sepia"],
+                    label="Filter Type",
+                    value="Grayscale"
+                )
+                filter_btn = gr.Button("Apply Filter")
+                filtered_image = gr.Image(label="Filtered Image")
+                
+                filter_btn.click(fn=apply_filter, inputs=[image_input, filter_type], outputs=filtered_image)
 
-# Main application logic
+# Launch the app
 if __name__ == "__main__":
-    # Check if we should load a specific example
-    example_name = get_example_from_env()
-    
-    if example_name in EXAMPLES:
-        demo = run_example(example_name)
-        if demo:
-            print(f"Running example: {example_name}")
-            demo.launch(server_name="0.0.0.0", server_port=7860)
-        else:
-            print(f"Failed to load example: {example_name}, falling back to selector")
-            example_selector().launch(server_name="0.0.0.0", server_port=7860)
-    else:
-        # Run the selector interface
-        example_selector().launch(server_name="0.0.0.0", server_port=7860)
+    demo.launch(server_name="0.0.0.0", server_port=7860)