Go to file
Kinneyzhang 9af3dc9e5f fix: restore playground shortcuts and preview display
Show the Ebox DSL render shortcut in the source header line and route C-c C-c through the public display API so the generated preview is automatically shown.

Verification: make check EMACS=/Applications/Emacs.app/Contents/MacOS/Emacs; GUI daemon key-path smoke test with clean source and preview screenshots.
2026-08-05 21:11:38 +08:00
examples feat: move and expand Ebox playground references 2026-08-05 20:36:35 +08:00
tests fix: restore playground shortcuts and preview display 2026-08-05 21:11:38 +08:00
.gitignore feat(playground): add Ebox layout examples 2026-08-05 06:59:23 +08:00
DESIGN.md feat: move and expand Ebox playground references 2026-08-05 20:36:35 +08:00
DESIGN.zh-CN.md feat: move and expand Ebox playground references 2026-08-05 20:36:35 +08:00
ebox-playground.el fix: restore playground shortcuts and preview display 2026-08-05 21:11:38 +08:00
Makefile chore(ebox-playground): use standalone ebox package 2026-08-05 09:15:54 +08:00
README.md fix: restore playground shortcuts and preview display 2026-08-05 21:11:38 +08:00
README.zh-CN.md fix: restore playground shortcuts and preview display 2026-08-05 21:11:38 +08:00

ebox-playground

ebox-playground is the independent, generic file runner for Ebox DSL examples. It uses only public Ebox APIs; concrete layouts live in readable .ebox fixtures under examples/. The migrated low-level fixtures include the original Basic, Comprehensive, Flex, and Responsive references, while grid-reference.ebox provides a complete Grid property gallery with the same restrained terracotta, sage, blue, violet, ochre, and teal visual language.

The gallery owns one definite 720 px canvas so its nested Grid examples cannot each reinterpret the surrounding viewport width. It fits a compact GUI Emacs window with at least 760 px of body width. etaf-playground remains the separate higher-level Component and Runtime showcase.

(require 'ebox-playground)
(ebox-playground-open)

The package also owns the .ebox file boundary. Visiting an Ebox DSL file selects ebox-dsl-mode; its header line shows C-c C-c Render preview. Press C-c C-c to build the single DSL form, render it through the public Ebox API, and automatically display the preview buffer.

(add-to-list 'auto-mode-alist '("\\.ebox\\'" . ebox-dsl-mode))

The reference fixtures live directly under examples/. For example:

(ebox-playground-open-file
 (expand-file-name "examples/grid-reference.ebox"
                   ebox-playground-directory))

Run make check EMACS=/Applications/Emacs.app/Contents/MacOS/Emacs from this directory.