Update app.py

app.py

@@ -1,33 +1,40 @@
 import gradio as gr
 import logging
-import json
 
 # Set up logging
 logging.basicConfig(
-    level=logging.INFO, format="%(asctime)s - %(levelname)s - %(message)s"
+    level=logging.DEBUG, format="%(asctime)s - %(levelname)s - %(message)s"
 )
 logger = logging.getLogger(__name__)
 
+# Set the root directory as a reusable variable
+ROOT_DIR = "./tmp"
 
-def get_file_content(file):
-    return (file,)
-
+def show_image(file_path):
+    logger.info(f"show_image function called with file_path: {file_path}")
+    if file_path:
+        result = file_path[0] if isinstance(file_path, list) else file_path
+        logger.info(f"Returning file path: {result}")
+        return result
+    logger.warning("No file path provided")
+    return None
 
+logger.info("Starting Gradio app")
 with gr.Blocks() as demo:
-    gr.Markdown("---")
-    gr.Markdown('### `FileExplorer` to `Image` "`')
-    with gr.Group():
-        with gr.Row():
-            file_4 = gr.FileExplorer(
-                scale=1,
-                file_count="single",
-                elem_id="file",
-            )
+    logger.info("Initializing FileExplorer component")
+    file_explorer = gr.FileExplorer(
+        glob="**/*.webp",
+        file_count="single",
+        root_dir=ROOT_DIR,
+        label="Select a WebP image"
+    )
+    logger.info("Initializing Image output component")
+    image_output = gr.Image(type="filepath", label="Selected Image")
 
-            img = gr.Image(scale=2)
+    logger.info("Setting up change event for FileExplorer")
+    file_explorer.change(show_image, inputs=file_explorer, outputs=image_output)
 
-    file_4.change(logger.info(json.dumps(get_file_content)))
-    # file_4.change(get_file_content, file_4, img)
+logger.info("Launching Gradio app")
 
 if __name__ == "__main__":
-    demo.launch(debug=True)
+    demo.launch(debug=True)