dsh-inline-diff:在聊天流中查看文件编辑

前言

DSH 的 Web GUI 默认将文件编辑压缩成单行。要查看更改,必须点击。dsh-inline-diff 插件用始终展开的并排差异替换这些行:左侧为旧代码,右侧为新代码。

安装

通过 CLI 安装(推荐):

dsh plugin --profile web add github:JanEickholt/dsh-inline-diff

手动安装:

  1. 在项目的 package.json 中添加依赖:
   "dsh-inline-diff": "github:JanEickholt/dsh-inline-diff"

然后在项目目录下运行 pnpm install。

  1. 在项目的 cordis.patch.yml 中添加以下配置:
   - insert:
       - id: inline-diff
         name: 'dsh-inline-diff'
  1. 刷新 GUI 页面。每次编辑和文件写入都会渲染为内联差异。

核心功能

该插件提供始终展开的并排差异视图:

  • 并排对比:左侧显示旧代码,右侧显示新代码。
  • 视觉标识:添加显示为绿色,删除显示为红色。每个更改的行都有彩色边缘条。
  • 高亮细节:默认情况下,不仅行会被高亮,改变的单词也会被高亮。每个文件都有 +N -N 的汇总信息。
  • 交互:鼠标悬停时,高亮会跟踪光标下的行。支持折叠长区块。
  • 代码辅助:包含行号、语法高亮(基于 highlight.js)和折叠长区块功能。

配置项

安装后,可以在设置中调整显示效果:

  • 高亮模式:在 Settings → Plugins → Inline diff 中,可以选择仅高亮行,或同时高亮单词。
  • 行号:可以选择显示或关闭行号。
  • 语法高亮:可以选择开启或关闭代码的语法高亮。
  • 折叠长区块:开启后,超过一定行数的区块会折叠,点击展开。
  • 壁纸玻璃效果:如果安装了 dsh-wallpaper-engine 并启用了壁纸,差异卡片会呈现玻璃拟态效果。

注意事项

  • 主题兼容:该插件兼容 dsh-stylevault,可以通过其 Colors 面板覆盖颜色变量。
  • 行号准确性:如果无法定位编辑块,行号可能不准确。
  • 语言回退:如果缺少翻译,界面将回退到英语。
  • 客户端结构:客户端是一个自包含文件。
  • 开发背景:该插件由 AI 编码代理编写。

生态背景

DSH 理念是「一切皆插件」。社区目录是独立站点,与 DeepSeek / 幻方无官方从属关系。

链接:
* GitHub 仓库:https://github.com/JanEickholt/dsh-inline-diff
* 社区目录:https://www.skillhub.cn/plugins/JanEickholt/dsh-inline-diff

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜