Add per-example sub-nav items under Examples, fold event bridge + stores in

Each example is now a child nav item linking to its anchor on the
examples page. Event Bridge and Named Stores are sections within
Examples (they have live demos there), not separate pages.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-17 18:28:54 +00:00
parent 2203f56849
commit 5b6e883e6d

View File

@@ -254,11 +254,21 @@
(define reactive-islands-nav-items (list
(dict :label "Examples" :href "/sx/(geography.(reactive.examples))"
:summary "Live interactive islands — counter, temperature, stopwatch, lists, input binding, portals, error boundaries, stores, event bridge.")
(dict :label "Event Bridge" :href "/sx/(geography.(reactive.event-bridge))"
:summary "DOM events for htmx lake → island communication. Server-rendered buttons dispatch custom events that island effects listen for.")
(dict :label "Named Stores" :href "/sx/(geography.(reactive.named-stores))"
:summary "Page-level signal containers via def-store/use-store — persist across island destruction/recreation.")
:summary "Live interactive islands — click the buttons, type in the inputs."
:children (list
{:label "Counter" :href "/sx/(geography.(reactive.examples))#demo-counter"}
{:label "Temperature" :href "/sx/(geography.(reactive.examples))#demo-temperature"}
{:label "Stopwatch" :href "/sx/(geography.(reactive.examples))#demo-stopwatch"}
{:label "Reactive List" :href "/sx/(geography.(reactive.examples))#demo-reactive-list"}
{:label "Input Binding" :href "/sx/(geography.(reactive.examples))#demo-input-binding"}
{:label "Portals" :href "/sx/(geography.(reactive.examples))#demo-portal"}
{:label "Error Boundary" :href "/sx/(geography.(reactive.examples))#demo-error-boundary"}
{:label "Refs" :href "/sx/(geography.(reactive.examples))#demo-refs"}
{:label "Dynamic Class" :href "/sx/(geography.(reactive.examples))#demo-dynamic-class"}
{:label "Resource" :href "/sx/(geography.(reactive.examples))#demo-resource"}
{:label "Transitions" :href "/sx/(geography.(reactive.examples))#demo-transition"}
{:label "Shared Stores" :href "/sx/(geography.(reactive.examples))#demo-stores"}
{:label "Event Bridge" :href "/sx/(geography.(reactive.examples))#demo-event-bridge"}))
(dict :label "Marshes" :href "/sx/(geography.(reactive.marshes))"
:summary "Where reactivity and hypermedia interpenetrate — server writes to signals, reactive transforms, client state modifies hypermedia.")))