前言¶
DeepSeek Harness (DSH) 的核心設計理念是「一切皆插件」。在 Web UI 的開發與調試過程中，開發者有時需要更輕量級的交互擴展。dsh-plugin-snake 提供了一個位於覆蓋層中的浮動按鈕，點擊後即可直接在 Web 界面中運行貪喫蛇遊戲，無需額外的下載或編譯步驟。
插件簡介¶
這是一個爲 DeepSeek Harness Web UI 設計的貪喫蛇遊戲面板插件，由用戶 ghbhiee 維護。它主要解決的是在 Web 界面中增加趣味性交互的問題，通過一個懸浮按鈕將遊戲面板注入到框架的覆蓋層座位中。
核心功能¶
- 遊戲面板：集成在 DeepSeek Harness Web UI 中的貪喫蛇遊戲。
- 浮動入口：在框架的覆蓋層中顯示一個浮動按鈕，點擊打開遊戲。
- 操作方式：支持方向鍵或 WASD 控制移動，空格鍵暫停。觸摸屏設備支持滑動手勢。
- 狀態持久化：遊戲高分記錄保存在瀏覽器的 localStorage 中。
- 無構建依賴：使用手寫 JavaScript，無需配置構建工具即可運行。
安裝與啓用¶
插件安裝需要通過命令行工具添加，且安裝後必須重啓服務。
- 安裝插件：
dsh plugin --profile web add github:ghbhiee/dsh-plugin-snake
- 重啓 Web 服務以加載插件：
systemctl restart dsh-web
若使用 macOS，可使用以下命令重啓：
launchctl kickstart -k gui/$(id -u)/com.tokencv.dsh-web
典型用法¶
- 遊戲控制：安裝並重啓後，在 DeepSeek Harness Web UI 中找到浮動按鈕，使用鍵盤控制蛇的移動，或使用觸摸屏滑動。按空格鍵可暫停遊戲。
- 源碼修改：該插件沒有構建步驟，源碼即編譯後的代碼。直接編輯
lib/client.js或lib/index.js，保存後重啓服務即可生效。可使用npm run check檢查語法。
適用場景與注意事項¶
- 適用場景：適合在 DSH Web 界面中測試覆蓋層擴展能力，或在調試間隙進行輕度娛樂。
- 注意事項：
- 插件在系統啓動時組裝，不支持熱加載，修改代碼後必須重啓。
- 需要滿足 Node.js 版本
^22.19.0 || >=24.0.0。 - 高分僅保存在本地瀏覽器緩存中，不涉及服務器數據。
結語¶
dsh-plugin-snake 展示瞭如何通過插件系統將輕量級組件嵌入到 DeepSeek Harness 的 Web UI 中。對於需要定製 UI 交互的開發者，這是一個基於原生 JavaScript 實現的參考案例。
