@rooode/dsh-plugin-preview 0.1.1 → 0.1.2

package/lib/client.js

@@ -40,6 +40,7 @@
     let globalActiveTabId = null;
     let globalIsPanelOpen = false;
     let globalPanelWidth = DEFAULT_PANEL_WIDTH;
+    let globalLastOpenTime = 0;
     const stateListeners = new Set();
 
     try {
@@ -85,6 +86,9 @@
 
     function setPanelOpen(open) {
       globalIsPanelOpen = open;
+      if (open) {
+        globalLastOpenTime = Date.now();
+      }
       notifyStateChange();
     }
 
@@ -179,6 +183,7 @@
         globalTabs = [newTab, ...globalTabs];
         globalActiveTabId = tabId;
       }
+      globalLastOpenTime = Date.now();
       globalIsPanelOpen = true;
       saveTabsToStorage();
       notifyStateChange();
@@ -1000,6 +1005,57 @@
         }
       }, [isDragging]);
 
+      const drawerRef = useRef(null);
+
+      // Outside Click Listener: Click on the chat conversation / dialog box outside the drawer to auto close/hide it
+      useEffect(() => {
+        if (!isOpen) return;
+
+        const handleOutsidePointerDown = (e) => {
+          // 1. Ignore if just opened within 250ms
+          if (Date.now() - globalLastOpenTime < 250) return;
+          // 2. Ignore during dragging resize handle
+          if (isDragging) return;
+
+          const target = e.target;
+          if (!target) return;
+
+          // 3. If clicking inside the preview drawer, do not close
+          const drawerEl = drawerRef.current || document.querySelector('.dsh-preview-drawer-container');
+          if (drawerEl && (drawerEl === target || drawerEl.contains(target))) {
+            return;
+          }
+
+          // 4. If clicking on the floating pill, do not close
+          const floatPill = document.querySelector('.dsh-preview-float-pill');
+          if (floatPill && (floatPill === target || floatPill.contains(target))) {
+            return;
+          }
+
+          // 5. If clicking on a file link or button that opens a file preview, do not close (let interceptor open it)
+          if (target.closest) {
+            const btn = target.closest('button');
+            if (btn) {
+              const candidate = btn.getAttribute('title') || btn.getAttribute('aria-label') || btn.textContent || '';
+              if (isPreviewableFile(candidate.trim())) return;
+            }
+            const anchor = target.closest('a');
+            if (anchor) {
+              const href = anchor.getAttribute('href') || '';
+              if (isPreviewableFile(href)) return;
+            }
+          }
+
+          // 6. Outside click in dialog/conversation/background: Auto hide the preview drawer!
+          setPanelOpen(false);
+        };
+
+        window.addEventListener('pointerdown', handleOutsidePointerDown, true);
+        return () => {
+          window.removeEventListener('pointerdown', handleOutsidePointerDown, true);
+        };
+      }, [isOpen, isDragging]);
+
       // Hotkey: Esc closes preview
       useEffect(() => {
         const onKeyDown = (e) => {
@@ -1032,6 +1088,7 @@
 
         // Right-Side Slide Drawer
         isOpen ? h('div', {
+          ref: drawerRef,
           className: `dsh-preview-drawer-container ${isDragging ? 'dragging' : ''}`,
           style: { width: `${width}px` },
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rooode/dsh-plugin-preview",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "DeepSeek Harness Markdown 文档右侧预览插件 (参考 WorkBuddy FileTabs 实现，支持多标签、GFM 渲染、TOC 大纲、源码分栏)",
   "type": "module",
   "main": "lib/index.js",