dsh-canvas-tsx-sidebar
在终端中运行以下命令:
dsh plugin install drscrewdriver/dsh-canvas-tsx-sidebar
将以下提示词粘贴到 DeepSeek Harness 对话框中:
在 DeepSeek Harness 中执行 dsh plugin install drscrewdriver/dsh-canvas-tsx-sidebar 安装本插件(源码:https://github.com/drscrewdriver/dsh-canvas-tsx-sidebar),安装前请确保已安装 dsh-better-sidebar(>=0.19.1)并重启 dsh web。
插件介绍
在 DSH 里打开 Qoder Canvas 的 .canvas.tsx,往往只能看到源码,报告版式无法直接阅读。dsh-canvas-tsx-sidebar 是 dsh-better-sidebar 的消费插件:在浏览器侧用轻量递归下降解析器把工作区里的 *.canvas.tsx 静态转成结构化页面,并在右侧栏展示,全程不执行 canvas 源码,也没有 eval、打包器或沙箱 iframe。
插件提供两条路径:在文件树点开 .tsx 时,.canvas.tsx 走结构化预览并可切换代码视图,其余 .tsx 仍显示源码;也可从右侧栏菜单打开「Canvas 报告」页签,手动输入路径查看,无需先在编辑器里打开文件。它只渲染你指定的单个文件,不会扫描整个工作区。
解析器面向「可读报告」而非编译器级 TSX:支持封闭规则下的字面量与常见 canvas 写法,遇到泛型、装饰器或未建模表达式会降级显示而不会抛错中断,页签模式为只读。仓库还附带 writing-qoder-canvas Skill,帮助 LLM 按实际渲染能力撰写 .canvas.tsx。
适合已在 DSH Web 中安装 dsh-better-sidebar、需要审阅或分享 Qoder Canvas 报告的团队与个人;未安装 better-sidebar 时插件会完全惰性,不影响 DSH 其他功能。
使用场景
- 在文件树中打开 .canvas.tsx,直接查看结构化报告而非源码
- 通过右侧栏「Canvas 报告」页签输入路径审阅未在编辑器中打开的文件
- 与团队共享或演示 Qoder Canvas 版式固定的状态/分析报告
适合人员
- 已安装 dsh-better-sidebar 的 DSH Web 用户
- 使用 Qoder Canvas 编写或维护 .canvas.tsx 报告的开发者
- 需要在 IDE 内快速预览 Canvas 文档、不必执行源码的审阅者