qinyuehuan/dsh-whale-status2

dsh-whale-status

鲸鱼娘思考状态自定义:把 deep diving 状态文案换成任意多句随机播放,颜色 / 流速可调,蓝青水流动画

AI 분석

核心用途是提供个性化的Web UI视觉与文案定制。适合想要美化或趣味化AI思考等待界面、打造专属伴随体验的用户。

패키지
dsh-whale-status
버전
0.1.0
라이선스
MIT
최근 업데이트
2026. 8. 22.

설치

검증된 bundle이 없거나 호환성 검사에 실패했습니다. 먼저 저장소 설명을 읽어 주세요. 전체 README 읽기 ↗

⚙️ 配置项

字段默认值说明
enabledtrue总开关,关闭回落为官方 deep diving
phrases["鲸鱼娘正在大快朵颐", "鲸鱼娘正在尝试美味的token"]多句文案,随机播放
colorFrom#08305e渐变起始色(深海蓝)
colorMid#16c4e8渐变中间色(青蓝浪花)
colorTo#08305e渐变结束色(深海蓝)
speedSec3水流动画一个来回的秒数(1~12)
switchSec3文案随机轮换间隔秒数(1~30)

配置保存在 $DSH_HOME/settings.yamldsh-whale-status 节,保存后即时生效(无需重启)。

实现要点

  • 文案接管MutationObserver 监听 [role="status"] 元素(官方 TurnStatus 的状态容器),把文本节点替换为配置的随机文案;React 重渲染后由观察器再次接管,并按 switchSec 定时轮换。
  • 水流动画:注入 ``,用 [role="status"] 属性选择器 + !important 覆盖官方渐变与动画,keyframes 固定名为 dsh-whale-status-flow,不依赖官方 CSS Modules 哈希类名。
  • 设置热生效scope.subscribe 监听配置变化,重建 CSS 并重启轮换。

GPL