Update app.py

app.py

@@ -63,41 +63,45 @@ with vector_converter_interface:
         type='value'
     )
 
-    interface = gr.Interface(
-        fn=convert_image,
-        inputs=[
-            gr.Image(type="pil", label="Upload Image"),
-            gr.Radio(choices=["Color", "Binary"], value="Color", label="Color Mode"),
-            gr.Radio(choices=["Stacked", "Cutout"], value="Stacked", label="Hierarchical"),
-            gr.Radio(choices=["Spline", "Polygon", "None"], value="Spline", label="Mode"),
-            gr.Slider(minimum=1, maximum=10, value=4, step=1, label="Filter Speckle"),
-            gr.Slider(minimum=1, maximum=8, value=6, step=1, label="Color Precision"),
-            gr.Slider(minimum=1, maximum=32, value=16, step=1, label="Layer Difference"),
-            gr.Slider(minimum=10, maximum=90, value=60, step=1, label="Corner Threshold"),
-            gr.Slider(minimum=3.5, maximum=10, value=4.0, step=0.5, label="Length Threshold"),
-            gr.Slider(minimum=1, maximum=20, value=10, step=1, label="Max Iterations"),
-            gr.Slider(minimum=10, maximum=90, value=45, step=1, label="Splice Threshold"),
-            gr.Slider(minimum=1, maximum=10, value=8, step=1, label="Path Precision"),
-            language_dropdown
-        ],
-        outputs=[
-            gr.HTML(label="SVG Output"),
-            gr.File(label="Download SVG")
-        ],
-        title=gr.State(TRANSLATIONS['en']['title']),
-        description=gr.State(TRANSLATIONS['en']['description'])
-    )
+    with gr.Blocks() as interface:
+        title = gr.Textbox(value=TRANSLATIONS['en']['title'], visible=False)
+        description = gr.Textbox(value=TRANSLATIONS['en']['description'], visible=False)
 
-    def update_language(language):
-        return {
-            interface.title: TRANSLATIONS[language]['title'],
-            interface.description: TRANSLATIONS[language]['description']
-        }
+        gr.Interface(
+            fn=convert_image,
+            inputs=[
+                gr.Image(type="pil", label="Upload Image"),
+                gr.Radio(choices=["Color", "Binary"], value="Color", label="Color Mode"),
+                gr.Radio(choices=["Stacked", "Cutout"], value="Stacked", label="Hierarchical"),
+                gr.Radio(choices=["Spline", "Polygon", "None"], value="Spline", label="Mode"),
+                gr.Slider(minimum=1, maximum=10, value=4, step=1, label="Filter Speckle"),
+                gr.Slider(minimum=1, maximum=8, value=6, step=1, label="Color Precision"),
+                gr.Slider(minimum=1, maximum=32, value=16, step=1, label="Layer Difference"),
+                gr.Slider(minimum=10, maximum=90, value=60, step=1, label="Corner Threshold"),
+                gr.Slider(minimum=3.5, maximum=10, value=4.0, step=0.5, label="Length Threshold"),
+                gr.Slider(minimum=1, maximum=20, value=10, step=1, label="Max Iterations"),
+                gr.Slider(minimum=10, maximum=90, value=45, step=1, label="Splice Threshold"),
+                gr.Slider(minimum=1, maximum=10, value=8, step=1, label="Path Precision"),
+                language_dropdown
+            ],
+            outputs=[
+                gr.HTML(label="SVG Output"),
+                gr.File(label="Download SVG")
+            ],
+            title=TRANSLATIONS['en']['title'],
+            description=TRANSLATIONS['en']['description']
+        )
 
-    language_dropdown.change(
-        update_language, 
-        inputs=language_dropdown, 
-        outputs=[interface.title, interface.description]
-    )
+        def update_language(language):
+            return {
+                title: TRANSLATIONS[language]['title'],
+                description: TRANSLATIONS[language]['description']
+            }
+
+        language_dropdown.change(
+            update_language, 
+            inputs=language_dropdown, 
+            outputs=[title, description]
+        )
 
 vector_converter_interface.launch()