Update app.py

app.py

@@ -9,17 +9,14 @@ def image_to_svg(image, colormode, hierarchical, filter_speckle, color_precision
     This function is triggered automatically when any of the input controls change.
     """
     if image is None:
-        # A clear startup state before an image is uploaded.
         return None, "Upload an image to see the SVG preview and code.", None
 
     input_path = image
     
-    # Create a persistent temporary file that Gradio can access after the function returns.
     with tempfile.NamedTemporaryFile(delete=False, suffix=".svg", mode='w', encoding='utf-8') as temp_output_file:
         output_path = temp_output_file.name
 
     try:
-        # vtracer conversion call with all parameters from the UI
         vtracer.convert_image_to_svg_py(
             input_path,
             output_path,
@@ -33,18 +30,15 @@ def image_to_svg(image, colormode, hierarchical, filter_speckle, color_precision
             length_threshold=float(length_threshold),
             splice_threshold=int(splice_threshold),
             path_precision=int(path_precision),
-            max_iterations=10 # A reasonable default
+            max_iterations=10
         )
 
-        # Read the generated SVG content to display in the code block
         with open(output_path, "r", encoding='utf-8') as f:
             svg_content = f.read()
         
-        # Return the path for the file download, the SVG code, and the path for the image preview.
         return output_path, svg_content, output_path
 
     except Exception as e:
-        # Handle potential errors during conversion and display them
         error_message = f"An error occurred during conversion: {str(e)}"
         return None, error_message, None
 
@@ -60,12 +54,12 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue")) as demo:
             gr.Markdown(
                 """
                 # IMG2SVG: Real-time SVG Converter
-                This application converts raster images (like JPG, PNG) into clean, scalable vector graphics (SVG) using the powerful `vtracer` library.
+                This application converts raster images into clean, scalable vector graphics (SVG).
                 
                 **How to use:**
                 1.  Upload an image.
                 2.  Adjust the settings in the control panel below.
-                3.  The SVG preview will update automatically.
+                3.  The SVG preview updates automatically when you change a setting.
                 """
             )
 
@@ -103,20 +97,23 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue")) as demo:
 
     # --- Event Handling for Live Update ---
     
-    # A list of all the input controls that should trigger a re-render.
-    controls = [
+    all_inputs = [
         image_input, colormode, hierarchical, filter_speckle, color_precision, 
         layer_difference, mode, corner_threshold, length_threshold, splice_threshold, path_precision
     ]
     
-    # A list of all the components that will display the output.
-    outputs = [svg_file_output, svg_text_output, svg_image_output]
+    all_outputs = [svg_file_output, svg_text_output, svg_image_output]
 
-    # This loop attaches an event listener to every control.
-    # The 'debounce' parameter is crucial for performance. It waits for 0.5s of inactivity
-    # before triggering the conversion, ensuring it doesn't run excessively while a slider is being dragged.
-    for component in controls:
-        component.change(fn=image_to_svg, inputs=controls, outputs=outputs, debounce=0.5)
+    # **THE FIX:** Use '.release' for sliders to avoid excessive updates.
+    # Use '.change' for controls that only fire once per action.
+    
+    # Sliders will trigger the function only when the user lets go of the mouse.
+    for slider in [filter_speckle, color_precision, layer_difference, corner_threshold, length_threshold, splice_threshold, path_precision]:
+        slider.release(fn=image_to_svg, inputs=all_inputs, outputs=all_outputs)
+
+    # Image upload and radio buttons will trigger immediately on change.
+    for component in [image_input, colormode, hierarchical, mode]:
+        component.change(fn=image_to_svg, inputs=all_inputs, outputs=all_outputs)
 
 # To launch the application
 demo.launch()