dsh-d399 · 贪玩蓝鲸

❤深❤夜❤寂❤寞❤，❤来❤玩❤ D399❤

当模型正在生成响应时，右下角弹出一个蓝鲸游戏弹窗。点击「来♂」展开游戏菜单，内置 Wordle + 消消乐 + 192 款参数化小游戏（覆盖反应/解谜/策略/街机/问答/卡牌等品类，同族变体折叠成组），并支持自定义网页书签。等待不再寂寞。

功能

• 生成检测：订阅 ctx.sessions.list 的 running 标志。false→true 边沿触发右下角 teaser 弹窗；true→false 自动收起（除非用户已打开游戏菜单或正在游戏中——此时保留到用户手动关闭）。
• 内置游戏：
  • Wordle — 6 次猜 5 字母英文词，绿/黄/灰三色反馈，内置常用词表，支持物理键盘 + 屏幕键盘。
  • 消消乐 — 8×8 六色网格，点选相邻方块交换，三同色消除 + 重力下落 + 连锁。
  • 190 款参数化小游戏 + 2 款代码库问答 — 见下方 游戏目录。
• 同族变体折叠：菜单里同类型的变体（如 5 款贪吃蛇）折叠为一个可展开的组，组头显示名称与变体数量，默认收起，支持「全部展开/全部收起」。
• 可拓展：暴露 ctx.d399Games 客户端服务，第三方插件可通过 inject: ['d399Games'] 注册更多游戏；游戏条目带可选 group 字段即可参与折叠。

游戏目录

190 款小游戏由约 30 个参数化引擎 + 一份静态 catalog 组合而成，按品类分组：

完整列表见 src/client/games/mini/catalog.ts，每个游戏条目形如 { id, name, icon, Component: bind(Engine, props) }，id 在注册表中用作 React key 与去重身份。

菜单折叠

GROUP_RULES（catalog.ts 末尾）把同族变体映射到折叠组：菜单中每个组显示为一行「图标 + 组名 + 变体数」，默认收起，点击展开/收起，顶部有「全部展开/全部收起」开关。规则按 id 前缀/后缀匹配、首条命中生效（colorseq- 须在 color- 前）。单成员组自动降级为普通卡片。第三方插件可在 register 时带 group: { id, name, icon } 参与折叠。

架构

纯客户端 UI 插件（host half 为空 apply），仿 dsh-spur 的双 bundle 结构：

src/
├── index.ts                     # host half: 空 apply
├── invariant.ts                 # 包不变量伴生（空 installer）
└── client/
    ├── index.tsx                # apply: provide d399Games 服务 + 注册内置游戏 + 挂载 overlay
    ├── registry.ts              # D399GamesService 实现 + Game 类型
    ├── useSessionRunning.ts     # useSyncExternalStore 订阅 current session 的 running
    ├── D399Overlay.tsx          # 主组件: teaser / menu / game modal（portal 到 document.body）
    ├── D399.module.css
    ├── games/
    │   ├── types.ts             # GameProps 共享类型
    │   ├── index.ts             # registerBuiltinGames: wordle + match3 + mini catalog
    │   ├── wordle/{logic.ts, words.ts, Wordle.tsx, Wordle.module.css}
    │   ├── match3/{logic.ts, Match3.tsx, Match3.module.css}
    │   ├── webframe/{WebFrame.tsx, BookmarkPanel.tsx, bookmarks.ts, *.module.css}
    │   └── mini/                # 192 款参数化小游戏
    │       ├── shared.ts        # 纯函数助手 + 词表/题库/谜语
    │       ├── mini.module.css  # 跨引擎共享样式（wrap/header/btn/cell/grid/banner/...）
    │       ├── engines-simple.tsx   # 约 24 引擎: clicker/reaction/aim/whack/bubble/etch/pixel
    │       │                       # /number/math/trivia/hangman/scramble/typing/stroop/riddle
    │       │                       # /coin/dice/spinner/color/slots/blackjack/highlow/war/cat-clicker
    │       ├── engines-strategy.tsx # 约 18 引擎: ttt/memory/simon/lights/slide/peg/mastermind
    │       │                       # /24game/water/hanoi/connect4/knight/mines/sudoku/nonogram
    │       │                       # /2048/nqueens/pathfind
    │       ├── engines-arcade.tsx   # 约 10 引擎: snake/breakout/pong/flappy/dodge/dino
    │       │                       # /asteroids/maze/colorseq/catch
    │       ├── catalog.ts       # MINI_CATALOG: 192 条 {id,name,icon,Component} + GROUP_RULES 折叠规则
    │       └── index.ts         # registerMiniGames(registry): O(N) 注册 catalog 全部条目
    └── ...
tests/                           # vitest 单元测试（wordle / match3 / 注册表 / mini catalog）

Mini-game 引擎参数化模式

每个引擎是一个标准的 React 组件，接收 GameProps & EngineProps。bind(Engine, props) 返回一个仅接收 GameProps 的包装组件，把 EngineProps 闭包进去，这样就能作为 Game.Component 塞进注册表。同一引擎绑定不同参数即生成不同游戏条目（如 Snake × {size, speedMs} 组合 → 5 款贪吃蛇）。

// catalog.ts
{ id: 'snake-15-fast', name: '贪吃蛇 15·快', icon: '🐍',
  Component: bind(Snake, { size: 15, speedMs: 100 }) }

游戏注册表服务（可拓展性）

插件在 client apply 里通过 ctx.provide('d399Games', registry) 暴露服务。第三方插件注册游戏：

// 另一个 DSH 插件
export const inject = ['d399Games']
export function apply(ctx) {
  ctx.effect(() => ctx.d399Games.register({
    id: 'snake',
    name: '贪吃蛇',
    icon: '🐍',
    Component: SnakeGame,
  }), 'my-plugin: snake game')
}

注册的游戏会自动出现在贪玩蓝鲸的游戏菜单中。

生成状态检测

overlay 是 position: fixed 的 DOM 贡献（portal 到 document.body），不经过 slot 系统，因此直接通过 useSyncExternalStore 订阅 ctx.sessions.list 快照，读取 byId[current].running。快照做了引用稳定性缓存：running 未实际翻转时返回同一引用，避免无限重渲染。

开发

pnpm install          # 安装开发依赖
pnpm run typecheck    # tsc --noEmit（通过 ../dsh 解析 DSH 源码类型）
pnpm test             # vitest run（wordle / match3 / 注册表 / mini catalog 单元测试）
pnpm run build        # tsc + tsdown → lib/index.js, lib/invariant.js, lib/client.js
pnpm run bundle:client  # 只跑 tsdown，跳过 tsc（用于绕开 ../dsh vendor 的预存在类型错误）

基于 DSH checkout 类型检查

tsconfig.json 继承 ../dsh/tsconfig.base.client.json，复用其 paths 映射到同级 DSH checkout 的 packages/*/*/src。需在 ../dsh 是 DSH checkout 根目录的同级布局下运行 typecheck。注意：tsc 会顺着 paths 把 ../dsh/vendor/cordis|cosmokit|schemastery 也拉进来类型检查，这些 vendored 包有约 60 个预存在错误（与本项目无关）。本项目自身源码 0 错误；用 pnpm run bundle:client 直接跑 tsdown 可绕过 tsc 阶段生成产物。

预构建 lib/

lib/ 随仓库提交（与 dsh-web-ui-notify / dsh-activity-plugin / dsh-spur 相同模式），git 安装时无需 prepare 脚本。开发时改动源码后跑 pnpm run bundle:client（或完整 pnpm run build）重建 lib/，再提交。

安装

# 从 npm 安装（推荐）：
dsh plugin --profile web add @huanlin/dsh-plugin-d399

预构建策略（无 prepare）：开箱即用。

配置

通过 cordis.patch.yml 的 config 块覆盖默认值：

- insert:
    - id: dsh-d399
      name: '@huanlin/dsh-plugin-d399'
      config:
        message: '❤深❤夜❤寂❤寞❤，❤来❤玩❤ D399❤'  # teaser 文案
        buttonText: '来♂'                            # teaser 按钮文字
        enabled: true                                 # 总开关

检查

pnpm run typecheck   # 类型门禁（自身源码 0 错误；vendor 预存在错误忽略）
pnpm test            # 单元测试四件套
pnpm run bundle:client  # 重建 lib/client.js 产物

已知限制

• teaser 每次生成只弹一次。同一生成周期内用户关闭 teaser 后不会重复弹出，直到下一次 running 边沿。
• match3 无动画。消除/下落是瞬时的，不做补间动画（保持实现简洁）。
• wordle 词表较小。内置约 200 个猜测词 + 48 个答案词，不含全部 5 字母词；遇到不在词表的有效词会被拒。
• 游戏状态不持久化。关闭游戏 modal 后进度丢失（刷新或切换会话也不保留）。
• mini 游戏难易度通过参数预绑定。catalog 里每款游戏的难度是固定的（如"贪吃蛇 15·快"），运行时不能调节；想加新难度就再绑一个新 id。
• canvas 引擎在低端机上可能掉帧。Breakout/Pong/Flappy/Dino/Asteroids 用 requestAnimationFrame，无帧率限制。
• AI 对手很弱。井字棋/四连棋的 AI 是随机走子，仅用于休闲，不是真正挑战。

设计参考

• 插件开发规范：plugin-development-guide.md
• 范本插件：dsh-spur（client-only UI 插件 + 预构建 lib/）
• DSH 客户端架构：dsh/packages/client/AGENTS.md