Technical Reference · A4 Print Edition
The complete declarative XML application grammar on a single A4 sheet. Designed for dual-screen reference or physical desktop printout. Sub-5ms in-browser parsing, deterministic reactive state transitions, and zero npm build steps.
Grammar Breakdown
Everything you need to declare reactive full-screen applications without JavaScript build tools.
Every AppSPEC application is bounded by an <APP> root declaring name and theme. Screens are isolated <STATE> tags that lay themselves out automatically.
<APP NAME="Desk" THEME="notion">
<STATE ID="main">
<TEXT STYLE="h1" TEXT="Dashboard" />
</STATE>
</APP>Children lay themselves out by implied containment: <GRID COLS="3"> puts items in responsive columns, <ROW JUSTIFY="between"> aligns side-by-side, and everything else stacks.
<ROW JUSTIFY="between">
<TEXT STYLE="h2" TEXT="Tasks" />
<BUTTON LABEL="Add" ACTION="new" />
</ROW>
<CARDS SRC="items" COLS="3" ACTION="open" />Declare static datasets with <DATA> and <RECORD>. Dynamic writes persist to private browser local storage without exposing user data to third-party tracking.
<DATA ID="books">
<RECORD ID="b1" TITLE="Dune" AUTHOR="Herbert" />
<RECORD ID="b2" TITLE="Piranesi" AUTHOR="Clarke" />
</DATA>Connect buttons and actions to state transitions and CRUD operations. Wires pass the clicked record into the target screen automatically.
<WIRE LABEL="open" TO="detail" />
<WIRE LABEL="save" SAVE="books" TO="main" />
<WIRE LABEL="delete" DELETE="books" TO="main" />The AppSPHERE runtime boots in sub-5ms because it bypasses virtual DOM diffing entirely. The AST stream binds directly to native DOM mutations under strict Content Security Policy.