接管 DSH 浏览器的 edit / write 工具卡片,用近线性行级 diff 做真正的差异展示,消除内置 DiffBlock 把「未变化的相同行」在删除区红 - 行和新增区绿 + 行各渲染一遍的重复。
纯浏览器端 client 插件,单击即换新渲染,不碰 DSH 源码。
原版 diff 的显示相当离谱:一次只修改一行,它却把这行连同上下各三行一起带进 diff,共十四行,其中七行被折叠,正好红区和绿区完全不重叠。不点开二级展开根本看不出到底改了什么——点开了也照样看花眼。
这个插件把无关的相同行全部去除。只修改一行时,就只显示一行红一行绿,真正的修改加粗划线,一眼就能看清改在哪里。
另外,PTC 模式下默认只显示调用成功与否,本插件也做了适配,能正常显示修改内容。
- 仅差异行:完全相同行直接不渲染,只显示真实变化的删除行红
-与新增行绿+,消除重复。 - 行内字符高亮:删/增行数相等的替换对,再做字符级 diff,用下划线在行内标出真正改动的字符,而不是整行糊在一起。
- 近线性算法:先做公共前缀/后缀收缩线性,仅对中间小差异带运行 Myers diff,复杂度与差异量成正比而非平方,超大文件也流畅。
- 默认收起:卡片默认一行摘要,点开才显示 diff 体,不刷屏。
- 长 diff 二次折叠:展开后若差异行超 14 行,折成头 +「⋯ 展开其余 N 行差异」+ 尾,点开才全量。
- 对齐原生观感:字号、圆角、配色复用内置 DiffBlock/ToolRow 同一批
--dsw-*主题变量,视觉上就是原生卡片。 - 复制与统计:复制只含差异行,
-/+前缀;底部└ +A -R · N file(s)变更统计。 - 单文件与多文件:
edit/write双双接管,覆盖新建只显示绿色新增,纯删、多 hunk 等场景。 - PTC 模式兼容:
run_code子调用中的edit/write同样显示优化后的修改 diff,通过callId中的:code:标记识别子调用。注意write是全文件覆写,无旧内容,只能显示全新增;想看精确 diff 应使用edit。
| 效果图 | |
|---|---|
| 原版 diff | ![]() |
| 本插件 | ![]() |
dsh plugin --profile web add github:better-er/dsh-edit-diff或安装 npm 发布的版本:dsh plugin --profile web add dsh-edit-diff。
一条命令装完即生效,自动挂载,重启 DSH web 后启用,无需手工编辑任何组合文件。
dsh plugin --profile web remove dsh-edit-diff彻底移除,重启 DSH web 后不再加载。
- 是标准形态的 dsh client 插件,声明
dsh.client,导出./client。 - 同时声明了
dsh.bundle,因此也是一个自挂载的 bundle 层插件:用dsh plugin --profile <name> add从 GitHub 安装后,会被自动识别为 profile layer 并挂载,无需手工写组合 entry。 - 纯浏览器半身,无 host 行为;
lib/index.js是无操作的 no-op 主机插件标准双面包约定。 - UI 挂载点:接管 keyed 槽位
tool.call.toolview的edit与write两个 key。 - 遮蔽而非冲突:注册时显式传
priority: -1低于内置file-mutation-toolview的默认 0,用更低优先级遮蔽默认渲染,而不是在同一优先级上 clash。 - PTC 模式:通过
callId包含:code:判断是否为run_code子调用,从argsRaw中提取old_string/new_string即 edit 或content即 write 动态构建 diff。 - 无构建:
lib/client.js是按 DSH client bundle 产出的注册式模块,源码即产物,改完即用。 - 纯 JavaScript 单文件,不引入任何额外 npm 依赖diff 算法就地内联。

