@rooode/dsh-plugin-preview 0.1.0 → 0.1.2

package/lib/client.js

@@ -8,9 +8,8 @@
  * without popping up Windows Notepad.
  */
 
-window.__ModuleLoader__.load({
-  id: "@deepseek-ai/dsh-client-ui-preview",
-  factory: (require) => {
+(function() {
+  function previewFactory(require) {
     var module = { exports: {} };
     var exports = module.exports;
     Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
@@ -41,6 +40,7 @@ window.__ModuleLoader__.load({
     let globalActiveTabId = null;
     let globalIsPanelOpen = false;
     let globalPanelWidth = DEFAULT_PANEL_WIDTH;
+    let globalLastOpenTime = 0;
     const stateListeners = new Set();
 
     try {
@@ -86,6 +86,9 @@ window.__ModuleLoader__.load({
 
     function setPanelOpen(open) {
       globalIsPanelOpen = open;
+      if (open) {
+        globalLastOpenTime = Date.now();
+      }
       notifyStateChange();
     }
 
@@ -180,6 +183,7 @@ window.__ModuleLoader__.load({
         globalTabs = [newTab, ...globalTabs];
         globalActiveTabId = tabId;
       }
+      globalLastOpenTime = Date.now();
       globalIsPanelOpen = true;
       saveTabsToStorage();
       notifyStateChange();
@@ -1001,6 +1005,57 @@ window.__ModuleLoader__.load({
         }
       }, [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) => {
@@ -1033,6 +1088,7 @@ window.__ModuleLoader__.load({
 
         // Right-Side Slide Drawer
         isOpen ? h('div', {
+          ref: drawerRef,
           className: `dsh-preview-drawer-container ${isDragging ? 'dragging' : ''}`,
           style: { width: `${width}px` },
         },
@@ -2197,4 +2253,19 @@ window.__ModuleLoader__.load({
 
     return module.exports;
   }
-});
+
+  if (typeof window !== 'undefined' && window.__ModuleLoader__) {
+    const ids = [
+      '@rooode/dsh-plugin-preview',
+      '@deepseek-ai/dsh-client-ui-preview'
+    ];
+    for (const id of ids) {
+      try {
+        window.__ModuleLoader__.load({
+          id: id,
+          factory: previewFactory
+        });
+      } catch (e) {}
+    }
+  }
+})();

package/package.json

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