前言¶
在 DSH web 會話中，git diff 常以 markdown 代碼塊或 bash 工具行出現。如果只在聊天窗口裏查看，逐行檢查、複製原始 diff、把行級意見寫回 composer 都不夠順。yangzhe1991/dsh-code-review 是一個 DSH Web 插件：在出現 git diff 時，提供一個 open in new tab 按鈕，把 diff 打開到獨立瀏覽器標籤頁中做評審。
這是什麼¶
倉庫爲 yangzhe1991/dsh-code-review，許可證爲 MIT。它解決的是一個具體流程：會話裏出現 git diff 後，用獨立頁面查看雙列 diff，進行語法高亮、行內評論，並把評論以約定格式寫入 DSH composer。
核心能力¶
打開與展示¶
- 將
git diff輸出在獨立瀏覽器標籤頁中打開爲代碼評審頁。 - 按鈕可出現在 markdown diff 代碼塊和 bash 工具行上，包括摺疊行。
- 評審頁通過 Blob URL 打開，不依賴服務器路由。
- 流式輸出時，按鈕在內容穩定約 1 秒後纔出現，避免半流式 diff 產生損壞頁面。
雙列查看與高亮¶
- 雙列並排查看舊文件與新文件，各自帶行號。
- 新增行綠色、刪除行紅色，連續刪除後添加的塊會逐行配對。
- 支持行內字符級高亮。
- 支持基礎語法高亮，覆蓋關鍵字、字符串、註釋和數字。
- 保留
@@hunk 分隔，並將多文件 diff 分成按文件區塊，帶狀態徽章。
導航與查看輔助¶
- 文件導航側邊欄，點擊文件跳轉。
- 頂部統計欄顯示
+N −M · F files，並提供複製原始 diff 與可摺疊原始文本。 - 頁面繼承 DSH 主題顏色，淺色/深色模式保持一致。
- 整頁自然滾動，長行換行。
- 跟隨 DSH 界面語言顯示中文或英文 UI。
行內評論¶
- 可以在行號處添加行內評論。
- 評論可以以
Looks Good To Me或普通評論提交。 - 提交後，評論以
file:line — comment行寫入 DSH composer。
安裝與啓用¶
先安裝插件：
dsh plugin --profile web add @yangzhe1991/dsh-code-review
安裝後需要重啓 Web GUI：Ctrl+C 停掉 dsh web 進程並重新運行，然後刷新瀏覽器標籤頁。dsh plugin 會運行 pnpm add，並自動把 bundle 追加到 dsh.profile.bundles。
本地開發也可以用鏈接方式安裝：
dsh plugin --profile web add link:/path/to/@yangzhe1991/dsh-code-review
使用 link: spec 時，需要重新構建並重啓 dsh web。
典型用法¶
1、在會話中出現 git diff 後，點擊 markdown diff 代碼塊或 bash 工具行上的 open in new tab 按鈕，打開獨立評審頁。
2、在評審頁中查看雙列 diff、行號、新增/刪除顏色、字符級高亮、語法高亮、文件側邊欄和頂部統計欄。
3、懸停任意行號並點擊，添加行內評論；完成所有評論後，選擇 Looks Good To Me 或普通評論提交。
4、提交後，評論會寫成 file:line — comment 行進入 DSH composer，可直接發送給 agent。
兼容與運行要求¶
- 兼容
dsh >= 0.1.2-alpha.4，自0.1.5起完全支持；dsh 0.1.0-rc.x仍通過 legacy snapshot path 支持。 peerDependencies要求react ^18.2.0，以及@deepseek-ai/dsh-client-runtime、@deepseek-ai/dsh-client-ui-conversation、@deepseek-ai/dsh-client-ui-layout、@deepseek-ai/dsh-client-ui-slots均爲^0.1.0-rc.6。- 插件以 DSH Web 插件形式運行，安裝前建議先檢查倉庫源碼和 MIT 許可證。它會在 DSH 客戶端界面中運行，並按當前 DSH 進程權限對待。
適用場景¶
適合在 DSH web 中查看 git diff、做人工檢查、並把行級意見寫回 composer 的場景。它在出現 diff 的代碼塊或工具行上增加一個打開按鈕，適合需要比聊天窗口更完整評審視圖的流程。
鏈接¶
- GitHub：
https://github.com/yangzhe1991/dsh-code-review - 目錄頁：已覈實事實中未提供可確認的 URL，本文不給出目錄頁地址。
