etaf-playground/README.zh-CN.md

4.6 KiB
Raw Blame History

ETAF Playground

ETAF Playground 是通用的应用构建工作区:左侧编辑同一个应用的源码,右侧挂载 实时 ETAF 预览。框架从文件发现 example不内置具体业务 catalog也不依赖某个 具体应用。

每个 example 遵循同名文件合同:

  • examples/NAME.etaf:一个 inert 的静态结构 form
  • examples/NAME.elComponent、状态、effect 和 root factory默认命名为 etaf-NAME-root
  • examples/NAME.ecss:可选的 inert (styles ...) presentation 规则。

执行 M-x etaf-playground-open 打开默认 example。左侧 source 顶部的 ETAFELECSS 是可点击按钮;C-c 1/2/3(也支持 C-c C-1/C-2/C-3)分别切换 .etaf.el.ecss。在 .etaf.el.ecss 窗口按 C-c C-c 会把当前 source 渲染到右侧预览;默认保存 source 也会刷新。若 root 或 feature 不遵循命名约定,可在 companion 中调用 etaf-playground-register-example 注册覆盖。

预览位置使用标准 Emacs display-buffer actionetaf-playground-display-action 配置。默认在右侧使用一半 frame

;; 右侧预览占 frame 的 40%。
(setq etaf-playground-display-action
      '((display-buffer-in-side-window)
        (side . right)
        (window-width . 0.4)))

;; 右侧预览固定为 100 列。
(setq etaf-playground-display-action
      '((display-buffer-in-side-window)
        (side . right)
        (window-width . 100)))

;; 使用独立 frame。
(setq etaf-playground-display-action
      '((display-buffer-pop-up-frame)
        (pop-up-frame-parameters . ((width . 120) (height . 45)))))

etaf-playground-mount-example 仍作为低层 batch/consumer API 保留。业务 Component、数据库 schema、palette、refs 和 handlers 都应该留在 example companion 中Playground 只提供 source/preview 会话、读文件、标准 display-buffer 展示与 生命周期。

Research Shelf 本身还没有复杂到需要 feature 目录,所以完整的可执行 companion 集中在一个 .el 文件里,用注释区分 DATA / THEME / STATE / VIEW / ROOT只有 Playground 需要发现的入口文件保持同名:

examples/research-shelf.etaf  # inert 结构 source
examples/research-shelf.ecss  # inert 样式 source
examples/research-shelf.el    # DATA / THEME / STATE / VIEW / ROOT 分区

该 companion 注册了 :reload-on-refresh t;保存 .el.etaf.ecss 后刷新 source会在下一次 mount 前重新加载完整 consumer。

可重复执行的 Emacs 31.1 GUI 实测

仓库提供一个稳定的真实 GUI runner不再临时拼接 emacsclient、前台激活和录屏 命令:

make gui-doctor
make gui-research
make gui-flex
make gui-grid
# 或按顺序采集三个场景:
make gui-all

可复用的执行引擎与进程 runner 位于 ../etaf/scripts/,只理解 Scenario、Action、 Context、checkpoint、录屏和 evidence 合同。scripts/playground-gui-scenarios.el 只是 薄适配层Research Shelf 提供应用动作Flex 与 Grid 只是同一个 Ebox reference scenario factory 的两个输入。增加新应用时不会复制第二套 daemon/录屏/checkpoint 实现。

每个场景都会创建唯一命名 daemon关闭 native-comp JIT显式加载 sibling 仓库, 创建单一 GUI frame由外层 shell 激活 Emacs通过保留 PTY 的 macOS recorder 录屏, 依次执行 mount/resize/scroll/interaction checkpoint生成 screenshot 与 manifest最后 清理自己创建的全部进程。Flex 与 Grid 直接读取 ebox-playground 当前工作文件,确保 门禁验证的就是用户正在测试的代码runner 绝不写入、暂存、恢复或以其他方式修改 这两个 fixture。

新采集有意保持 INCOMPLETE,直到人或 agent 检查 report.mdcontact-sheet.png 和报告选出的首尾图。完成时序审查后,对同一个 run directory 执行:

scripts/run-gui-verification.sh review /private/tmp/etaf-playground-gui.XXXXXX

只有 VERDICT=PASS 才是有效 GUI 证据。assertion 失败、黑帧、录屏缺失、错误 buffer、 split window、陈旧 frame 或没有完成时序审查都会保持 fail-closed。

验证命令:make check EMACS=/Applications/Emacs.app/Contents/MacOS/Emacs。 性能门禁:make perf1413×62 viewport 的 warm 选行/主题延迟)。

仓库中的 Research Shelf 只是上述通用工作区的一个 consumer。它默认安装确定性的 256 条 SQLite fixture每页显示 12 条;测试或压测时可以绑定 etaf-research-shelf-fixture-sizeetaf-research-shelf-page-size 调整规模, 界面中激活 Rows N ✎ 可以输入 1100。