gal-view

by ayase34

120 UI 增强github收录于 08-23

DSH Web GUI 会话页的 Galgame 风格对话视图 + 场景元素可视化编辑器 (官方 bundle 插件格式)。

Galgame-style conversation view for the DSH Web GUI session page + a visual editor for scene elements (official bundle plugin format).

安装

dsh plugin --profile web add github:ayase34/gal-view

GitHub 源码安装:首次需按提示配置 allowBuilds 构建授权后重试

安装与环境配置指引、插件开发教程见 DSH 中文社区文档 ↗

安装即在你的机器上以你的权限运行第三方代码——它可读写文件、使用凭据、访问网络,DSH 的工具审批不会为插件代码加沙箱。「检测到 manifest」仅代表发现 dsh.bundle / dsh.plugin 清单,不构成兼容性或安全审查;安装前请审阅源码,不熟悉的插件先在不含密钥的环境试用。

README

目录

English | 中文

DSH Web GUI 会话页的 Galgame 风格对话视图 + 场景元素可视化编辑器(官方 bundle 插件格式)。

在会话标签页栏(「对话」/「轨迹」)中间加入 「GAL视窗」 标签,点开之后会话视窗变成 16:9 Galgame 舞台:占位立绘、大对话框、打字机台词、玩家输入;内置「编辑模式」可像场景 编辑器一样拖拽/改属性/换图层,编辑结果实时同步回游戏模式。

image.png

默认预设

仓库根 gal-scene.json 是随包分发的默认预设场景(编辑器导出的格式,内嵌被引用的图片/字体):首次打开「GAL视窗」且本地没有存档场景时自动加载,编辑模式的「重置」也回到该预设。更新预设:编辑场景 → Ctrl+S 导出 → 用导出的 gal-scene.json 替换仓库根同名文件 → npm run build:client 并提交。

安装

本插件以官方 bundle 格式分发,用一条 dsh plugin 命令安装到 web profile,装完重启 web 即可生效。

前置条件

  • 已安装 DeepSeek Harness,并且能在终端执行 dsh 命令
  • 如果你是从源码 checkout 运行 Harness(日常命令是 pnpm dsh):先 cd 到 Harness 仓库根目录,再把下面的 dsh 全部替换为 pnpm dsh

从 GitHub 安装(一行命令)

dsh plugin --profile web add github:Ayase34/gal-view#main

#main 表示使用仓库的 main 分支;想锁定某个具体版本,可以换成提交哈希,例如 #ae73dca。

完成安装

安装后重启 web(bundle 层在启动时合成,必须重启才会加载插件)。重启后打开 Web GUI 的会话页,标签栏应出现 「GAL视窗」 标签(位于「对话」和「轨迹」之间)。

可选验证:执行 dsh --profile web --dump-config,输出中应能看到 # == gal-view 这一层,说明插件层已进入组合。

更新到新版本

dsh plugin --profile web update gal-view
# 更新后同样要重启 web

卸载

dsh plugin --profile web remove gal-view
# 卸载后同样要重启 web

说明:场景布局、素材图片、字体与阅读进度都保存在你的浏览器里(localStorage / IndexedDB),重装或卸载插件不会丢失;清除浏览器站点数据才会重置它们。

开发

pnpm install            # 安装 esbuild devDependency
npm test                # 纯逻辑单测(node:test,同进程运行)
npm run build:client    # 生成 .dsh-plugin/client.js(生成物勿手改)
npm run check:client    # 校验 client.js 新鲜度
npm run smoke           # Playwright 冒烟(需 DSH_CHECKOUT 指向 dsh checkout)

结构

.dsh-plugin/index.mjs     Node half(极简,无宿主行为)
.dsh-plugin/client/       client 源码:场景模型/打字机/转录映射/组件/样式
.dsh-plugin/client.js     构建产物(scripts/build-client.mjs 生成)
scripts/build-client.mjs  esbuild 构建器(--check 守护新鲜度)
tests/                    纯逻辑单测(node:test)

原始 README: https://github.com/Ayase34/gal-view/blob/main/README.md ↗