@nifrajs/web-vanilla 2.1.0 → 2.3.0

package/README.md

@@ -1,8 +1,8 @@
 # @nifrajs/web-vanilla
 
-Zero-framework render adapter for @nifrajs/web — auto-escaping tagged-template HTML, ~0 KB client JS, interactivity via @nifrajs/web/islands.
+Zero-framework render adapter for @nifrajs/web - auto-escaping tagged-template HTML, ~0 KB client JS, interactivity via @nifrajs/web/islands.
 
-Part of the **[nifra](https://nifra.dev)** full-stack TypeScript framework — one core, five UI libraries, every runtime. Scaffold a new app with `bun create nifra`.
+Part of the **[nifra](https://nifra.dev)** full-stack TypeScript framework - one core, five UI libraries, every runtime. Scaffold a new app with `bun create nifra`.
 
 ## Install
 
@@ -19,7 +19,7 @@ MIT
 
 ## For AI agents
 
-Start with [`LLM.md`](./LLM.md) — this package's contract card (the exports you call + its footguns),
+Start with [`LLM.md`](./LLM.md) - this package's contract card (the exports you call + its footguns),
 one cheap read instead of the whole corpus. For the wider framework: the repo's
 [`AGENTS.md`](../../AGENTS.md) is the copy-paste quick reference, and
 [`llms-full.txt`](../../llms-full.txt) is the full machine-readable corpus. Run `nifra check` as the

package/dist/compose.d.ts

@@ -2,8 +2,8 @@ import type { RenderProps } from "@nifrajs/web";
 import type { Template } from "./html.js";
 /**
  * A vanilla "component": a plain function from props to a {@link Template}. The page (innermost
- * chain element) receives the loader {@link RenderProps}; a layout receives `{ children }` — the
- * already-rendered inner fragment — plus the same render props, mirroring the React/Preact
+ * chain element) receives the loader {@link RenderProps}; a layout receives `{ children }` - the
+ * already-rendered inner fragment - plus the same render props, mirroring the React/Preact
  * adapters' `children` contract.
  */
 export type VanillaComponent = (props: RenderProps & {

package/dist/compose.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compose.d.ts","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAEzC;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,CAAC,KAAK,EAAE,WAAW,GAAG;IAAE,QAAQ,CAAC,EAAE,QAAQ,CAAA;CAAE,KAAK,QAAQ,CAAA;AAEzF;;;GAGG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,SAAS,OAAO,EAAE,EAAE,KAAK,EAAE,WAAW,GAAG,QAAQ,CAO/E"}
+{"version":3,"file":"compose.d.ts","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAEzC;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,CAAC,KAAK,EAAE,WAAW,GAAG;IAAE,QAAQ,CAAC,EAAE,QAAQ,CAAA;CAAE,KAAK,QAAQ,CAAA;AAEzF;;;GAGG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,SAAS,OAAO,EAAE,EAAE,KAAK,EAAE,WAAW,GAAG,QAAQ,CAc/E"}

package/dist/compose.js

@@ -6,7 +6,14 @@ export function compose(chain, props) {
     const last = chain.length - 1;
     let node = chain[last](props);
     for (let i = last - 1; i >= 0; i--) {
-        node = chain[i]({ ...props, children: node });
+        // Each layout receives its own loader data at its own index. Layouts are the chain's leading
+        // prefix, so `layoutData[i]` belongs to `chain[i]`; anything past that end (a client-only `_error`
+        // boundary marker, the page) reads `undefined` and is unaffected.
+        node = chain[i]({
+            ...props,
+            data: props.layoutData?.[i] ?? null,
+            children: node,
+        });
     }
     return node;
 }

package/dist/compose.js.map

@@ -1 +1 @@
-{"version":3,"file":"compose.js","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":"AAWA;;;GAGG;AACH,MAAM,UAAU,OAAO,CAAC,KAAyB,EAAE,KAAkB;IACnE,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;IAC7B,IAAI,IAAI,GAAI,KAAK,CAAC,IAAI,CAAsB,CAAC,KAAK,CAAC,CAAA;IACnD,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QACnC,IAAI,GAAI,KAAK,CAAC,CAAC,CAAsB,CAAC,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAA;IACrE,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC"}
+{"version":3,"file":"compose.js","sourceRoot":"","sources":["../src/compose.ts"],"names":[],"mappings":"AAWA;;;GAGG;AACH,MAAM,UAAU,OAAO,CAAC,KAAyB,EAAE,KAAkB;IACnE,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA;IAC7B,IAAI,IAAI,GAAI,KAAK,CAAC,IAAI,CAAsB,CAAC,KAAK,CAAC,CAAA;IACnD,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;QACnC,6FAA6F;QAC7F,mGAAmG;QACnG,kEAAkE;QAClE,IAAI,GAAI,KAAK,CAAC,CAAC,CAAsB,CAAC;YACpC,GAAG,KAAK;YACR,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI;YACnC,QAAQ,EAAE,IAAI;SACf,CAAC,CAAA;IACJ,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC"}

package/dist/html.d.ts

@@ -1,11 +1,11 @@
 /**
- * The tagged-template HTML engine — `html` builds an escaped-by-construction {@link Template}.
+ * The tagged-template HTML engine - `html` builds an escaped-by-construction {@link Template}.
  *
  * Security model (the part that matters): every interpolated value is HTML-escaped by default.
- * The ONLY ways to emit unescaped markup are (1) nesting another `html` template — already escaped
- * by construction — and (2) an explicit {@link raw} wrapper, which is the audit-greppable opt-out.
+ * The ONLY ways to emit unescaped markup are (1) nesting another `html` template - already escaped
+ * by construction - and (2) an explicit {@link raw} wrapper, which is the audit-greppable opt-out.
  * The escaper covers text and double-quoted attribute contexts (`& < > " '`); interpolations into
- * unquoted attributes or inline scripts are NOT safe by design — the docs say "always quote".
+ * unquoted attributes or inline scripts are NOT safe by design - the docs say "always quote".
  */
 /** Branded wrapper marking a string as pre-trusted markup. Construct only via {@link raw}. */
 export declare class RawHtml {
@@ -13,12 +13,12 @@ export declare class RawHtml {
     constructor(value: string);
 }
 /**
- * Mark a string as trusted, pre-escaped markup — it is emitted verbatim. The deliberate escape
+ * Mark a string as trusted, pre-escaped markup - it is emitted verbatim. The deliberate escape
  * hatch (CMS-sanitized HTML, pre-rendered markdown): every call site is greppable, exactly like
  * React's dangerouslySetInnerHTML, without the JSX.
  */
 export declare function raw(trusted: string): RawHtml;
-/** A rendered HTML fragment — what `html` returns and components produce. Stringified once. */
+/** A rendered HTML fragment - what `html` returns and components produce. Stringified once. */
 export declare class Template {
     /** The final markup. Built eagerly at tag time (interpolations are already values by then). */
     readonly html: string;

package/dist/html.js

@@ -1,11 +1,11 @@
 /**
- * The tagged-template HTML engine — `html` builds an escaped-by-construction {@link Template}.
+ * The tagged-template HTML engine - `html` builds an escaped-by-construction {@link Template}.
  *
  * Security model (the part that matters): every interpolated value is HTML-escaped by default.
- * The ONLY ways to emit unescaped markup are (1) nesting another `html` template — already escaped
- * by construction — and (2) an explicit {@link raw} wrapper, which is the audit-greppable opt-out.
+ * The ONLY ways to emit unescaped markup are (1) nesting another `html` template - already escaped
+ * by construction - and (2) an explicit {@link raw} wrapper, which is the audit-greppable opt-out.
  * The escaper covers text and double-quoted attribute contexts (`& < > " '`); interpolations into
- * unquoted attributes or inline scripts are NOT safe by design — the docs say "always quote".
+ * unquoted attributes or inline scripts are NOT safe by design - the docs say "always quote".
  */
 /** Branded wrapper marking a string as pre-trusted markup. Construct only via {@link raw}. */
 export class RawHtml {
@@ -15,7 +15,7 @@ export class RawHtml {
     }
 }
 /**
- * Mark a string as trusted, pre-escaped markup — it is emitted verbatim. The deliberate escape
+ * Mark a string as trusted, pre-escaped markup - it is emitted verbatim. The deliberate escape
  * hatch (CMS-sanitized HTML, pre-rendered markdown): every call site is greppable, exactly like
  * React's dangerouslySetInnerHTML, without the JSX.
  */
@@ -24,7 +24,7 @@ export function raw(trusted) {
 }
 const ESCAPE_RE = /[&<>"']/;
 const escapeHtml = (s) => {
-    // Fast path: most text has nothing to escape — one regex probe, zero allocation.
+    // Fast path: most text has nothing to escape - one regex probe, zero allocation.
     if (!ESCAPE_RE.test(s))
         return s;
     let out = "";
@@ -55,7 +55,7 @@ const escapeHtml = (s) => {
     }
     return out + s.slice(last);
 };
-/** A rendered HTML fragment — what `html` returns and components produce. Stringified once. */
+/** A rendered HTML fragment - what `html` returns and components produce. Stringified once. */
 export class Template {
     /** The final markup. Built eagerly at tag time (interpolations are already values by then). */
     html;
@@ -85,8 +85,8 @@ function renderValue(value) {
             out += renderValue(item);
         return out;
     }
-    // Objects/functions are a bug at the call site — render loudly rather than "[object Object]".
-    throw new TypeError(`[nifra/web-vanilla] html: unsupported interpolation of type ${typeof value} — interpolate strings, numbers, nested html\`…\`, raw(), or arrays of those`);
+    // Objects/functions are a bug at the call site - render loudly rather than "[object Object]".
+    throw new TypeError(`[nifra/web-vanilla] html: unsupported interpolation of type ${typeof value} - interpolate strings, numbers, nested html\`…\`, raw(), or arrays of those`);
 }
 /** The tag: `` html`<p>${user.name}</p>` `` → an escaped {@link Template}. */
 export function html(strings, ...values) {

package/dist/index.d.ts

@@ -1,26 +1,26 @@
 /**
- * @nifrajs/web-vanilla — the zero-framework render adapter for @nifrajs/web.
+ * @nifrajs/web-vanilla - the zero-framework render adapter for @nifrajs/web.
  *
  * Pages are plain functions returning auto-escaping `html` tagged templates; the client ships
  * **no framework runtime at all**. Use it for content/SEO surfaces (landing pages, listings,
- * docs, comparison tables) where HTML is the product — interactivity comes from
+ * docs, comparison tables) where HTML is the product - interactivity comes from
  * `@nifrajs/web/islands` entries (`islandScripts`), each a hand-sized vanilla module.
  *
- * Routes using this adapter are server-rendered documents, not hydrated apps — set
+ * Routes using this adapter are server-rendered documents, not hydrated apps - set
  * `export const hydrate = false` on the route (there is no client runtime to hydrate with);
  * `renderPage` then omits the framework bootstrap entirely. Loaders, actions, ISR, SSG, head
- * management, and streaming all work unchanged — they live in @nifrajs/web, not the view layer.
+ * management, and streaming all work unchanged - they live in @nifrajs/web, not the view layer.
  *
  *   import { html, vanillaAdapter } from "@nifrajs/web-vanilla"
  *
  *   export default function Hotels({ data }) {
  *     const { hotels } = data as { hotels: Array<{ name: string; pricePaise: number }> }
- *     return html`<ul>${hotels.map((h) => html`<li>${h.name} — ₹${h.pricePaise / 100}</li>`)}</ul>`
+ *     return html`<ul>${hotels.map((h) => html`<li>${h.name} - ₹${h.pricePaise / 100}</li>`)}</ul>`
  *   }
  */
 import type { RenderAdapter } from "@nifrajs/web";
 export { compose, type VanillaComponent } from "./compose.js";
 export { type HtmlValue, html, RawHtml, raw, Template } from "./html.js";
-/** The zero-framework server render adapter — pass to @nifrajs/web's `renderPage`/`createWebApp`. */
+/** The zero-framework server render adapter - pass to @nifrajs/web's `renderPage`/`createWebApp`. */
 export declare const vanillaAdapter: RenderAdapter;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,36 +1,36 @@
 /**
- * @nifrajs/web-vanilla — the zero-framework render adapter for @nifrajs/web.
+ * @nifrajs/web-vanilla - the zero-framework render adapter for @nifrajs/web.
  *
  * Pages are plain functions returning auto-escaping `html` tagged templates; the client ships
  * **no framework runtime at all**. Use it for content/SEO surfaces (landing pages, listings,
- * docs, comparison tables) where HTML is the product — interactivity comes from
+ * docs, comparison tables) where HTML is the product - interactivity comes from
  * `@nifrajs/web/islands` entries (`islandScripts`), each a hand-sized vanilla module.
  *
- * Routes using this adapter are server-rendered documents, not hydrated apps — set
+ * Routes using this adapter are server-rendered documents, not hydrated apps - set
  * `export const hydrate = false` on the route (there is no client runtime to hydrate with);
  * `renderPage` then omits the framework bootstrap entirely. Loaders, actions, ISR, SSG, head
- * management, and streaming all work unchanged — they live in @nifrajs/web, not the view layer.
+ * management, and streaming all work unchanged - they live in @nifrajs/web, not the view layer.
  *
  *   import { html, vanillaAdapter } from "@nifrajs/web-vanilla"
  *
  *   export default function Hotels({ data }) {
  *     const { hotels } = data as { hotels: Array<{ name: string; pricePaise: number }> }
- *     return html`<ul>${hotels.map((h) => html`<li>${h.name} — ₹${h.pricePaise / 100}</li>`)}</ul>`
+ *     return html`<ul>${hotels.map((h) => html`<li>${h.name} - ₹${h.pricePaise / 100}</li>`)}</ul>`
  *   }
  */
 import { compose } from "./compose.js";
 export { compose } from "./compose.js";
 export { html, RawHtml, raw, Template } from "./html.js";
 const ENCODER = new TextEncoder();
-/** The zero-framework server render adapter — pass to @nifrajs/web's `renderPage`/`createWebApp`. */
+/** The zero-framework server render adapter - pass to @nifrajs/web's `renderPage`/`createWebApp`. */
 export const vanillaAdapter = {
-    // One-pass string render — renderPage's buffered fast path uses this for every non-deferred
+    // One-pass string render - renderPage's buffered fast path uses this for every non-deferred
     // page, which for vanilla routes is the norm.
     renderToString(chain, props) {
         return compose(chain, props).html;
     },
     // Deferred pages need the streaming seam; a synchronous renderer satisfies it with a one-chunk
-    // stream (the shell IS the document — vanilla has no Suspense boundaries of its own; @nifrajs/web's
+    // stream (the shell IS the document - vanilla has no Suspense boundaries of its own; @nifrajs/web's
     // defer()/<no-js fallback> machinery handles progressive data above this seam).
     renderToStream(chain, props) {
         const body = compose(chain, props).html;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nifrajs/web-vanilla",
-  "version": "2.1.0",
-  "description": "Zero-framework render adapter for @nifrajs/web — auto-escaping tagged-template HTML, ~0 KB client JS, interactivity via @nifrajs/web/islands.",
+  "version": "2.3.0",
+  "description": "Zero-framework render adapter for @nifrajs/web - auto-escaping tagged-template HTML, ~0 KB client JS, interactivity via @nifrajs/web/islands.",
   "keywords": [
     "bun",
     "typescript",
@@ -33,7 +33,7 @@
     "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@nifrajs/web": "^2.1.0"
+    "@nifrajs/web": "^2.3.0"
   },
   "license": "MIT",
   "publishConfig": {

package/src/compose.ts

@@ -3,8 +3,8 @@ import type { Template } from "./html.ts"
 
 /**
  * A vanilla "component": a plain function from props to a {@link Template}. The page (innermost
- * chain element) receives the loader {@link RenderProps}; a layout receives `{ children }` — the
- * already-rendered inner fragment — plus the same render props, mirroring the React/Preact
+ * chain element) receives the loader {@link RenderProps}; a layout receives `{ children }` - the
+ * already-rendered inner fragment - plus the same render props, mirroring the React/Preact
  * adapters' `children` contract.
  */
 export type VanillaComponent = (props: RenderProps & { children?: Template }) => Template
@@ -17,7 +17,14 @@ export function compose(chain: readonly unknown[], props: RenderProps): Template
   const last = chain.length - 1
   let node = (chain[last] as VanillaComponent)(props)
   for (let i = last - 1; i >= 0; i--) {
-    node = (chain[i] as VanillaComponent)({ ...props, children: node })
+    // Each layout receives its own loader data at its own index. Layouts are the chain's leading
+    // prefix, so `layoutData[i]` belongs to `chain[i]`; anything past that end (a client-only `_error`
+    // boundary marker, the page) reads `undefined` and is unaffected.
+    node = (chain[i] as VanillaComponent)({
+      ...props,
+      data: props.layoutData?.[i] ?? null,
+      children: node,
+    })
   }
   return node
 }

package/src/html.ts

@@ -1,11 +1,11 @@
 /**
- * The tagged-template HTML engine — `html` builds an escaped-by-construction {@link Template}.
+ * The tagged-template HTML engine - `html` builds an escaped-by-construction {@link Template}.
  *
  * Security model (the part that matters): every interpolated value is HTML-escaped by default.
- * The ONLY ways to emit unescaped markup are (1) nesting another `html` template — already escaped
- * by construction — and (2) an explicit {@link raw} wrapper, which is the audit-greppable opt-out.
+ * The ONLY ways to emit unescaped markup are (1) nesting another `html` template - already escaped
+ * by construction - and (2) an explicit {@link raw} wrapper, which is the audit-greppable opt-out.
  * The escaper covers text and double-quoted attribute contexts (`& < > " '`); interpolations into
- * unquoted attributes or inline scripts are NOT safe by design — the docs say "always quote".
+ * unquoted attributes or inline scripts are NOT safe by design - the docs say "always quote".
  */
 
 /** Branded wrapper marking a string as pre-trusted markup. Construct only via {@link raw}. */
@@ -17,7 +17,7 @@ export class RawHtml {
 }
 
 /**
- * Mark a string as trusted, pre-escaped markup — it is emitted verbatim. The deliberate escape
+ * Mark a string as trusted, pre-escaped markup - it is emitted verbatim. The deliberate escape
  * hatch (CMS-sanitized HTML, pre-rendered markdown): every call site is greppable, exactly like
  * React's dangerouslySetInnerHTML, without the JSX.
  */
@@ -27,7 +27,7 @@ export function raw(trusted: string): RawHtml {
 
 const ESCAPE_RE = /[&<>"']/
 const escapeHtml = (s: string): string => {
-  // Fast path: most text has nothing to escape — one regex probe, zero allocation.
+  // Fast path: most text has nothing to escape - one regex probe, zero allocation.
   if (!ESCAPE_RE.test(s)) return s
   let out = ""
   let last = 0
@@ -58,7 +58,7 @@ const escapeHtml = (s: string): string => {
   return out + s.slice(last)
 }
 
-/** A rendered HTML fragment — what `html` returns and components produce. Stringified once. */
+/** A rendered HTML fragment - what `html` returns and components produce. Stringified once. */
 export class Template {
   /** The final markup. Built eagerly at tag time (interpolations are already values by then). */
   readonly html: string
@@ -95,9 +95,9 @@ function renderValue(value: HtmlValue): string {
     for (const item of value) out += renderValue(item)
     return out
   }
-  // Objects/functions are a bug at the call site — render loudly rather than "[object Object]".
+  // Objects/functions are a bug at the call site - render loudly rather than "[object Object]".
   throw new TypeError(
-    `[nifra/web-vanilla] html: unsupported interpolation of type ${typeof value} — interpolate strings, numbers, nested html\`…\`, raw(), or arrays of those`,
+    `[nifra/web-vanilla] html: unsupported interpolation of type ${typeof value} - interpolate strings, numbers, nested html\`…\`, raw(), or arrays of those`,
   )
 }
 

package/src/index.ts

@@ -1,21 +1,21 @@
 /**
- * @nifrajs/web-vanilla — the zero-framework render adapter for @nifrajs/web.
+ * @nifrajs/web-vanilla - the zero-framework render adapter for @nifrajs/web.
  *
  * Pages are plain functions returning auto-escaping `html` tagged templates; the client ships
  * **no framework runtime at all**. Use it for content/SEO surfaces (landing pages, listings,
- * docs, comparison tables) where HTML is the product — interactivity comes from
+ * docs, comparison tables) where HTML is the product - interactivity comes from
  * `@nifrajs/web/islands` entries (`islandScripts`), each a hand-sized vanilla module.
  *
- * Routes using this adapter are server-rendered documents, not hydrated apps — set
+ * Routes using this adapter are server-rendered documents, not hydrated apps - set
  * `export const hydrate = false` on the route (there is no client runtime to hydrate with);
  * `renderPage` then omits the framework bootstrap entirely. Loaders, actions, ISR, SSG, head
- * management, and streaming all work unchanged — they live in @nifrajs/web, not the view layer.
+ * management, and streaming all work unchanged - they live in @nifrajs/web, not the view layer.
  *
  *   import { html, vanillaAdapter } from "@nifrajs/web-vanilla"
  *
  *   export default function Hotels({ data }) {
  *     const { hotels } = data as { hotels: Array<{ name: string; pricePaise: number }> }
- *     return html`<ul>${hotels.map((h) => html`<li>${h.name} — ₹${h.pricePaise / 100}</li>`)}</ul>`
+ *     return html`<ul>${hotels.map((h) => html`<li>${h.name} - ₹${h.pricePaise / 100}</li>`)}</ul>`
  *   }
  */
 
@@ -27,15 +27,15 @@ export { type HtmlValue, html, RawHtml, raw, Template } from "./html.ts"
 
 const ENCODER = new TextEncoder()
 
-/** The zero-framework server render adapter — pass to @nifrajs/web's `renderPage`/`createWebApp`. */
+/** The zero-framework server render adapter - pass to @nifrajs/web's `renderPage`/`createWebApp`. */
 export const vanillaAdapter: RenderAdapter = {
-  // One-pass string render — renderPage's buffered fast path uses this for every non-deferred
+  // One-pass string render - renderPage's buffered fast path uses this for every non-deferred
   // page, which for vanilla routes is the norm.
   renderToString(chain: readonly unknown[], props: RenderProps): string {
     return compose(chain, props).html
   },
   // Deferred pages need the streaming seam; a synchronous renderer satisfies it with a one-chunk
-  // stream (the shell IS the document — vanilla has no Suspense boundaries of its own; @nifrajs/web's
+  // stream (the shell IS the document - vanilla has no Suspense boundaries of its own; @nifrajs/web's
   // defer()/<no-js fallback> machinery handles progressive data above this seam).
   renderToStream(chain: readonly unknown[], props: RenderProps): ReadableStream<Uint8Array> {
     const body = compose(chain, props).html