tamabox

59 Commits 1 Branch 0 Tags

3 Commits

Include renames

Author	SHA1	Message	Date
tamakyi	8ffa7b0ba7	feat(theme-builder): 补 P0 四项——配置留得住、图层可排序、窄屏段、导出前校验之前只能算「试一次」，关掉标签页全部配置丢失，导出的主题在手机上也是废的。 1) 配置持久化 - 每次改动 700ms 后写 localStorage，打开自动恢复；?fresh=1 从空白开始 - 「保存工程 / 打开工程」落成 theme-<slug>.json（图片 base64 内嵌，单文件可带走） - zip 里也带一份 json，下次改不用从零搭 - 配额超了只提示一次，并指向 json 2) 图层上移/下移顺序就是层级（background-image 第一层在最上），配反了以前只能删了重加。列表标注「最上层 / 第 N 层」。 3) 窄屏段新增窄屏配置：竖版背景图、隐藏装饰层、断点（默认 900px），导出生成 @media 块。只写浅色规则——深色块特异性 0,2,1 > 0,1,1，本来就压住它。实测 390 视口下首层装饰从 url(char.webp) 变成 none，1512 下不变。 4) 导出前校验 slug、图片层是否选了图、是否引用已删素材、层数是否超 10、生成 CSS 的每处装饰是否真的 10 个值（和 Go 的 TestDecoSlotCount 同规则）。有问题直接列出来，不用导出后再等 go test。顺带：面板按使用频率重排（图层→背景→窄屏→图片池→配色）；拖拽框改成虚线+左上角标签，不再用半透明填充罩住人物；示例重复载入不再叠加素材。验证：示例 CSS 通过 TestThemeCSSComplete + TestDecoSlotCount（27 处声明）；草稿往返（带 demo 保存 → 不带 demo 打开仍 validate 为空）实测通过。	2026-10-20 13:32:26 +08:00
tamakyi	ddee221de2	feat(theme): 主题支持按页面分别配装饰，生成器改用真实页面画布原来的生成器只能配「背景 + 人物 + 道具」三件套，预览还是自己画的仿制页面 —— 跟真实页面不像，也没法给不同页面配不同内容。机制层： - internal/context.pageScope() 按路径归类，输出 <html data-page-scope>： box / question / admin / profile / vote（首页与 /explore 不加载主题，不列） - /user/questions 单独归为 admin：题目列表信息密，和设置表单的装饰诉求不同 - base.css 装饰槽位 6 -> 10，背景 8 层 -> 12 层；主题按作用域覆盖时同样写满 10 个 - 新增 TestDecoSlotCount：逐文件逐声明检查 10 个值。少写一个不报错，只会让图层与 size/position 错位（整页重复同一张图 / 人物跑到左上角），注释守不住生成器： - 画板改成 iframe 加载 outputs/preview-*.html（真实模板渲染），配 serve.py 起本地服务解决 file:// 下父页面读不到 iframe DOM 的问题 - 八个页面作用域（去掉不生效的首页/探索），每个可独立配背景与最多 10 层装饰 - 图层类型：图片 / 径向光斑 / 线性光；9 宫格锚点 + 像素偏移，可在画板上直接拖 - 位置统一写 calc(0%\|50%\|100% ± Npx)：百分比是相对 (容器-图片)，不用 left/bottom 关键字混搭，避免三值语法非法导致整条声明作废 - 配色只填 6 个基础色，其余 4 个必需令牌按方向派生（surface-2 往 text 靠，浅色变深、深色变亮，方向自动正确）配套： - zz_preview_test.go 增加单题页 / 题目列表 / 投票页预览，作为生成器画板 - docs/theme-page-scope.md 记录作用域取值、选择器特异性与 10 槽位约束 - StaticVersion 20261020e（base.css 变了）验证：生成器导出的 CSS 通过 TestThemeCSSComplete + TestDecoSlotCount；真实箱主页计算样式为 12 层对齐；临时主题验证「question 覆盖为 none」生效、未覆盖时回退全局。	2026-10-20 10:53:44 +08:00
tamakyi	feb5b1f78d	feat(dev): 主题生成器——选图/拖位置/导出 zip - dev/theme-builder/index.html：单文件、不联网、图片本地转 WebP - 预览与线上同机制（pattern + 6 槽 deco + page-image），拖拽反解 calc(50% - Npx) - 导出 CSS + 图片 + 安装说明，CSS 通过 TestThemeCSSComplete - 自检：?selftest=1 吐 CSS/zip 字节，?demo=1 载入示例	2026-10-20 10:24:35 +08:00

Author

SHA1

Message

Date

tamakyi

8ffa7b0ba7

feat(theme-builder): 补 P0 四项——配置留得住、图层可排序、窄屏段、导出前校验

之前只能算「试一次」，关掉标签页全部配置丢失，导出的主题在手机上也是废的。

1) 配置持久化
- 每次改动 700ms 后写 localStorage，打开自动恢复；?fresh=1 从空白开始
- 「保存工程 / 打开工程」落成 theme-<slug>.json（图片 base64 内嵌，单文件可带走）
- zip 里也带一份 json，下次改不用从零搭
- 配额超了只提示一次，并指向 json

2) 图层上移/下移
顺序就是层级（background-image 第一层在最上），配反了以前只能删了重加。
列表标注「最上层 / 第 N 层」。

3) 窄屏段
新增窄屏配置：竖版背景图、隐藏装饰层、断点（默认 900px），导出生成 @media 块。
只写浅色规则——深色块特异性 0,2,1 > 0,1,1，本来就压住它。
实测 390 视口下首层装饰从 url(char.webp) 变成 none，1512 下不变。

4) 导出前校验
slug、图片层是否选了图、是否引用已删素材、层数是否超 10、
生成 CSS 的每处装饰是否真的 10 个值（和 Go 的 TestDecoSlotCount 同规则）。
有问题直接列出来，不用导出后再等 go test。

顺带：面板按使用频率重排（图层→背景→窄屏→图片池→配色）；
拖拽框改成虚线+左上角标签，不再用半透明填充罩住人物；示例重复载入不再叠加素材。

验证：示例 CSS 通过 TestThemeCSSComplete + TestDecoSlotCount（27 处声明）；
草稿往返（带 demo 保存 → 不带 demo 打开仍 validate 为空）实测通过。

2026-10-20 13:32:26 +08:00

tamakyi

ddee221de2

feat(theme): 主题支持按页面分别配装饰，生成器改用真实页面画布

原来的生成器只能配「背景 + 人物 + 道具」三件套，预览还是自己画的仿制页面 ——
跟真实页面不像，也没法给不同页面配不同内容。

机制层：
- internal/context.pageScope() 按路径归类，输出 <html data-page-scope>：
  box / question / admin / profile / vote（首页与 /explore 不加载主题，不列）
- /user/questions 单独归为 admin：题目列表信息密，和设置表单的装饰诉求不同
- base.css 装饰槽位 6 -> 10，背景 8 层 -> 12 层；主题按作用域覆盖时同样写满 10 个
- 新增 TestDecoSlotCount：逐文件逐声明检查 10 个值。少写一个不报错，
  只会让图层与 size/position 错位（整页重复同一张图 / 人物跑到左上角），注释守不住

生成器：
- 画板改成 iframe 加载 outputs/preview-*.html（真实模板渲染），配 serve.py 起本地服务
  解决 file:// 下父页面读不到 iframe DOM 的问题
- 八个页面作用域（去掉不生效的首页/探索），每个可独立配背景与最多 10 层装饰
- 图层类型：图片 / 径向光斑 / 线性光；9 宫格锚点 + 像素偏移，可在画板上直接拖
- 位置统一写 calc(0%|50%|100% ± Npx)：百分比是相对 (容器-图片)，
  不用 left/bottom 关键字混搭，避免三值语法非法导致整条声明作废
- 配色只填 6 个基础色，其余 4 个必需令牌按方向派生（surface-2 往 text 靠，
  浅色变深、深色变亮，方向自动正确）

配套：
- zz_preview_test.go 增加单题页 / 题目列表 / 投票页预览，作为生成器画板
- docs/theme-page-scope.md 记录作用域取值、选择器特异性与 10 槽位约束
- StaticVersion 20261020e（base.css 变了）

验证：生成器导出的 CSS 通过 TestThemeCSSComplete + TestDecoSlotCount；
真实箱主页计算样式为 12 层对齐；临时主题验证「question 覆盖为 none」生效、
未覆盖时回退全局。

2026-10-20 10:53:44 +08:00

tamakyi

feb5b1f78d

feat(dev): 主题生成器——选图/拖位置/导出 zip

- dev/theme-builder/index.html：单文件、不联网、图片本地转 WebP
- 预览与线上同机制（pattern + 6 槽 deco + page-image），拖拽反解 calc(50% - Npx)
- 导出 CSS + 图片 + 安装说明，CSS 通过 TestThemeCSSComplete
- 自检：?selftest=1 吐 CSS/zip 字节，?demo=1 载入示例

2026-10-20 10:24:35 +08:00