solid-js 1.3.0-beta.1 → 1.3.0-beta.5

package/types/server/rendering.d.ts

@@ -56,9 +56,9 @@ declare type MatchProps<T> = {
 };
 export declare function Match<T>(props: MatchProps<T>): MatchProps<T>;
 export declare function ErrorBoundary(props: {
-    fallback: string | ((err: any) => string);
+    fallback: string | ((err: any, reset: () => void) => string);
     children: string;
-}): string;
+}): any;
 export interface Resource<T> {
     (): T | undefined;
     loading: boolean;
@@ -91,12 +91,13 @@ export declare function useTransition(): [() => boolean, (fn: () => any) => void
 declare type HydrationContext = {
     id: string;
     count: number;
-    writeResource?: (id: string, v: Promise<any>) => void;
+    writeResource?: (id: string, v: Promise<any> | any, error?: boolean) => void;
     resources: Record<string, any>;
     suspense: Record<string, SuspenseContextType>;
-    registerFragment: (v: string) => (v?: string) => void;
+    registerFragment: (v: string) => (v?: string, err?: any) => boolean;
     async?: boolean;
     streaming?: boolean;
+    dataOnly?: boolean;
     noHydrate: boolean;
 };
 export declare function SuspenseList(props: {
@@ -105,7 +106,7 @@ export declare function SuspenseList(props: {
     tail?: "collapsed" | "hidden";
 }): string;
 export declare function Suspense(props: {
-    fallback: string;
+    fallback?: string;
     children: string;
 }): any;
 export {};

package/web/dist/dev.cjs

@@ -98,7 +98,7 @@ function render(code, element, init) {
   let disposer;
   solidJs.createRoot(dispose => {
     disposer = dispose;
-    insert(element, code(), element.firstChild ? null : undefined, init);
+    element === document ? code() : insert(element, code(), element.firstChild ? null : undefined, init);
   });
   return () => {
     disposer();
@@ -218,22 +218,17 @@ function assign(node, props, isSVG, skipChildren, prevProps = {}) {
     prevProps[prop] = assignProp(node, prop, value, prevProps[prop], isSVG);
   }
 }
-function hydrate(code, element) {
-  if (!globalThis._$HY.sync) {
-    let dispose;
-    globalThis._$HY.queue.push(() => dispose = hydrate(code, element));
-    return () => dispose();
-  }
+function hydrate$1(code, element, options = {}) {
   solidJs.sharedConfig.completed = globalThis._$HY.completed;
   solidJs.sharedConfig.events = globalThis._$HY.events;
   solidJs.sharedConfig.load = globalThis._$HY.load;
   solidJs.sharedConfig.gather = root => gatherHydratable(element, root);
   solidJs.sharedConfig.registry = new Map();
   solidJs.sharedConfig.context = {
-    id: "",
+    id: options.renderId || "",
     count: 0
   };
-  gatherHydratable(element);
+  gatherHydratable(element, options.renderId);
   const dispose = render(code, element, [...element.childNodes]);
   solidJs.sharedConfig.context = null;
   return dispose;
@@ -387,8 +382,8 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
       return () => current;
     }
     if (solidJs.sharedConfig.context && current && current.length) {
-      for (let i; i < array.length; i++) {
-        if (array[i].parentNode) return array;
+      for (let i = 0; i < array.length; i++) {
+        if (array[i].parentNode) return current = array;
       }
       return current;
     }
@@ -480,8 +475,7 @@ function NoHydration(props) {
 
 function renderToString(fn, options) {}
 function renderToStringAsync(fn, options) {}
-function pipeToNodeWritable(fn, writable, options) {}
-function pipeToWritable(fn, writable, options) {}
+function renderToStream(fn, options) {}
 function ssr(template, ...nodes) {}
 function resolveSSRNode(node) {}
 function ssrClassList(value) {}
@@ -497,6 +491,10 @@ const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
 function createElement(tagName, isSVG = false) {
   return isSVG ? document.createElementNS(SVG_NAMESPACE, tagName) : document.createElement(tagName);
 }
+const hydrate = (...args) => {
+  solidJs.enableHydration();
+  return hydrate$1(...args);
+};
 function Portal(props) {
   const {
     useShadow
@@ -650,9 +648,8 @@ exports.hydrate = hydrate;
 exports.insert = insert;
 exports.isServer = isServer;
 exports.memo = memo;
-exports.pipeToNodeWritable = pipeToNodeWritable;
-exports.pipeToWritable = pipeToWritable;
 exports.render = render;
+exports.renderToStream = renderToStream;
 exports.renderToString = renderToString;
 exports.renderToStringAsync = renderToStringAsync;
 exports.resolveSSRNode = resolveSSRNode;

package/web/dist/dev.js

@@ -1,4 +1,4 @@
-import { createMemo, createRoot, createRenderEffect, sharedConfig, createSignal, onCleanup, splitProps, untrack } from 'solid-js';
+import { createMemo, createRoot, createRenderEffect, sharedConfig, enableHydration, createSignal, onCleanup, splitProps, untrack } from 'solid-js';
 export { ErrorBoundary, For, Index, Match, Show, Suspense, SuspenseList, Switch, createComponent, createRenderEffect as effect, getOwner, mergeProps } from 'solid-js';
 
 const booleans = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"];
@@ -95,7 +95,7 @@ function render(code, element, init) {
   let disposer;
   createRoot(dispose => {
     disposer = dispose;
-    insert(element, code(), element.firstChild ? null : undefined, init);
+    element === document ? code() : insert(element, code(), element.firstChild ? null : undefined, init);
   });
   return () => {
     disposer();
@@ -215,22 +215,17 @@ function assign(node, props, isSVG, skipChildren, prevProps = {}) {
     prevProps[prop] = assignProp(node, prop, value, prevProps[prop], isSVG);
   }
 }
-function hydrate(code, element) {
-  if (!globalThis._$HY.sync) {
-    let dispose;
-    globalThis._$HY.queue.push(() => dispose = hydrate(code, element));
-    return () => dispose();
-  }
+function hydrate$1(code, element, options = {}) {
   sharedConfig.completed = globalThis._$HY.completed;
   sharedConfig.events = globalThis._$HY.events;
   sharedConfig.load = globalThis._$HY.load;
   sharedConfig.gather = root => gatherHydratable(element, root);
   sharedConfig.registry = new Map();
   sharedConfig.context = {
-    id: "",
+    id: options.renderId || "",
     count: 0
   };
-  gatherHydratable(element);
+  gatherHydratable(element, options.renderId);
   const dispose = render(code, element, [...element.childNodes]);
   sharedConfig.context = null;
   return dispose;
@@ -384,8 +379,8 @@ function insertExpression(parent, value, current, marker, unwrapArray) {
       return () => current;
     }
     if (sharedConfig.context && current && current.length) {
-      for (let i; i < array.length; i++) {
-        if (array[i].parentNode) return array;
+      for (let i = 0; i < array.length; i++) {
+        if (array[i].parentNode) return current = array;
       }
       return current;
     }
@@ -477,8 +472,7 @@ function NoHydration(props) {
 
 function renderToString(fn, options) {}
 function renderToStringAsync(fn, options) {}
-function pipeToNodeWritable(fn, writable, options) {}
-function pipeToWritable(fn, writable, options) {}
+function renderToStream(fn, options) {}
 function ssr(template, ...nodes) {}
 function resolveSSRNode(node) {}
 function ssrClassList(value) {}
@@ -494,6 +488,10 @@ const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
 function createElement(tagName, isSVG = false) {
   return isSVG ? document.createElementNS(SVG_NAMESPACE, tagName) : document.createElement(tagName);
 }
+const hydrate = (...args) => {
+  enableHydration();
+  return hydrate$1(...args);
+};
 function Portal(props) {
   const {
     useShadow
@@ -547,4 +545,4 @@ function Dynamic(props) {
   });
 }
 
-export { Aliases, Assets, ChildProperties, DelegatedEvents, Dynamic, Assets as HydrationScript, NoHydration, Portal, PropAliases, Properties, SVGElements, SVGNamespace, addEventListener, assign, classList, clearDelegatedEvents, delegateEvents, dynamicProperty, escape, generateHydrationScript, getHydrationKey, getNextElement, getNextMarker, getNextMatch, hydrate, insert, isServer, memo, pipeToNodeWritable, pipeToWritable, render, renderToString, renderToStringAsync, resolveSSRNode, runHydrationEvents, setAttribute, setAttributeNS, spread, ssr, ssrBoolean, ssrClassList, ssrHydrationKey, ssrSpread, ssrStyle, style, template };
+export { Aliases, Assets, ChildProperties, DelegatedEvents, Dynamic, Assets as HydrationScript, NoHydration, Portal, PropAliases, Properties, SVGElements, SVGNamespace, addEventListener, assign, classList, clearDelegatedEvents, delegateEvents, dynamicProperty, escape, generateHydrationScript, getHydrationKey, getNextElement, getNextMarker, getNextMatch, hydrate, insert, isServer, memo, render, renderToStream, renderToString, renderToStringAsync, resolveSSRNode, runHydrationEvents, setAttribute, setAttributeNS, spread, ssr, ssrBoolean, ssrClassList, ssrHydrationKey, ssrSpread, ssrStyle, style, template };

package/web/dist/server.cjs

@@ -232,26 +232,32 @@ function stringifyString(str) {
   return result;
 }
 
-const REPLACE_SCRIPT = `function $df(e,t){t=document.getElementById(e),document.getElementById("pl"+e).replaceWith(...t.childNodes),_$HY.set(e)}`;
-const SYNC_SCRIPT = `_$HY.sync=!0;for(let e=0;e<_$HY.queue.length;e++)_$HY.queue[e]()`;
+const REPLACE_SCRIPT = `function $df(e,y,t){t=document.getElementById(e),document.getElementById("pl"+e).replaceWith(...t.childNodes),_$HY.set(e,y)}`;
+const FRAGMENT_REPLACE = /<!\[([\d.]+)\]>/;
 function renderToString(code, options = {}) {
+  let scripts = "";
   solidJs.sharedConfig.context = {
-    id: "",
+    id: options.renderId || "",
     count: 0,
     suspense: {},
     assets: [],
-    nonce: options.nonce
+    nonce: options.nonce,
+    writeResource(id, p, error) {
+      if (error) scripts += `_$HY.set("${id}", ${serializeError(p)});`;
+    }
   };
-  let html = resolveSSRNode(escape(code()));
-  return injectAssets(solidJs.sharedConfig.context.assets, html) + `<script${options.nonce ? ` nonce="${options.nonce}"` : ""}>${SYNC_SCRIPT}</script>`;
+  let html = injectAssets(solidJs.sharedConfig.context.assets, resolveSSRNode(escape(code())));
+  if (scripts.length) html = injectScripts(html, scripts, options.nonce);
+  return html;
 }
 function renderToStringAsync(code, options = {}) {
   const {
     nonce,
+    renderId,
     timeoutMs = 30000
   } = options;
   const context = solidJs.sharedConfig.context = {
-    id: "",
+    id: renderId || "",
     count: 0,
     resources: {},
     suspense: {},
@@ -260,23 +266,56 @@ function renderToStringAsync(code, options = {}) {
     nonce
   };
   let scripts = "";
-  solidJs.sharedConfig.context.writeResource = (id, p) => p.then(d => scripts += `_$HY.set("${id}", ${devalue(d)});`);
+  solidJs.sharedConfig.context.writeResource = (id, p, error) => {
+    if (error) return scripts += `_$HY.set("${id}", ${serializeError(p)});`;
+    p.then(d => scripts += `_$HY.set("${id}", ${devalue(d)});`).catch(() => scripts += `_$HY.set("${id}", null);`);
+  };
   const timeout = new Promise((_, reject) => setTimeout(() => reject("renderToString timed out"), timeoutMs));
+  function asyncWrap(fn) {
+    return new Promise(resolve => {
+      const registry = new Set();
+      const cache = Object.create(null);
+      solidJs.sharedConfig.context.registerFragment = register;
+      const rendered = fn();
+      if (!registry.size) resolve(rendered);
+      function register(key) {
+        registry.add(key);
+        return (value = "", error) => {
+          cache[key] = value;
+          registry.delete(key);
+          if (error) return scripts += `_$HY.set("${key}", Promise.resolve(${serializeError(error)}));`;
+          if (!registry.size) Promise.resolve().then(() => {
+            let source = resolveSSRNode(rendered);
+            let final = "";
+            let match;
+            while (match = source.match(FRAGMENT_REPLACE)) {
+              final += source.substring(0, match.index);
+              source = cache[match[1]] + source.substring(match.index + match[0].length);
+            }
+            resolve(final + source);
+          });
+          return true;
+        };
+      }
+    });
+  }
   return Promise.race([asyncWrap(() => escape(code())), timeout]).then(res => {
-    let html = resolveSSRNode(res);
-    html += `<script${nonce ? ` nonce="${nonce}"` : ""}>${scripts.length ? scripts + ";" : ""}${SYNC_SCRIPT}</script>`;
-    return injectAssets(context.assets, html);
+    let html = injectAssets(context.assets, resolveSSRNode(res));
+    if (scripts.length) html = injectScripts(html, scripts, nonce);
+    return html;
   });
 }
-function renderToPipeableStream(code, options) {
+function renderToStream(code, options = {}) {
   const {
     nonce,
     onCompleteShell,
-    onCompleteAll
+    onCompleteAll,
+    dataOnly,
+    renderId
   } = options;
   const tmp = [];
   const tasks = [];
-  const registry = new Set();
+  const registry = new Map();
   const checkEnd = () => {
     if (!registry.size && !completed) {
       onCompleteAll && onCompleteAll(result);
@@ -285,7 +324,7 @@ function renderToPipeableStream(code, options) {
     }
   };
   const writeInitialScript = () => {
-    if (tasks.length) {
+    if (tasks.length && !completed) {
       buffer.write(`<script${nonce ? ` nonce="${nonce}"` : ""}>${tasks.join(";")}</script>`);
       tasks.length = 0;
     }
@@ -301,48 +340,55 @@ function renderToPipeableStream(code, options) {
     }
   };
   solidJs.sharedConfig.context = {
-    id: "",
+    id: renderId || "",
     count: 0,
     async: true,
     streaming: true,
+    dataOnly,
     resources: {},
     suspense: {},
     assets: [],
     nonce,
-    writeResource(id, p) {
+    writeResource(id, p, error) {
       if (!scheduled) {
         Promise.resolve().then(writeInitialScript);
         scheduled = true;
       }
+      if (error) return tasks.push(`_$HY.set("${id}", ${serializeError(p)})`);
       tasks.push(`_$HY.init("${id}")`);
       p.then(d => {
-        buffer.write(`<script${nonce ? ` nonce="${nonce}"` : ""}>_$HY.set("${id}", ${devalue(d)})</script>`);
+        !completed && buffer.write(`<script${nonce ? ` nonce="${nonce}"` : ""}>_$HY.set("${id}", ${devalue(d)})</script>`);
+      }).catch(() => {
+        !completed && buffer.write(`<script${nonce ? ` nonce="${nonce}"` : ""}>_$HY.set("${id}", null)</script>`);
       });
     },
     registerFragment(key) {
-      registry.add(key);
-      Promise.resolve().then(() => {
-        if (registry.has(key)) {
-          if (!scheduled) {
-            Promise.resolve().then(writeInitialScript);
-            scheduled = true;
-          }
-          tasks.push(`_$HY.init("${key}")`);
+      registry.set(key, []);
+      if (!dataOnly) {
+        if (!scheduled) {
+          Promise.resolve().then(writeInitialScript);
+          scheduled = true;
         }
-      });
-      return value => {
+        tasks.push(`_$HY.init("${key}")`);
+      }
+      return (value, error) => {
+        const keys = registry.get(key);
         registry.delete(key);
-        if (!value) return;
-        buffer.write(`<div hidden id="${key}">${value}</div><script${nonce ? ` nonce="${nonce}"` : ""}>${!scriptFlushed ? REPLACE_SCRIPT : ""}$df("${key}")</script>`);
-        scriptFlushed = true;
+        if (waitForFragments(registry, key)) return;
+        if ((value !== undefined || error) && !completed) {
+          buffer.write(`<div hidden id="${key}">${value !== undefined ? value : " "}</div><script${nonce ? ` nonce="${nonce}"` : ""}>${!scriptFlushed ? REPLACE_SCRIPT : ""}${keys.length ? keys.map(k => `_$HY.unset("${k}");`) : ""}$df("${key}"${error ? "," + serializeError(error) : ""})</script>`);
+          scriptFlushed = true;
+        }
         checkEnd();
+        return true;
       };
     }
   };
   let html = resolveSSRNode(escape(code()));
   html = injectAssets(solidJs.sharedConfig.context.assets, html);
   Promise.resolve().then(() => {
-    buffer.write(html + `<script${nonce ? ` nonce="${nonce}"` : ""}>${tasks.length ? tasks.join(";") + ";" : ""}${SYNC_SCRIPT}</script>`);
+    if (tasks.length) html = injectScripts(html, tasks.join(";"), nonce);
+    buffer.write(html);
     tasks.length = 0;
     scheduled = false;
     onCompleteShell && onCompleteShell();
@@ -352,108 +398,24 @@ function renderToPipeableStream(code, options) {
       buffer = writable = w;
       tmp.forEach(chunk => buffer.write(chunk));
       if (completed) writable.end();else setTimeout(checkEnd);
-    }
-  };
-}
-function pipeToWritable(code, writable, options = {}) {
-  const {
-    nonce,
-    onCompleteShell = ({
-      startWriting
-    }) => startWriting(),
-    onCompleteAll
-  } = options;
-  const tmp = [];
-  const tasks = [];
-  const writer = writable.getWriter();
-  const encoder = new TextEncoder();
-  const registry = new Set();
-  const checkEnd = () => {
-    if (!registry.size && !completed) {
-      onCompleteAll && onCompleteAll(result);
-      writable && writable.close();
-      completed = true;
-    }
-  };
-  const writeInitialScript = () => {
-    if (tasks.length) {
-      buffer.write(encoder.encode(`<script${nonce ? ` nonce="${nonce}"` : ""}>${tasks.join(";")}</script>`));
-      tasks.length = 0;
-    }
-    scheduled = false;
-  };
-  let completed = false;
-  let scriptFlushed = false;
-  let scheduled = true;
-  let buffer = {
-    write(payload) {
-      tmp.push(payload);
-    }
-  };
-  const result = {
-    startWriting() {
-      buffer = writer;
-      tmp.forEach(chunk => writer.write(chunk));
-      setTimeout(checkEnd);
-    },
-    write(c) {
-      writer.write(encoder.encode(c));
-    },
-    abort() {
-      registry.clear();
-      checkEnd();
-    }
-  };
-  solidJs.sharedConfig.context = {
-    id: "",
-    count: 0,
-    async: true,
-    streaming: true,
-    resources: {},
-    suspense: {},
-    assets: [],
-    nonce,
-    writeResource(id, p) {
-      if (!scheduled) {
-        Promise.resolve().then(writeInitialScript);
-        scheduled = true;
-      }
-      tasks.push(`_$HY.init("${id}")`);
-      p.then(d => {
-        buffer.write(encoder.encode(`<script${nonce ? ` nonce="${nonce}"` : ""}>_$HY.set("${id}", ${devalue(d)})</script>`));
-      });
     },
-    registerFragment(key) {
-      registry.add(key);
-      Promise.resolve().then(() => {
-        if (registry.has(key)) {
-          if (!scheduled) {
-            Promise.resolve().then(writeInitialScript);
-            scheduled = true;
-          }
-          tasks.push(`_$HY.init("${key}")`);
+    pipeTo(w) {
+      const encoder = new TextEncoder();
+      const writer = w.getWriter();
+      writable = {
+        end() {
+          w.close();
+        }
+      };
+      buffer = {
+        write(payload) {
+          writer.write(encoder.encode(payload));
         }
-      });
-      return value => {
-        registry.delete(key);
-        if (!value) return;
-        buffer.write(encoder.encode(`<div hidden id="${key}">${value}</div><script${nonce ? ` nonce="${nonce}"` : ""}>${!scriptFlushed ? REPLACE_SCRIPT : ""}$df("${key}")</script>`));
-        scriptFlushed = true;
-        checkEnd();
       };
+      tmp.forEach(chunk => buffer.write(chunk));
+      if (completed) writable.end();else setTimeout(checkEnd);
     }
   };
-  let html = resolveSSRNode(escape(code()));
-  html = injectAssets(solidJs.sharedConfig.context.assets, html);
-  Promise.resolve().then(() => {
-    buffer.write(encoder.encode(html + `<script${nonce ? ` nonce="${nonce}"` : ""}>${tasks.length ? tasks.join(";") + ";" : ""}${SYNC_SCRIPT}</script>`));
-    tasks.length = 0;
-    scheduled = false;
-    onCompleteShell && onCompleteShell(result);
-  });
-}
-function pipeToNodeWritable(code, writable, options = {}) {
-  renderToPipeableStream(code, options).pipe(writable);
 }
 function Assets(props) {
   solidJs.sharedConfig.context.assets.push(() => NoHydration({
@@ -611,7 +573,7 @@ function generateHydrationScript({
   eventNames = ["click", "input"],
   nonce
 }) {
-  return `<script${nonce ? ` nonce="${nonce}"` : ""}>((e,t,o={})=>{t=e=>e&&e.hasAttribute&&(e.hasAttribute("data-hk")?e:t(e.host&&e.host instanceof Node?e.host:e.parentNode)),["${eventNames.join('","')}"].forEach((o=>document.addEventListener(o,(o=>{let n=o.composedPath&&o.composedPath()[0]||o.target,s=t(n);s&&!e.completed.has(s)&&e.events.push([s,o])})))),e.init=(e,t)=>{o[e]=[new Promise((e=>t=e)),t]},e.set=(e,t,n)=>{if(!(n=o[e]))return o[e]=[t];n[1](t)},e.load=(e,t)=>{if(t=o[e])return t[0]}})(window._$HY||(_$HY={events:[],completed:new WeakSet,queue:[]}));</script>`;
+  return `<script${nonce ? ` nonce="${nonce}"` : ""}>((e,t,o={})=>{t=e=>e&&e.hasAttribute&&(e.hasAttribute("data-hk")?e:t(e.host&&e.host instanceof Node?e.host:e.parentNode)),["${eventNames.join('","')}"].forEach((o=>document.addEventListener(o,(o=>{let n=o.composedPath&&o.composedPath()[0]||o.target,s=t(n);s&&!e.completed.has(s)&&e.events.push([s,o])})))),e.init=(e,t)=>{o[e]=[new Promise((e=>t=e)),t]},e.set=(e,t,n)=>{if(!(n=o[e]))return o[e]=[t];n[1](t)},e.unset=(e)=>{delete o[e]},e.load=(e,t)=>{if(t=o[e])return t[0]}})(window._$HY||(_$HY={events:[],completed:new WeakSet}))</script><!xs>`;
 }
 function injectAssets(assets, html) {
   for (let i = 0; i < assets.length; i++) {
@@ -619,32 +581,51 @@ function injectAssets(assets, html) {
   }
   return html;
 }
-const FRAGMENT_REPLACE = /<!\[([\d.]+)\]>/;
-function asyncWrap(fn) {
-  return new Promise(resolve => {
-    const registry = new Set();
-    const cache = Object.create(null);
-    solidJs.sharedConfig.context.registerFragment = register;
-    const rendered = fn();
-    if (!registry.size) resolve(rendered);
-    function register(key) {
-      registry.add(key);
-      return value => {
-        if (value) cache[key] = value;
-        registry.delete(key);
-        if (!registry.size) Promise.resolve().then(() => {
-          let source = resolveSSRNode(rendered);
-          let final = "";
-          let match;
-          while (match = source.match(FRAGMENT_REPLACE)) {
-            final += source.substring(0, match.index);
-            source = cache[match[1]] + source.substring(match.index + match[0].length);
-          }
-          resolve(final + source);
-        });
-      };
+function injectScripts(html, scripts, nonce) {
+  const tag = `<script${nonce ? ` nonce="${nonce}"` : ""}>${scripts}</script>`;
+  const index = html.indexOf("<!xs>");
+  if (index > -1) {
+    return html.slice(0, index) + tag + html.slice(index);
+  }
+  return html + tag;
+}
+function serializeError(error) {
+  return error.message ? `new Error(${devalue(error.message)})` : devalue(error);
+}
+function waitForFragments(registry, key) {
+  for (const k of [...registry.keys()].reverse()) {
+    if (key.startsWith(k)) {
+      registry.get(k).push(key);
+      return true;
     }
-  });
+  }
+  return false;
+}
+function pipeToNodeWritable(code, writable, options = {}) {
+  if (options.onReady) {
+    options.onCompleteShell = () => {
+      options.onReady({
+        startWriting() {
+          stream.pipe(writable);
+        }
+      });
+    };
+  }
+  const stream = renderToStream(code, options);
+  if (!options.onReady) stream.pipe(writable);
+}
+function pipeToWritable(code, writable, options = {}) {
+  if (options.onReady) {
+    options.onCompleteShell = () => {
+      options.onReady({
+        startWriting() {
+          stream.pipeTo(writable);
+        }
+      });
+    };
+  }
+  const stream = renderToStream(code, options);
+  if (!options.onReady) stream.pipeTo(writable);
 }
 
 const isServer = true;
@@ -735,7 +716,7 @@ exports.getHydrationKey = getHydrationKey;
 exports.isServer = isServer;
 exports.pipeToNodeWritable = pipeToNodeWritable;
 exports.pipeToWritable = pipeToWritable;
-exports.renderToPipeableStream = renderToPipeableStream;
+exports.renderToStream = renderToStream;
 exports.renderToString = renderToString;
 exports.renderToStringAsync = renderToStringAsync;
 exports.resolveSSRNode = resolveSSRNode;