Skip to content

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.