Refresh UI components and showcase; release updated framework packages

packages/ssr/src/index.ts

@@ -7,7 +7,7 @@
  * the browser, which keeps "server-only code" genuinely server-only.
  */
 
-import { escapeHtml, type PageMeta, type SeoConfig } from "@wrnexus/core";
+import { escapeHtml, renderControlTemplates, type PageMeta, type SeoConfig } from "@wrnexus/core";
 
 export interface ScriptAsset {
   src: string;
@@ -120,7 +120,7 @@ export function renderDocument(opts: RenderOptions): string {
 
   const globalHead = opts.extraHead ? `\n    ${opts.extraHead}` : "";
   const localStyles = extracted.styles ? `\n    ${extracted.styles}` : "";
-  const extraBody = opts.extraBody ? `\n    ${opts.extraBody}` : "";
+  const extraBody = renderControlTemplates() + (opts.extraBody ? `\n    ${opts.extraBody}` : "");
 
   const htmlAttrs = /(?:^|\s)lang\s*=/.test(opts.htmlAttrs ?? "")
     ? (opts.htmlAttrs ?? "")
@@ -445,7 +445,9 @@ export function renderDocumentStream(opts: StreamRenderOptions): ReadableStream<
       try {
         controller.enqueue(encoder.encode(prefix ?? ""));
         for await (const chunk of bodyChunks(opts.body)) controller.enqueue(encoder.encode(chunk));
-        controller.enqueue(encoder.encode(suffix ?? ""));
+        // Async body rendering can register templates after the shell is built.
+        const tail = (suffix ?? "").replace(/<script type="application\/json" data-wrn-controls[^>]*>[\s\S]*?<\/script>/g, "");
+        controller.enqueue(encoder.encode(renderControlTemplates() + tail));
         controller.close();
       } catch (error) {
         controller.error(error);