What this shows

The demo parses ordinary AEON data, materializes a node-structured AEON template, and renders HTML from the real $.page node.

Template directives

The directive language is custom to this demo, not AEON Core. It uses semantic directive comments as an extension surface for control flow: /[ if ... ]/, /[ else ]/, /[ end ]/, and /[ for ... ]/. In this demo renderer only, instruction comments like /( ... )/ are converted into inline styles after the renderer opts into that behavior.

Scope

Document data uses paths like $.todos. Loop-local data uses item.title in directives and ~item.title in node references.