Update app.py

app.py

@@ -169,6 +169,8 @@ class ImageToDxfConverter:
             logger.error(f"Conversion failed: {str(e)}")
             return None, None, []
 
+# ... (các phần import và class ImageToDxfConverter giữ nguyên) ...
+
 def create_gradio_interface():
     """Create and configure the Gradio interface."""
     converter = ImageToDxfConverter()
@@ -180,9 +182,14 @@ def create_gradio_interface():
         Press Ctrl+V to paste image from clipboard.
         """)
         
+        # Thêm state để lưu base64 data
+        clipboard_image = gr.State()
+        
         with gr.Row():
             with gr.Column(scale=2):
                 image_input = gr.Image(
+                    source="upload",  # Thêm source parameter
+                    tool="select",    # Chỉ cho phép select
                     type="filepath",
                     label="Input Image",
                     elem_id="image_input",
@@ -214,45 +221,67 @@ def create_gradio_interface():
                     height=300
                 )
 
-        # Thêm JavaScript để xử lý paste từ clipboard
+        # Cập nhật JavaScript để xử lý paste
         demo.load(js="""
-        function setupPasteHandler() {
-            document.addEventListener('paste', async function(e) {
+        function initPasteHandler() {
+            // Lắng nghe sự kiện paste trên toàn document
+            document.addEventListener('paste', function(e) {
+                // Ngăn hành vi paste mặc định
                 e.preventDefault();
+                
+                // Lấy dữ liệu từ clipboard
                 const items = e.clipboardData.items;
                 
                 for (let i = 0; i < items.length; i++) {
-                    if (items[i].type.indexOf('image') !== -1) {
-                        const blob = items[i].getAsFile();
+                    const item = items[i];
+                    
+                    // Kiểm tra nếu là ảnh
+                    if (item.type.indexOf('image') !== -1) {
+                        const file = item.getAsFile();
                         const reader = new FileReader();
                         
                         reader.onload = function(event) {
-                            const base64data = event.target.result;
-                            const imgElement = document.querySelector('#image_input img');
-                            if (imgElement) {
-                                imgElement.src = base64data;
-                                
-                                // Trigger conversion after image is loaded
-                                imgElement.onload = function() {
-                                    const convertBtn = document.querySelector('#convert_btn');
-                                    if (convertBtn) {
-                                        convertBtn.click();
+                            // Tạo một đối tượng File từ dữ liệu base64
+                            fetch(event.target.result)
+                                .then(res => res.blob())
+                                .then(blob => {
+                                    const file = new File([blob], "pasted_image.png", { type: "image/png" });
+                                    
+                                    // Tạo một sự kiện drag and drop giả
+                                    const dt = new DataTransfer();
+                                    dt.items.add(file);
+                                    
+                                    // Tìm input file trong Gradio interface
+                                    const fileInput = document.querySelector('#image_input input[type="file"]');
+                                    if (fileInput) {
+                                        // Cập nhật files của input
+                                        fileInput.files = dt.files;
+                                        
+                                        // Trigger sự kiện change
+                                        const event = new Event('change', { bubbles: true });
+                                        fileInput.dispatchEvent(event);
+                                        
+                                        // Auto click nút convert sau khi paste
+                                        setTimeout(() => {
+                                            const convertBtn = document.querySelector('#convert_btn');
+                                            if (convertBtn) convertBtn.click();
+                                        }, 100);
                                     }
-                                }
-                            }
+                                });
                         };
                         
-                        reader.readAsDataURL(blob);
+                        reader.readAsDataURL(file);
                         break;
                     }
                 }
             });
         }
-        
+
+        // Đảm bảo DOM đã load xong
         if (document.readyState === 'complete') {
-            setupPasteHandler();
+            initPasteHandler();
         } else {
-            window.addEventListener('load', setupPasteHandler);
+            window.addEventListener('load', initPasteHandler);
         }
         """)
 
@@ -260,7 +289,8 @@ def create_gradio_interface():
         convert_btn.click(
             fn=converter.convert_image,
             inputs=[image_input, use_lines_checkbox],
-            outputs=[dxf_output, debug_output]
+            outputs=[dxf_output, debug_output],
+            api_name=False  # Disable API endpoint for this event
         )
 
     return demo
@@ -269,12 +299,12 @@ def main():
     """Main entry point with proper error handling."""
     try:
         demo = create_gradio_interface()
-        demo.queue()  # Enable queuing for better handling of concurrent requests
+        demo.queue()
         demo.launch(
             server_name="0.0.0.0",
             server_port=7860,
-            show_api=False,  # Disable API documentation page
-            share=False,     # Disable public URL generation
+            show_api=False,
+            share=False,
         )
     except Exception as e:
         logger.critical(f"Application failed to start: {str(e)}")