贪吃蛇面板 ghbhiee/dsh-plugin-snake

dsh-plugin-snake

一个用于 DeepSeek Harness Web UI 的贪吃蛇游戏面板，以树外插件的形式提供。

框架覆盖层中的一个浮动 🐍 按钮会打开一个自包含的贪吃蛇游戏：方向键 / WASD 控制方向，空格键暂停，触摸屏上支持滑动手势。最高分保存在 localStorage 中。

安装

该插件是手写的 JavaScript，无需构建步骤，因此可以直接从 GitHub 安装——无需下载或编译：

dsh plugin --profile web add github:ghbhiee/dsh-plugin-snake

或者从本地克隆安装（使用 link:，因此编辑会在下次重启时生效）：

git clone https://github.com/ghbhiee/dsh-plugin-snake.git
dsh plugin --profile web add ./dsh-plugin-snake

之后重启 web profile——插件在启动时组装，从不热加载：

systemctl restart dsh-web # 或者：launchctl kickstart -k gui/$(id -u)/com.tokencv.dsh-web

同类插件的安装方式相同： dsh-plugin-workbench、 dsh-plugin-mobile-shell、 dsh-plugin-cli-session。

工作原理

分为两半，通过 package.json 发现：

| 部分 | 入口 | 运行于 | 作用 |
| host | exports["."] → lib/index.js | Node | 一个空的 cordis 插件。它的存在是为了让 bundle 行能够解析，并使 dsh 能够发现浏览器部分。 |
| browser | exports["./client"] → lib/client.js | 页面 | 注册到 shell.overlay 座位并渲染游戏。 |

- cordis.patch.yml 贡献了一个 bundle 行（id: snake， name: dsh-plugin-snake），这正是让该包被导入的原因。
- 浏览器部分将自身包裹在 window.__ModuleLoader__.load({ id, factory }) 中——id 必须等于包名——并通过 /plugins/dsh-plugin-snake/client.js?rev= 提供服务，因此代码变更会自动使浏览器缓存失效。
- 它注册的是一个组件，而不是直接操作页面：宿主应用会将注册到 shell.overlay 的每个条目作为自己的 React 子节点渲染。唯一一处直接的 DOM 操作是注入一个去重后的标签。
- react 来自加载器的共享外部依赖（require("react")），从不打包——两份 React 副本会破坏 hooks。

编辑

没有构建步骤：lib/*.js 就是源码，浏览器部分为手写的 CJS，宿主部分为 ESM。编辑后重启 web profile 即可。

npm run check # 对两个入口点执行 node --check

由于浏览器部分是纯 JavaScript，它直接使用 React.createElement(...) 而不是 JSX。