giles
a7da235459
New sxc/ content tree with 120 page files across docs, examples, home, and reference demos. sx/sx/testing/ adds page-runner.sx (317L) and index-runner.sx (394L) — SX-native test runner pages for browser-based evaluation. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
20 lines
1.5 KiB
Plaintext
20 lines
1.5 KiB
Plaintext
(defcomp ()
|
|
(div (~tw :tokens "max-w-4xl mx-auto px-6 py-12")
|
|
(h2 (~tw :tokens "text-3xl font-bold text-stone-900 mb-8") "How it works")
|
|
(div (~tw :tokens "space-y-6")
|
|
(div (~tw :tokens "flex items-start gap-4")
|
|
(div (~tw :tokens "flex-shrink-0 w-8 h-8 rounded-full bg-violet-100 text-violet-700 flex items-center justify-center font-bold") "1")
|
|
(div
|
|
(h3 (~tw :tokens "font-semibold text-stone-900") "Server renders sx")
|
|
(p (~tw :tokens "text-stone-600") "Python builds s-expression trees. Components, elements, data — all in one format.")))
|
|
(div (~tw :tokens "flex items-start gap-4")
|
|
(div (~tw :tokens "flex-shrink-0 w-8 h-8 rounded-full bg-violet-100 text-violet-700 flex items-center justify-center font-bold") "2")
|
|
(div
|
|
(h3 (~tw :tokens "font-semibold text-stone-900") "Wire sends text/sx")
|
|
(p (~tw :tokens "text-stone-600") "Responses are s-expression source code with content type text/sx. Component definitions cached client-side.")))
|
|
(div (~tw :tokens "flex items-start gap-4")
|
|
(div (~tw :tokens "flex-shrink-0 w-8 h-8 rounded-full bg-violet-100 text-violet-700 flex items-center justify-center font-bold") "3")
|
|
(div
|
|
(h3 (~tw :tokens "font-semibold text-stone-900") "Client evaluates + renders")
|
|
(p (~tw :tokens "text-stone-600") "sx.js parses, evaluates, and renders to DOM. Same evaluator runs server-side (Python) and client-side (JS)."))))))
|