Interface: DemoCard
Defined in: site-page.ts:116
A demo's landing-card content: a short blurb and a LIVE, self-contained preview mini-app — the "gist" a gallery's landing page shows before you open the real thing.
Kept SEPARATE from SitePage on purpose, and exported from a separate lightweight module (the ./card subpath, alongside ./page): a landing page mounts EVERY demo's preview at once, so a card must not drag in the demo's heavy durable graph (a WebGL context, DuckDB, workers…). A Preview is a small, cheap component with its own local state — it may run its own rAF — built from the demo's pure model only, never its store/graph modules.
The package convention mirrors the page's (see this module's header): the card module exports export const card: DemoCard, and the aiui.sitePage marker's card field names its export subpath (default "./card").
Properties
blurb
blurb:
string
Defined in: site-page.ts:119
A one- or two-sentence blurb for the card — richer than the sidebar's one-line desc.
Preview
Preview:
Component
Defined in: site-page.ts:123
The live preview: a small, self-contained, cheap mini-view of the app. Mounted on the landing page and disposed (its rAF cancelled via onCleanup) when the visitor leaves it.