@rooode/dsh-plugin-preview 0.1.18 → 0.1.20

package/lib/client.js

@@ -27,10 +27,10 @@
     const STORAGE_KEY_TREE_OPEN = 'dsh:preview:tree:open:v1';
     const STORAGE_KEY_TREE_WIDTH = 'dsh:preview:tree:width:v1';
     const STORAGE_KEY_MANUAL_WS = 'dsh:preview:manual_workspace:v1';
-    const DEFAULT_PANEL_WIDTH = 620;
+    const DEFAULT_PANEL_WIDTH = 700;
     const MIN_PANEL_WIDTH = 380;
-    const DEFAULT_TREE_WIDTH = 240;
-    const MIN_TREE_WIDTH = 180;
+    const DEFAULT_TREE_WIDTH = 220;
+    const MIN_TREE_WIDTH = 170;
     const MAX_TREE_WIDTH = 450;
     const SUPPORTED_EXTENSIONS = new Set([
       '.md', '.markdown', '.mdown', '.mkdn', '.mdwn',
@@ -958,7 +958,7 @@
           return t.split('|').map(c => c.trim());
         };
 
-        const tableRegex = /^(\|?.+\|.*)\n(\|?[\s\-:|]+\|.*)\n((?:\|?.*\|.*(?:\n|$))*)/gm;
+        const tableRegex = /^([ \t]*\|?.+\|.*)\n([ \t]*\|?[ \t]*:?-+:?[ \t]*(?:\|[ \t]*:?-+:?[ \t]*)+\|?[ \t]*)(?:\n((?:[ \t]*\|.*\|.*(?:\n|$))*))?/gm;
         text = text.replace(tableRegex, (match, headerLine, alignLine, bodyLines) => {
           const headerCells = parseTableRow(headerLine);
           const alignCells = parseTableRow(alignLine);
@@ -975,16 +975,18 @@
           });
           tableHtml += '</tr></thead><tbody>';
 
-          const rows = bodyLines.trim().split('\n');
-          for (const row of rows) {
-            if (!row.trim()) continue;
-            const cells = parseTableRow(row);
-            tableHtml += '<tr>';
-            cells.forEach((cell, i) => {
-              const align = aligns[i] || 'left';
-              tableHtml += `<td style="text-align:${align}">${formatInlineStyles(cell)}</td>`;
-            });
-            tableHtml += '</tr>';
+          if (bodyLines) {
+            const rows = bodyLines.trim().split('\n');
+            for (const row of rows) {
+              if (!row.trim()) continue;
+              const cells = parseTableRow(row);
+              tableHtml += '<tr>';
+              cells.forEach((cell, i) => {
+                const align = aligns[i] || 'left';
+                tableHtml += `<td style="text-align:${align}">${formatInlineStyles(cell)}</td>`;
+              });
+              tableHtml += '</tr>';
+            }
           }
           tableHtml += '</tbody></table></div>\n\n';
           return tableHtml;
@@ -3437,13 +3439,6 @@
         h('div', { className: 'dsh-preview-toolbar' },
           // Left: View mode toggles
           h('div', { className: 'dsh-preview-toolbar-left' },
-            h('button', {
-              type: 'button',
-              className: `dsh-preview-tool-btn ${isTreeOpen ? 'active' : ''}`,
-              onClick: onToggleTree,
-              title: isTreeOpen ? '隐藏工作区目录树 (Ctrl/Cmd+B)' : '展开工作区目录树 (Ctrl/Cmd+B)',
-            }, '🗂️ 目录树'),
-
             // Adaptive View Mode buttons based on File Category
             category === 'markdown' ? (
               h('div', { className: 'dsh-preview-mode-group' },
@@ -4337,19 +4332,28 @@
         }
 
         /* Side-by-Side Right Sidebar Layout Integration */
-        body.dsh-preview-sidebar-active div[class*="centerCol"] {
-          margin-right: var(--dsh-preview-width, 620px) !important;
-          max-width: calc(100% - var(--dsh-preview-width, 620px)) !important;
+        body.dsh-preview-sidebar-active div[class*="frame"] {
+          width: calc(100% - var(--dsh-preview-width, 700px)) !important;
+          max-width: calc(100% - var(--dsh-preview-width, 700px)) !important;
           box-sizing: border-box !important;
-          transition: margin-right 0.18s cubic-bezier(0.16, 1, 0.3, 1), max-width 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
+          transition: width 0.18s cubic-bezier(0.16, 1, 0.3, 1), max-width 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
         }
-        body.dsh-preview-sidebar-active.dsh-preview-maximized div[class*="centerCol"] {
+        body.dsh-preview-sidebar-active.dsh-preview-maximized div[class*="frame"] {
           display: none !important;
         }
         body.dsh-preview-sidebar-active.dsh-preview-maximized .dsh-preview-drawer-container {
           width: 100vw !important;
         }
 
+        /* Shift Right Activity Rail to dock on the preview sidebar left border when open */
+        body.dsh-preview-sidebar-active .dsh-right-activity-rail {
+          right: var(--dsh-preview-width, 700px) !important;
+          transition: right 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
+        }
+        body.dsh-preview-sidebar-active.dsh-preview-maximized .dsh-right-activity-rail {
+          display: none !important;
+        }
+
         /* Workspace Switcher Header & Popover */
         .dsh-tree-sidebar-title.dsh-tree-title-clickable {
           cursor: pointer;
@@ -4746,15 +4750,18 @@
           display: flex;
           align-items: center;
           justify-content: space-between;
-          padding: 6px 12px;
+          padding: 4px 8px;
           height: 38px;
           min-height: 38px;
           flex-shrink: 0;
           background: var(--dsw-alias-bg-layer-2, #f8fafc);
           border-bottom: 1px solid var(--dsw-alias-border-l2, #e2e8f0);
-          gap: 10px;
+          gap: 6px;
           box-sizing: border-box;
+          overflow-x: auto;
+          scrollbar-width: none;
         }
+        .dsh-preview-toolbar::-webkit-scrollbar { display: none; }
         body[data-ds-dark-theme] .dsh-preview-toolbar {
           background: var(--dsw-alias-bg-layer-2, #161a24);
           border-bottom-color: var(--dsw-alias-border-l2, #252d3d);
@@ -4763,7 +4770,7 @@
         .dsh-preview-toolbar-right {
           display: flex;
           align-items: center;
-          gap: 6px;
+          gap: 4px;
           flex-shrink: 0;
           white-space: nowrap;
         }
@@ -4785,7 +4792,7 @@
           border: none;
           color: var(--dsw-alias-label-secondary, #64748b);
           font-size: 11px;
-          padding: 4px 9px;
+          padding: 3px 7px;
           border-radius: 4px;
           cursor: pointer;
           transition: all 0.15s;
@@ -4811,13 +4818,13 @@
           border: 1px solid var(--dsw-alias-border-l2, #cbd5e1);
           color: var(--dsw-alias-label-primary, #334155);
           font-size: 11px;
-          padding: 4px 9px;
-          border-radius: 5px;
+          padding: 3px 7px;
+          border-radius: 4px;
           cursor: pointer;
           transition: all 0.15s;
           display: flex;
           align-items: center;
-          gap: 4px;
+          gap: 3px;
           white-space: nowrap;
           flex-shrink: 0;
         }

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.18)');
+        console.log('[PreviewService] Registered /api/preview route on webServer (v0.1.20)');
       } 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.18",
+  "version": "0.1.20",
   "description": "DeepSeek Harness Markdown 文档与工作空间文件浏览器右侧预览插件 (支持工作区文件树、文件夹创建与文件移动、JSON 交互结构树/格式化、Java/C++/Python/JS/TS/YAML/Go/Rust 多语言语法高亮与符号大纲、自动换行与多标签 FileTabs)",
   "type": "module",
   "main": "lib/index.js",