Update app.py

app.py

@@ -166,36 +166,28 @@ custom_css = """
 
 _js_functions = """
 function copyToClipboard(text) {
-    console.log("copyToClipboard called with text:", text, "Type:", typeof text);
-
-    if (typeof text !== 'string') {
-        console.error('copyToClipboard Error: text is not a string. Received type:', typeof text, 'value:', text);
-        const feedback = document.createElement('div');
-        feedback.textContent = '复制错误: 无效的标签数据 (类型: ' + typeof text + ')';
-        feedback.style.position = 'fixed';
-        feedback.style.bottom = '20px';
-        feedback.style.left = '50%';
-        feedback.style.transform = 'translateX(-50%)';
-        feedback.style.backgroundColor = '#D32F2F';
-        feedback.style.color = 'white';
-        feedback.style.padding = '10px 20px';
-        feedback.style.borderRadius = '5px';
-        feedback.style.zIndex = '10000';
-        feedback.style.transition = 'opacity 0.5s ease-out';
-        document.body.appendChild(feedback);
-        setTimeout(() => {
-            feedback.style.opacity = '0';
-            setTimeout(() => {
-                document.body.removeChild(feedback);
-            }, 500);
-        }, 3000);
+    // --- 调试信息 ---
+    console.log('copyToClipboard function was called.');
+    console.log('Received text:', text);
+    // console.trace();
+
+    // --- 保护性检查 ---
+    // 如果 text 未定义或为 null，则不执行后续操作，并打印警告
+    if (typeof text === 'undefined' || text === null) {
+        console.warn('copyToClipboard was called with undefined or null text. Aborting this specific copy operation.');
+        // 在这种情况下，不应该尝试复制，也不应该显示“已复制”的提示
         return;
     }
 
     navigator.clipboard.writeText(text).then(() => {
+        // console.log('Tag copied to clipboard: ' + text);
         const feedback = document.createElement('div');
-        const displayCopiedText = text.length > 40 ? text.substring(0, 37) + '...' : text;
-        feedback.textContent = '已复制: ' + displayCopiedText;
+        
+        // 确保 text 是字符串类型，再进行 substring 操作
+        let displayText = String(text); // 将 text 转换为字符串以防万一
+        displayText = displayText.substring(0, 30) + (displayText.length > 30 ? '...' : '');
+        
+        feedback.textContent = '已复制: ' + displayText;
         feedback.style.position = 'fixed';
         feedback.style.bottom = '20px';
         feedback.style.left = '50%';
@@ -210,39 +202,42 @@ function copyToClipboard(text) {
         setTimeout(() => {
             feedback.style.opacity = '0';
             setTimeout(() => {
-                document.body.removeChild(feedback);
+                if (document.body.contains(feedback)) {
+                    document.body.removeChild(feedback);
+                }
             }, 500);
         }, 1500);
     }).catch(err => {
-        console.error('Failed to copy tag: ', text, err);
-        let errorMsg = '复制失败';
-        if (err.name === 'NotAllowedError') {
-            errorMsg = '复制失败: 未授予剪贴板权限。请检查浏览器设置。';
-        } else if (err.message && (err.message.includes("Clipboard write was denied") || err.message.includes("transient activation"))) {
-             errorMsg = '复制失败: 请先点击页面任意位置以激活，然后再试。';
-        } else if (err.message) {
-            errorMsg = `复制失败: ${err.message.substring(0, 70)}`;
-        }
-        const feedback = document.createElement('div');
-        feedback.textContent = errorMsg;
-        feedback.style.position = 'fixed';
-        feedback.style.bottom = '20px';
-        feedback.style.left = '50%';
-        feedback.style.transform = 'translateX(-50%)';
-        feedback.style.backgroundColor = '#D32F2F';
-        feedback.style.color = 'white';
-        feedback.style.padding = '10px 20px';
-        feedback.style.borderRadius = '5px';
-        feedback.style.zIndex = '10000';
-        document.body.appendChild(feedback);
-        setTimeout(() => { document.body.removeChild(feedback); }, 3000);
+        console.error('Failed to copy tag. Error:', err, 'Attempted to copy text:', text);
+        // alert('复制失败: ' + err); 
+        const errorFeedback = document.createElement('div');
+        errorFeedback.textContent = '复制操作失败!'; // 错误提示
+        errorFeedback.style.position = 'fixed';
+        errorFeedback.style.bottom = '20px';
+        errorFeedback.style.left = '50%';
+        errorFeedback.style.transform = 'translateX(-50%)';
+        errorFeedback.style.backgroundColor = '#D32F2F'; // 红色背景
+        errorFeedback.style.color = 'white';
+        errorFeedback.style.padding = '10px 20px';
+        errorFeedback.style.borderRadius = '5px';
+        errorFeedback.style.zIndex = '10000';
+        errorFeedback.style.transition = 'opacity 0.5s ease-out';
+        document.body.appendChild(errorFeedback);
+        setTimeout(() => {
+            errorFeedback.style.opacity = '0';
+            setTimeout(() => {
+                if (document.body.contains(errorFeedback)) {
+                    document.body.removeChild(errorFeedback);
+                }
+            }, 500);
+        }, 2500);
     });
 }
 """
 
 with gr.Blocks(theme=gr.themes.Soft(), title="AI 图像标签分析器", css=custom_css, js=_js_functions) as demo:
     gr.Markdown("# 🖼️ AI 图像标签分析器")
-    gr.Markdown("上传图片自动识别标签，支持中英文显示和一键复制。")
+    gr.Markdown("上传图片自动识别标签，支持中英文显示。[在线体验AI绘画](https://nai.idlecloud.cc/ "IDLE_CLOUD")")
 
     state_res = gr.State({})
     state_translations_dict = gr.State({})
@@ -300,7 +295,6 @@ with gr.Blocks(theme=gr.themes.Soft(), title="AI 图像标签分析器", css=cus
         for i, tag in enumerate(tag_keys): # tag 应该是字符串
             score = tags_dict[tag]
     
-            # 改进的转义方法：
             if isinstance(tag, str):
                 js_safe_tag_content = json.dumps(tag)[1:-1]
             else: