DSH Plugins
返回列表
🖥️

dsh-canvas-tsx-sidebar

客户端 更新于 2026.10.18

在终端中运行以下命令:

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 文档、不必执行源码的审阅者