Add flush-cssx-to-dom: client-side CSSX rule injection

Islands render independently on the client, so ~cssx/tw calls collect!("cssx", rule) but no ~cssx/flush runs. Add flush-cssx-to-dom in boot.sx that injects collected rules into a persistent <style> element in <head>. Called at all lifecycle points: boot-init, sx-mount, resolve-suspense, post-swap (navigation morph), and swap-rendered-content (client routes). Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-13 04:09:23 +00:00
parent f52b9e880b
commit 1d1e7f30bb
3 changed files with 54 additions and 5 deletions
--- a/shared/sx/ref/orchestration.sx
+++ b/shared/sx/ref/orchestration.sx
@@ -460,6 +460,7 @@
    (sx-process-scripts root)
    (sx-hydrate root)
    (sx-hydrate-islands root)
+    (flush-cssx-to-dom)
    (process-elements root)))


@@ -870,6 +871,7 @@
      (hoist-head-elements-full target)
      (process-elements target)
      (sx-hydrate-elements target)
+      (flush-cssx-to-dom)
      (dom-dispatch target "sx:clientRoute"
        (dict "pathname" pathname))
      (log-info (str "sx:route client " pathname)))))