dsh-better-sidebar-plugin-office

DSH web 插件：为 better-sidebar 的编辑器提供 Office 三件套文件预览（.docx / .xlsx / .pptx）。

背景

better-sidebar 曾内置这三个 viewer，但 docx-preview / Univer（+ SheetJS）/ pptx-renderer 会把 client bundle 撑到约 23MB。本插件把它们拆成独立 bundle，better-sidebar 本体不再内联 Office 渲染库（约 5.9MB 全套 → 2.2MB 压缩），需要 Office 预览的用户单独安装本插件即可。

功能

• 通过 ctx.betterSidebar.registerFileViewer 注册 3 个 viewer（id 与内置一致）：
  • docx：.docx，docx-preview 保真渲染（样式/图片/表格，Alt+滚轮缩放）
  • xlsx：.xlsx，Univer sheets 预设（数据 + 公式 + 合并单元格 + 列宽/行高）
  • pptx：.pptx，@aiden0z/pptx-renderer 浏览器原生预览（翻页导航）
• viewer 描述符形状与原内置完全一致（mediaUrl 策略、priority 0、title/icon），因此：
  • 既有文件路由行为不变（扩展名匹配优先于 binary-download / code 兜底）
  • Side card 设置页自动显示这三个 viewer 的启用开关
  • 加载/渲染失败回退到「下载查看」链接
• 客户端组件自包含：自带 locale（中/英）与 CSS，不依赖 better-sidebar 的 client 内部实现

依赖 better-sidebar 版本

需要 better-sidebar >= 0.6.0（已移除内置 office viewer 的版本），否则会与内置 docx/xlsx/pptx 注册冲突（already registered）。

DSH 宿主版本

需要 DSH >= 0.1.2-alpha.1：插件自 v0.2.0 起完成 dsh-client-runtime 拆分迁移——ClientContext 类型改用 @deepseek-ai/cordis 的 Context（better-sidebar 0.17+ 对该模块声明了 ctx.betterSidebar augmentation），不再依赖任何已删除的 @deepseek-ai/dsh-client-* client 包（client bundle 运行时只 require react 系）。

开发

pnpm install
pnpm run typecheck   # 类型门禁（需先构建 DSH-better-sidebar 的 lib/types）
pnpm test            # vitest（xlsx→Univer 转换 + 注册描述符）
pnpm run build       # tsdown 双产物（lib/index.js + lib/client.js）

@deepseek-ai/* alpha 版本未发布到 npm，devDeps 不声明它们：类型经 tsconfig.json 的 paths 指向本地 DSH checkout（~/.dsh/source/current，与 dsh-interpreters / dsh-mineru 同法）；.npmrc / pnpm-workspace.yaml 设 auto-install-peers=false，防止 pnpm 自动安装可选 peer 时拉取 404。若改用 junction（node_modules/@deepseek-ai/cordis → ~/.dsh/source/current/vendor/cordis），请在 pnpm install 之后创建。

tsdown.config.ts 含 jszip / xlsx 的 browser-entry alias（SheetJS/JSZip 在 CJS 降级后残留 Node builtin 引用）与 import.meta.resolve 空定义（pptx-renderer 的 PDF.js 探测）。改动这些库版本时需一并验证 client bundle 不含 Node builtin。

安装（profile）

# 从 npm 安装（推荐）：
dsh plugin --profile web add @huanlin/dsh-plugin-better-sidebar-plugin-office

# 本地开发（link: 热更新）
dsh plugin --profile web add "link:D:/Projects/deepseek-harness/dsh-better-sidebar-plugin-office"

安装后重启 dsh web 进程并浏览器硬刷新（Ctrl+Shift+R）。

运行

• 打开侧边栏 → 在文件资源管理器中打开任意 .docx / .xlsx / .pptx，预览器自动命中。
• Side card 设置页 →「文件预览」清单中可见 docx / xlsx / pptx 三张卡片，可单独启用/禁用。

检查

| 检查项 | 命令 | 预期 | |--------|------|------| | 类型门禁 | pnpm run typecheck | 0 错误 | | 单元测试 | pnpm test | 全部通过 | | 构建 | pnpm run build | lib/client.js 生成，window.__ModuleLoader__.load({ id: '@huanlin/dsh-plugin-better-sidebar-plugin-office', ... }) 包裹 | | bundle 纯度 | 产物中搜索 node: 或 require("fs") | 不应出现 Node builtin 引用 | | profile 可见 | Test-Path ~/.dsh/profiles/web/node_modules/@huanlin/dsh-plugin-better-sidebar-plugin-office/lib/client.js | True | | 插件加载 | 重启 dsh web + 硬刷新后侧边栏打开 Office 文件 | 预览正常渲染 |