VS Code 风格代码编辑器:侧边栏文件树浏览工作区,Monaco 编辑,文件读写,Git 状态与差异,搜索与 Markdown 预览。
安装
# npm 包(预构建)
dsh plugin --profile web add dsh-editor
# GitHub 源码(首次需按提示配置 allowBuilds 构建授权后重试)
dsh plugin --profile web add github:yangshen830-eng/dsh-editor
装任何插件都等于在你的机器上跑第三方代码,权限和你本人一样大——能读你的文件、用你的凭据、访问网络,工具审批管不到它。GitHub 来源的插件还会在安装时执行构建脚本——pnpm 默认拦截,所以安装可能停在 ERR_PNPM_GIT_DEP_PREPARE_NOT_ALLOWED 或 ERR_PNPM_IGNORED_BUILDS;dsh 会打印出需要添加的确切键名,把它加进该 profile 的 pnpm-workspace.yaml 的 allowBuilds 下,重跑一次即可装上。放行构建本身就是一次信任判断:请只安装可信来源,并尽量锁定 commit(github:owner/repo#sha)。
README
一个运行在 DeepSeek Harness (DSH) 里的 VS Code 风格代码编辑器插件:在会话主区新增一个「文件」标签页,提供文件树、Monaco 编辑器、跨文件搜索/替换、Markdown 预览、Git 状态等能力。
以**标准 Cordis 插件(npm 包)**形式分发,可通过 dsh plugin add 一键安装、重启后依然生效。
功能
- 文件树:浏览当前工作区目录(自动跟随会话/工作区切换),展开/折叠,Git 状态角标(
M/A/??…),点击角标查看 diff。 - Monaco 编辑器:多文件标签页、语法高亮、自动换行/Minimap/字号/Tab 宽度可配置、快捷键可自定义。
- 跨文件搜索:基于 ripgrep,流式增量出结果、命中高亮、虚拟滚动(上限 20000 条)、大小写/全字/正则开关、包含/排除 glob、搜索历史、跨文件替换。
- Markdown 预览:源码 / 预览 / 分屏三视图,marked 渲染 + DOMPurify 消毒 + highlight.js 高亮 + mermaid 图表 + KaTeX 公式 + 任务列表勾选。
- 快速打开:
Ctrl+P按相对路径模糊匹配。 - 对话路径跳转:对话里行内代码形式的文件路径可
Ctrl+点击(macOSCmd+点击)直接切到「文件」页并打开。 - 主题同步:跟随 DSH 明暗主题,Monaco/highlight.js/mermaid 实时切换。
安装
从 GitHub 安装(推荐)
dsh plugin --profile web add git@github.com:yangshen830-eng/dsh-editor.git
从本地目录安装
dsh plugin --profile web add file:/path/to/dsh-editor
从 npm 安装(发布后)
dsh plugin --profile web add dsh-editor
安装后重启 DSH(dsh web --profile web)即可在会话主区看到「文件」标签页。
说明:
dsh plugin add会把包加入dsh.profile.bundles,profile 启动时依据本包的dsh.bundle.patch(cordis.patch.yml)挂载 Host 端,并依据dsh.client声明加载浏览器端。客户端模块表的扫描结果在进程内缓存,因此插件集变化需重启 DSH 生效。
目录结构
dsh-editor/
├── lib/
│ ├── index.js # Host 端(Node 进程:fs/git/subprocess 搜索后端 + /editor RPC)
│ └── client.js # Client 端(浏览器:UI、Monaco、搜索、预览,经 /editor RPC 调 Host)
├── cordis.patch.yml # dsh.bundle.patch:把 Host 端插件行 insert 进 profile
├── package.json # dsh.bundle.patch + dsh.client 声明
├── src/ # 动态插件(dynamic Cordis Plugin)形式的等价源码,供参考/单会话快速安装
├── install/INSTALL.md # 安装与迁移说明
├── README.md
└── LICENSE
架构
DSH 的浏览器 UI 插件由两半组成,通过 npm 包的 dsh 字段声明挂载:
- Host 半(
lib/index.js):标准 Cordis 插件,inject: ['connection'],在apply里用ctx.connection.rpc.handle('/editor', handler)暴露私有 JSON RPC。fs:*(文件读写/列举/项目根/搜索)、git:*(状态/diff)各端点走一个 dispatch 表。 - Client 半(
lib/client.js):window.__ModuleLoader__.load(...)模块,require("react")拿 React,inject: ['slots', 'connection', 'timer', 'sessions'],用ctx.connection.rpc.call('/editor', endpoint, payload)调 Host,用ctx.slots.inject注册「文件」标签页与设置页;sessions服务提供当前会话的cwd,作为文件树默认根。
两半之间只传输可 JSON 序列化的数据。
src/ 动态插件源码
src/host.js 与 src/client.js 是同一编辑器的动态插件(dynamic Cordis Plugin)形式源码,适合临时试玩:在一个 DSH 会话里让 Agent 用 cordis_define + cordis_run 安装即可,无需改 profile。缺点是不落盘、进程重启即失效。详见 install/INSTALL.md。
许可证
链接
同类插件
zhu1090093659/dsh-web#packages/dsh-task-board★ 8334
侧边栏多列任务看板:卡片交给真实 DSH 智能体会话执行,支持 cron 定时(Host 侧到点执行,关浏览器也生效)。
zhu1090093659/dsh-web#packages/dsh-web-all★ 8334
DSH Web UI 插件与皮肤合集:任务看板、git 图、右侧面板、远程移动端 UI、桌宠、实时 token 统计与皮肤中心。
ccch1mneyyy/dsh-TUI★ 3989
Claude Code 风格全屏终端 UI:像素鲸鱼顶栏、实时工作状态行、思考流式展开。
omdsh-dev/DSH-better-sidebar★ 3981
侧边栏完整工作台:内置文件渲染编辑、终端、Git 与子代理,支持三方插件注册新 Tab。
MeteorNOX/DeepSeek-Balance-Whale-Widget★ 3944
右下角常驻的小鲸鱼挂件:余额、今日已用与每轮对话消耗(含峰谷价),余额预警与今日预算的泡泡内容都可编辑;泡泡点击序列模块化自定义,支持并列加权 A/B、随机台词与随机图片;内置 30+ 厂商模板(OpenAI / OpenRouter / Kimi / 硅基流动 / 方舟 / 智谱 / MiniMax 等),按模型查余额与订阅额度;另有任务结束音效、导入音频、自定义角色与资源管理。数据全在本机,无遥测。
Devin-AXIS/deepseek-design#deepseek-idesign★ 1412
可视化设计工作室,支持网站、App 原型、海报、信息卡、报告和杂志的模板创建、元素编辑、选区级 AI 草稿衔接与导出。
社区评论
评论公开保存在 GitHub Discussions。加载评论会连接 GitHub 和 Giscus;发表内容需要 GitHub 账号。