public-examples-site

Command agent-demo is a tiny app whose entire visible state lives in atoms, so an AI agent can change the title, counter, message, and colors live over the agent bridge while you watch in the browser.

Command disclosure-demo renders the WAI-ARIA disclosure pattern (the `gwc add disclosure` component shape) as a real wasm app, so the browser-lane test can drive the interaction: a button toggles aria-expanded and shows/hides the controlled region.

Command dom-ref is the runnable e2e fixture for the G2 DOM-ref primitive (ui.UseDOMRef + shorthand.Ref).

Command flip-demo renders a keyed list that reorders on click and computes the FLIP invert transform for each item from its measured before/after rects (via anim.ComputeFLIP), so the browser-lane test can verify keyed-list FLIP in a real browser.

Command global-events is the e2e fixture for G9 (ui.UseGlobalKey): a child component owns a document-level keydown listener and increments a counter that lives in the parent (so it survives the child's unmount/remount).

Command radiogroup is the e2e fixture for U5: an interactive WAI-ARIA radio group built by composing ui.UseCompositeNavigation (the existing roving- tabindex engine) with role=radio/aria-checked and the G2 DOM ref for focus-follows-selection — no per-control reimplementation.

Command raw-html is the e2e fixture for the G3 markup nodes (html.RawHTML / RawHTMLUnsafe): it renders sanitized rich text and a trusted inline SVG, each parsed into real nodes (never innerHTML).

Command ready-signal is the e2e fixture for G16 (ui.OnReady + the gwc:ready DOM event): it records the Go ready callback firing, and the host page listens for the dispatched gwc:ready event — both after the first commit.

Package thirdpartyjs is a worked example of integrating a third-party JavaScript library behind a TYPED Go bridge using interop.ImportModule, with a pure-Go fallback so the exact same code runs on the server (SSR/native) where no JS module loader exists.

Command typed-css is the runnable demo for the F3 typed-CSS package.

Package typedcsstokensdemo shows `gwc css gen` against a real theme: theme.json is the source of truth, `gwc css gen -theme theme.json` writes the typed token constants in css_tokens_gen.go, and a typo'd token reference is then a compile error instead of a silent transparent fallback.

Package typedroutesdemo shows `gwc routes gen` against a real package: declare route contracts as exported package vars, run `gwc routes gen`, and get typed Link* constructors in routes_gen.go that turn a typo'd path param into a compile error.

Command use-head is the runnable e2e fixture for head.UseHead: it applies a Document's title and head tags (description, canonical, OpenGraph) to the live document on mount, and changes them when a button switches the logical page — exercised by the playwright e2e to prove client-side head updates (not just title) without a full reload.