@rooode/dsh-plugin-preview 0.1.11 → 0.1.12

package/lib/client.js

@@ -1043,6 +1043,142 @@
     // React Components: Workspace File Tree Explorer (with DnD, Create & Move)
     // =========================================================================
 
+    function IconNewFile() {
+      return h('svg', {
+        width: 14,
+        height: 14,
+        viewBox: '0 0 16 16',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 1.3,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        style: { display: 'block', flexShrink: 0 }
+      },
+        h('path', { d: 'M9 1.5H3.5A1.5 1.5 0 0 0 2 3v10a1.5 1.5 0 0 0 1.5 1.5h9a1.5 1.5 0 0 0 1.5-1.5V6L9 1.5z' }),
+        h('polyline', { points: '9 1.5 9 6 13.5 6' }),
+        h('line', { x1: 5.5, y1: 10, x2: 9.5, y2: 10 }),
+        h('line', { x1: 7.5, y1: 8, x2: 7.5, y2: 12 })
+      );
+    }
+
+    function IconNewFolder() {
+      return h('svg', {
+        width: 14,
+        height: 14,
+        viewBox: '0 0 16 16',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 1.3,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        style: { display: 'block', flexShrink: 0 }
+      },
+        h('path', { d: 'M1.5 3.5A1.5 1.5 0 0 1 3 2h3.2l1.4 1.5H13A1.5 1.5 0 0 1 14.5 5v7A1.5 1.5 0 0 1 13 13.5H3A1.5 1.5 0 0 1 1.5 12V3.5z' }),
+        h('line', { x1: 6, y1: 8.5, x2: 10, y2: 8.5 }),
+        h('line', { x1: 8, y1: 6.5, x2: 8, y2: 10.5 })
+      );
+    }
+
+    function IconRefresh() {
+      return h('svg', {
+        width: 13,
+        height: 13,
+        viewBox: '0 0 16 16',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 1.4,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        style: { display: 'block', flexShrink: 0 }
+      },
+        h('path', { d: 'M13.5 2.5v3.5h-3.5' }),
+        h('path', { d: 'M2.5 13.5v-3.5h3.5' }),
+        h('path', { d: 'M3.5 6a5.5 5.5 0 0 1 8.8-1.5l1.2 1.5' }),
+        h('path', { d: 'M12.5 10a5.5 5.5 0 0 1-8.8 1.5l-1.2-1.5' })
+      );
+    }
+
+    function IconExpandAll() {
+      return h('svg', {
+        width: 13,
+        height: 13,
+        viewBox: '0 0 16 16',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 1.4,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        style: { display: 'block', flexShrink: 0 }
+      },
+        h('polyline', { points: '3.5 5.5 8 2 12.5 5.5' }),
+        h('line', { x1: 2, y1: 8, x2: 14, y2: 8 }),
+        h('polyline', { points: '3.5 10.5 8 14 12.5 10.5' })
+      );
+    }
+
+    function IconCollapseAll() {
+      return h('svg', {
+        width: 13,
+        height: 13,
+        viewBox: '0 0 16 16',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 1.4,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        style: { display: 'block', flexShrink: 0 }
+      },
+        h('polyline', { points: '3.5 3 8 6.5 12.5 3' }),
+        h('line', { x1: 2, y1: 8, x2: 14, y2: 8 }),
+        h('polyline', { points: '3.5 13 8 9.5 12.5 13' })
+      );
+    }
+
+    function IconChevronRight() {
+      return h('svg', {
+        width: 9,
+        height: 9,
+        viewBox: '0 0 16 16',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2.2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        style: { display: 'block' }
+      }, h('polyline', { points: '5 3 10 8 5 13' }));
+    }
+
+    function IconChevronDown() {
+      return h('svg', {
+        width: 9,
+        height: 9,
+        viewBox: '0 0 16 16',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 2.2,
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round',
+        style: { display: 'block' }
+      }, h('polyline', { points: '3 5 8 10 13 5' }));
+    }
+
+    function IconClose() {
+      return h('svg', {
+        width: 12,
+        height: 12,
+        viewBox: '0 0 16 16',
+        fill: 'none',
+        stroke: 'currentColor',
+        strokeWidth: 1.6,
+        strokeLinecap: 'round',
+        style: { display: 'block', flexShrink: 0 }
+      },
+        h('line', { x1: 3, y1: 3, x2: 13, y2: 13 }),
+        h('line', { x1: 13, y1: 3, x2: 3, y2: 13 })
+      );
+    }
+
     function isValidDropTarget(draggedItem, targetNode) {
       if (!draggedItem || !targetNode) return false;
       if (!targetNode.isDir) return false;
@@ -1373,7 +1509,7 @@
           isDir ? h('span', {
             className: `dsh-tree-chevron ${isExpanded ? 'expanded' : ''}`,
             onClick: (e) => { e.stopPropagation(); onToggleExpand(node.path); },
-          }, isExpanded ? '▼' : '▶') : h('span', { className: 'dsh-tree-chevron-placeholder' }),
+          }, isExpanded ? h(IconChevronDown) : h(IconChevronRight)) : h('span', { className: 'dsh-tree-chevron-placeholder' }),
 
           // File / Directory Icon
           h('span', {
@@ -1554,6 +1690,17 @@
         }
       }, [searchQuery, treeData]);
 
+      // Listen to external workspace switch events (e.g. from Git plugin)
+      useEffect(() => {
+        const handleWsSwitch = (e) => {
+          if (e.detail?.path && e.detail.path !== globalManualWorkspace) {
+            setManualWorkspace(e.detail.path);
+          }
+        };
+        window.addEventListener('dsh:workspace:switch', handleWsSwitch);
+        return () => window.removeEventListener('dsh:workspace:switch', handleWsSwitch);
+      }, []);
+
       const availableWorkspaces = useMemo(() => {
         return getAllAvailableWorkspaces();
       }, [isSelectorOpen, globalManualWorkspace]);
@@ -1562,6 +1709,9 @@
         setManualWorkspace(wsPath);
         setIsSelectorOpen(false);
         showToast(`已切换工作区: ${getFileName(wsPath)}`, 'success');
+        if (typeof window !== 'undefined') {
+          window.dispatchEvent(new CustomEvent('dsh:workspace:switch', { detail: { path: wsPath } }));
+        }
       };
 
       const handleCustomSubmit = async (e) => {
@@ -1581,6 +1731,9 @@
             setCustomPathInput('');
             setIsSelectorOpen(false);
             showToast(`已切换工作空间: ${json.name}`, 'success');
+            if (typeof window !== 'undefined') {
+              window.dispatchEvent(new CustomEvent('dsh:workspace:switch', { detail: { path: json.path } }));
+            }
           } else {
             showToast(json?.error?.message || '指定目录不存在或不是文件夹', 'error');
           }
@@ -1778,39 +1931,39 @@
             h('button', {
               type: 'button',
               className: 'dsh-tree-action-btn',
-              onClick: () => loadTree(true),
-              title: '刷新文件树',
-            }, '🔄'),
+              onClick: () => handleStartCreate(rootPath, 'file'),
+              title: '新建文件 (在根目录)',
+            }, h(IconNewFile)),
             h('button', {
               type: 'button',
               className: 'dsh-tree-action-btn',
-              onClick: () => handleStartCreate(rootPath, 'file'),
-              title: '在根目录新建文件',
-            }, '📄➕'),
+              onClick: () => handleStartCreate(rootPath, 'dir'),
+              title: '新建文件夹 (在根目录)',
+            }, h(IconNewFolder)),
             h('button', {
               type: 'button',
               className: 'dsh-tree-action-btn',
-              onClick: () => handleStartCreate(rootPath, 'dir'),
-              title: '在根目录新建文件夹',
-            }, '📁➕'),
+              onClick: () => loadTree(true),
+              title: '刷新文件树',
+            }, h(IconRefresh)),
             h('button', {
               type: 'button',
               className: 'dsh-tree-action-btn',
               onClick: handleExpandAll,
               title: '全部展开',
-            }, '📂'),
+            }, h(IconExpandAll)),
             h('button', {
               type: 'button',
               className: 'dsh-tree-action-btn',
               onClick: handleCollapseAll,
               title: '全部折叠',
-            }, '📁'),
+            }, h(IconCollapseAll)),
             onCloseSidebar ? h('button', {
               type: 'button',
               className: 'dsh-tree-action-btn',
               onClick: onCloseSidebar,
               title: '收起目录树 (快捷键 Ctrl/Cmd+B)',
-            }, '✕') : null
+            }, h(IconClose)) : null
           )
         ),
 
@@ -5226,6 +5379,7 @@
           align-items: center;
           gap: 2px;
           flex-shrink: 0;
+          white-space: nowrap;
         }
 
         .dsh-tree-action-btn {
@@ -5239,16 +5393,25 @@
           display: inline-flex;
           align-items: center;
           justify-content: center;
-          font-size: 11px;
           padding: 0;
-          transition: all 0.1s;
+          flex-shrink: 0;
+          white-space: nowrap;
+          transition: background 0.12s ease, color 0.12s ease;
+        }
+        body[data-ds-dark-theme] .dsh-tree-action-btn {
+          color: #94a3b8;
+        }
+        .dsh-tree-action-btn svg {
+          display: block;
+          flex-shrink: 0;
+          pointer-events: none;
         }
         .dsh-tree-action-btn:hover {
-          background: rgba(0, 0, 0, 0.06);
+          background: var(--dsw-alias-bg-hover, rgba(0, 0, 0, 0.07));
           color: var(--dsw-alias-label-primary, #0f172a);
         }
         body[data-ds-dark-theme] .dsh-tree-action-btn:hover {
-          background: rgba(255, 255, 255, 0.08);
+          background: rgba(255, 255, 255, 0.1);
           color: #ffffff;
         }
 

package/lib/index.js

@@ -29,7 +29,7 @@ export class PreviewService extends Service {
             handler: this.handleHttpRequest.bind(this),
           });
         });
-        console.log('[PreviewService] Registered /api/preview route on webServer (v0.1.11)');
+        console.log('[PreviewService] Registered /api/preview route on webServer (v0.1.12)');
       } else {
         console.warn('[PreviewService] webServer not available yet in ctx');
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rooode/dsh-plugin-preview",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "description": "DeepSeek Harness Markdown 文档与工作空间文件浏览器右侧预览插件 (支持工作区文件树、文件夹创建与文件移动、JSON 交互结构树/格式化、Java/C++/Python/JS/TS/YAML/Go/Rust 多语言语法高亮与符号大纲、自动换行与多标签 FileTabs)",
   "type": "module",
   "main": "lib/index.js",