Live Dashboard
All three state scopes and two data sources on one screen. Zero custom JavaScript.
Visitors online
Live WebSocket connection count. Open this page in another tab and watch it move.
Shared live counter
wired.* — one value for everyone, pushed to every browser instantly.
Same variable as the State demo.
Your private counter
session.* — tied to your browser only. Other visitors see their own count.
Your Todos
Fetched from the local database with fetch.todos = "local:todos",
filtered to your session.
Dog Facts Feed
Fetched from a remote API at render time. The buttons store your preference in the session and re-render just the feed — no page reload.
The origin of amputating a dog’s tail may go back to the Roman writer Lucius Columella’s (A.D. 4-70) assertion that tail docking prevented rabies.
A German Shepherd guide dog led her blind companion the entire 2,100 mile Appalachian Trail.
The world’s smallest dog breed is the Chihuahua.
How It Works
wired.*
Shared live state. Mutations broadcast over WebSocket; every w-bind element updates in every browser.
session.*
Per-browser state. #session.*# variables render reactively; w-set mutates them server-side.
fetch.*
Per-request data — a local collection and a remote API, declared in the <what> block and rendered with <loop>.