preact-render-to-string 6.4.2 → 6.5.0

package/dist/stream-node.umd.js

@@ -0,0 +1,790 @@
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('node:stream'), require('preact')) :
+	typeof define === 'function' && define.amd ? define(['exports', 'node:stream', 'preact'], factory) :
+	(global = global || self, factory(global.preactRenderToString = {}, global.node_stream, global.preact));
+}(this, (function (exports, node_stream, preact) {
+	const UNSAFE_NAME = /[\s\n\\/='"\0<>]/;
+	const NAMESPACE_REPLACE_REGEX = /^(xlink|xmlns|xml)([A-Z])/;
+	const HTML_LOWER_CASE = /^accessK|^auto[A-Z]|^cell|^ch|^col|cont|cross|dateT|encT|form[A-Z]|frame|hrefL|inputM|maxL|minL|noV|playsI|popoverT|readO|rowS|spellC|src[A-Z]|tabI|useM|item[A-Z]/;
+	const SVG_CAMEL_CASE = /^ac|^ali|arabic|basel|cap|clipPath$|clipRule$|color|dominant|enable|fill|flood|font|glyph[^R]|horiz|image|letter|lighting|marker[^WUH]|overline|panose|pointe|paint|rendering|shape|stop|strikethrough|stroke|text[^L]|transform|underline|unicode|units|^v[^i]|^w|^xH/; // DOM properties that should NOT have "px" added when numeric
+
+	const ENCODED_ENTITIES = /["&<]/;
+	/** @param {string} str */
+
+	function encodeEntities(str) {
+	  // Skip all work for strings with no entities needing encoding:
+	  if (str.length === 0 || ENCODED_ENTITIES.test(str) === false) return str;
+	  let last = 0,
+	      i = 0,
+	      out = '',
+	      ch = ''; // Seek forward in str until the next entity char:
+
+	  for (; i < str.length; i++) {
+	    switch (str.charCodeAt(i)) {
+	      case 34:
+	        ch = '&quot;';
+	        break;
+
+	      case 38:
+	        ch = '&amp;';
+	        break;
+
+	      case 60:
+	        ch = '&lt;';
+	        break;
+
+	      default:
+	        continue;
+	    } // Append skipped/buffered characters and the encoded entity:
+
+
+	    if (i !== last) out += str.slice(last, i);
+	    out += ch; // Start the next seek/buffer after the entity's offset:
+
+	    last = i + 1;
+	  }
+
+	  if (i !== last) out += str.slice(last, i);
+	  return out;
+	}
+	const JS_TO_CSS = {};
+	const IS_NON_DIMENSIONAL = new Set(['animation-iteration-count', 'border-image-outset', 'border-image-slice', 'border-image-width', 'box-flex', 'box-flex-group', 'box-ordinal-group', 'column-count', 'fill-opacity', 'flex', 'flex-grow', 'flex-negative', 'flex-order', 'flex-positive', 'flex-shrink', 'flood-opacity', 'font-weight', 'grid-column', 'grid-row', 'line-clamp', 'line-height', 'opacity', 'order', 'orphans', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-miterlimit', 'stroke-opacity', 'stroke-width', 'tab-size', 'widows', 'z-index', 'zoom']);
+	const CSS_REGEX = /[A-Z]/g; // Convert an Object style to a CSSText string
+
+	function styleObjToCss(s) {
+	  let str = '';
+
+	  for (let prop in s) {
+	    let val = s[prop];
+
+	    if (val != null && val !== '') {
+	      const name = prop[0] == '-' ? prop : JS_TO_CSS[prop] || (JS_TO_CSS[prop] = prop.replace(CSS_REGEX, '-$&').toLowerCase());
+	      let suffix = ';';
+
+	      if (typeof val === 'number' && // Exclude custom-attributes
+	      !name.startsWith('--') && !IS_NON_DIMENSIONAL.has(name)) {
+	        suffix = 'px;';
+	      }
+
+	      str = str + name + ':' + val + suffix;
+	    }
+	  }
+
+	  return str || undefined;
+	}
+	/**
+	 * @template T
+	 */
+
+	class Deferred {
+	  constructor() {
+	    // eslint-disable-next-line lines-around-comment
+
+	    /** @type {Promise<T>} */
+	    this.promise = new Promise((resolve, reject) => {
+	      this.resolve = resolve;
+	      this.reject = reject;
+	    });
+	  }
+
+	}
+
+	// Options hooks
+	const DIFF = '__b';
+	const RENDER = '__r';
+	const DIFFED = 'diffed';
+	const COMMIT = '__c';
+	const SKIP_EFFECTS = '__s';
+	const CATCH_ERROR = '__e'; // VNode properties
+
+	const COMPONENT = '__c';
+	const CHILDREN = '__k';
+	const PARENT = '__';
+
+	const VNODE = '__v';
+	const DIRTY = '__d';
+	const NEXT_STATE = '__s';
+	const CHILD_DID_SUSPEND = '__c';
+
+	const EMPTY_ARR = [];
+	const isArray = Array.isArray;
+	const assign = Object.assign; // Global state for the current render pass
+
+	let beforeDiff, afterDiff, renderHook, ummountHook;
+	/**
+	 * Render Preact JSX + Components to an HTML string.
+	 * @param {VNode} vnode	JSX Element / VNode to render
+	 * @param {Object} [context={}] Initial root context object
+	 * @param {RendererState} [_rendererState] for internal use
+	 * @returns {string} serialized HTML
+	 */
+
+	function renderToString(vnode, context, _rendererState) {
+	  // Performance optimization: `renderToString` is synchronous and we
+	  // therefore don't execute any effects. To do that we pass an empty
+	  // array to `options._commit` (`__c`). But we can go one step further
+	  // and avoid a lot of dirty checks and allocations by setting
+	  // `options._skipEffects` (`__s`) too.
+	  const previousSkipEffects = preact.options[SKIP_EFFECTS];
+	  preact.options[SKIP_EFFECTS] = true; // store options hooks once before each synchronous render call
+
+	  beforeDiff = preact.options[DIFF];
+	  afterDiff = preact.options[DIFFED];
+	  renderHook = preact.options[RENDER];
+	  ummountHook = preact.options.unmount;
+	  const parent = preact.h(preact.Fragment, null);
+	  parent[CHILDREN] = [vnode];
+
+	  try {
+	    return _renderToString(vnode, context || EMPTY_OBJ, false, undefined, parent, false, _rendererState);
+	  } catch (e) {
+	    if (e.then) {
+	      throw new Error('Use "renderToStringAsync" for suspenseful rendering.');
+	    }
+
+	    throw e;
+	  } finally {
+	    // options._commit, we don't schedule any effects in this library right now,
+	    // so we can pass an empty queue to this hook.
+	    if (preact.options[COMMIT]) preact.options[COMMIT](vnode, EMPTY_ARR);
+	    preact.options[SKIP_EFFECTS] = previousSkipEffects;
+	    EMPTY_ARR.length = 0;
+	  }
+	}
+
+	function markAsDirty() {
+	  this.__d = true;
+	}
+
+	const EMPTY_OBJ = {};
+	/**
+	 * @param {VNode} vnode
+	 * @param {Record<string, unknown>} context
+	 */
+
+	function renderClassComponent(vnode, context) {
+	  let type =
+	  /** @type {import("preact").ComponentClass<typeof vnode.props>} */
+	  vnode.type;
+	  let isMounting = true;
+	  let c;
+
+	  if (vnode[COMPONENT]) {
+	    isMounting = false;
+	    c = vnode[COMPONENT];
+	    c.state = c[NEXT_STATE];
+	  } else {
+	    c = new type(vnode.props, context);
+	  }
+
+	  vnode[COMPONENT] = c;
+	  c[VNODE] = vnode;
+	  c.props = vnode.props;
+	  c.context = context; // turn off stateful re-rendering:
+
+	  c[DIRTY] = true;
+	  if (c.state == null) c.state = EMPTY_OBJ;
+
+	  if (c[NEXT_STATE] == null) {
+	    c[NEXT_STATE] = c.state;
+	  }
+
+	  if (type.getDerivedStateFromProps) {
+	    c.state = assign({}, c.state, type.getDerivedStateFromProps(c.props, c.state));
+	  } else if (isMounting && c.componentWillMount) {
+	    c.componentWillMount(); // If the user called setState in cWM we need to flush pending,
+	    // state updates. This is the same behaviour in React.
+
+	    c.state = c[NEXT_STATE] !== c.state ? c[NEXT_STATE] : c.state;
+	  } else if (!isMounting && c.componentWillUpdate) {
+	    c.componentWillUpdate();
+	  }
+
+	  if (renderHook) renderHook(vnode);
+	  return c.render(c.props, c.state, context);
+	}
+	/**
+	 * Recursively render VNodes to HTML.
+	 * @param {VNode|any} vnode
+	 * @param {any} context
+	 * @param {boolean} isSvgMode
+	 * @param {any} selectValue
+	 * @param {VNode} parent
+	 * @param {boolean} asyncMode
+	 * @param {RendererState | undefined} [renderer]
+	 * @returns {string | Promise<string> | (string | Promise<string>)[]}
+	 */
+
+
+	function _renderToString(vnode, context, isSvgMode, selectValue, parent, asyncMode, renderer) {
+	  // Ignore non-rendered VNodes/values
+	  if (vnode == null || vnode === true || vnode === false || vnode === '') {
+	    return '';
+	  } // Text VNodes: escape as HTML
+
+
+	  if (typeof vnode !== 'object') {
+	    if (typeof vnode === 'function') return '';
+	    return encodeEntities(vnode + '');
+	  } // Recurse into children / Arrays
+
+
+	  if (isArray(vnode)) {
+	    let rendered = '',
+	        renderArray;
+	    parent[CHILDREN] = vnode;
+
+	    for (let i = 0; i < vnode.length; i++) {
+	      let child = vnode[i];
+	      if (child == null || typeof child === 'boolean') continue;
+
+	      const childRender = _renderToString(child, context, isSvgMode, selectValue, parent, asyncMode, renderer);
+
+	      if (typeof childRender === 'string') {
+	        rendered += childRender;
+	      } else {
+	        renderArray = renderArray || [];
+	        if (rendered) renderArray.push(rendered);
+	        rendered = '';
+
+	        if (Array.isArray(childRender)) {
+	          renderArray.push(...childRender);
+	        } else {
+	          renderArray.push(childRender);
+	        }
+	      }
+	    }
+
+	    if (renderArray) {
+	      if (rendered) renderArray.push(rendered);
+	      return renderArray;
+	    }
+
+	    return rendered;
+	  } // VNodes have {constructor:undefined} to prevent JSON injection:
+
+
+	  if (vnode.constructor !== undefined) return '';
+	  vnode[PARENT] = parent;
+	  if (beforeDiff) beforeDiff(vnode);
+	  let type = vnode.type,
+	      props = vnode.props,
+	      cctx = context,
+	      contextType,
+	      rendered,
+	      component; // Invoke rendering on Components
+
+	  if (typeof type === 'function') {
+	    if (type === preact.Fragment) {
+	      // Serialized precompiled JSX.
+	      if (props.tpl) {
+	        let out = '';
+
+	        for (let i = 0; i < props.tpl.length; i++) {
+	          out += props.tpl[i];
+
+	          if (props.exprs && i < props.exprs.length) {
+	            const value = props.exprs[i];
+	            if (value == null) continue; // Check if we're dealing with a vnode or an array of nodes
+
+	            if (typeof value === 'object' && (value.constructor === undefined || isArray(value))) {
+	              out += _renderToString(value, context, isSvgMode, selectValue, vnode, asyncMode, renderer);
+	            } else {
+	              // Values are pre-escaped by the JSX transform
+	              out += value;
+	            }
+	          }
+	        }
+
+	        return out;
+	      } else if (props.UNSTABLE_comment) {
+	        // Fragments are the least used components of core that's why
+	        // branching here for comments has the least effect on perf.
+	        return '<!--' + encodeEntities(props.UNSTABLE_comment || '') + '-->';
+	      }
+
+	      rendered = props.children;
+	    } else {
+	      contextType = type.contextType;
+
+	      if (contextType != null) {
+	        let provider = context[contextType.__c];
+	        cctx = provider ? provider.props.value : contextType.__;
+	      }
+
+	      if (type.prototype && typeof type.prototype.render === 'function') {
+	        rendered =
+	        /**#__NOINLINE__**/
+	        renderClassComponent(vnode, cctx);
+	        component = vnode[COMPONENT];
+	      } else {
+	        component = {
+	          __v: vnode,
+	          props,
+	          context: cctx,
+	          // silently drop state updates
+	          setState: markAsDirty,
+	          forceUpdate: markAsDirty,
+	          __d: true,
+	          // hooks
+	          __h: []
+	        };
+	        vnode[COMPONENT] = component; // If a hook invokes setState() to invalidate the component during rendering,
+	        // re-render it up to 25 times to allow "settling" of memoized states.
+	        // Note:
+	        //   This will need to be updated for Preact 11 to use internal.flags rather than component._dirty:
+	        //   https://github.com/preactjs/preact/blob/d4ca6fdb19bc715e49fd144e69f7296b2f4daa40/src/diff/component.js#L35-L44
+
+	        let count = 0;
+
+	        while (component[DIRTY] && count++ < 25) {
+	          component[DIRTY] = false;
+	          if (renderHook) renderHook(vnode);
+	          rendered = type.call(component, props, cctx);
+	        }
+
+	        component[DIRTY] = true;
+	      }
+
+	      if (component.getChildContext != null) {
+	        context = assign({}, context, component.getChildContext());
+	      }
+
+	      if ((type.getDerivedStateFromError || component.componentDidCatch) && preact.options.errorBoundaries) {
+	        let str = ''; // When a component returns a Fragment node we flatten it in core, so we
+	        // need to mirror that logic here too
+
+	        let isTopLevelFragment = rendered != null && rendered.type === preact.Fragment && rendered.key == null;
+	        rendered = isTopLevelFragment ? rendered.props.children : rendered;
+
+	        try {
+	          str = _renderToString(rendered, context, isSvgMode, selectValue, vnode, asyncMode, renderer);
+	          return str;
+	        } catch (err) {
+	          if (type.getDerivedStateFromError) {
+	            component[NEXT_STATE] = type.getDerivedStateFromError(err);
+	          }
+
+	          if (component.componentDidCatch) {
+	            component.componentDidCatch(err, {});
+	          }
+
+	          if (component[DIRTY]) {
+	            rendered = renderClassComponent(vnode, context);
+	            component = vnode[COMPONENT];
+
+	            if (component.getChildContext != null) {
+	              context = assign({}, context, component.getChildContext());
+	            }
+
+	            let isTopLevelFragment = rendered != null && rendered.type === preact.Fragment && rendered.key == null;
+	            rendered = isTopLevelFragment ? rendered.props.children : rendered;
+	            str = _renderToString(rendered, context, isSvgMode, selectValue, vnode, asyncMode, renderer);
+	          }
+
+	          return str;
+	        } finally {
+	          if (afterDiff) afterDiff(vnode);
+	          vnode[PARENT] = null;
+	          if (ummountHook) ummountHook(vnode);
+	        }
+	      }
+	    } // When a component returns a Fragment node we flatten it in core, so we
+	    // need to mirror that logic here too
+
+
+	    let isTopLevelFragment = rendered != null && rendered.type === preact.Fragment && rendered.key == null && rendered.props.tpl == null;
+	    rendered = isTopLevelFragment ? rendered.props.children : rendered;
+
+	    try {
+	      // Recurse into children before invoking the after-diff hook
+	      const str = _renderToString(rendered, context, isSvgMode, selectValue, vnode, asyncMode, renderer);
+
+	      if (afterDiff) afterDiff(vnode); // when we are dealing with suspense we can't do this...
+
+	      vnode[PARENT] = null;
+	      if (preact.options.unmount) preact.options.unmount(vnode);
+	      return str;
+	    } catch (error) {
+	      if (!asyncMode && renderer && renderer.onError) {
+	        let res = renderer.onError(error, vnode, child => _renderToString(child, context, isSvgMode, selectValue, vnode, asyncMode, renderer));
+	        if (res !== undefined) return res;
+	        let errorHook = preact.options[CATCH_ERROR];
+	        if (errorHook) errorHook(error, vnode);
+	        return '';
+	      }
+
+	      if (!asyncMode) throw error;
+	      if (!error || typeof error.then !== 'function') throw error;
+
+	      const renderNestedChildren = () => {
+	        try {
+	          return _renderToString(rendered, context, isSvgMode, selectValue, vnode, asyncMode, renderer);
+	        } catch (e) {
+	          if (!e || typeof e.then !== 'function') throw e;
+	          return e.then(() => _renderToString(rendered, context, isSvgMode, selectValue, vnode, asyncMode, renderer), () => renderNestedChildren());
+	        }
+	      };
+
+	      return error.then(() => renderNestedChildren());
+	    }
+	  } // Serialize Element VNodes to HTML
+
+
+	  let s = '<' + type,
+	      html = '',
+	      children;
+
+	  for (let name in props) {
+	    let v = props[name];
+
+	    switch (name) {
+	      case 'children':
+	        children = v;
+	        continue;
+	      // VDOM-specific props
+
+	      case 'key':
+	      case 'ref':
+	      case '__self':
+	      case '__source':
+	        continue;
+	      // prefer for/class over htmlFor/className
+
+	      case 'htmlFor':
+	        if ('for' in props) continue;
+	        name = 'for';
+	        break;
+
+	      case 'className':
+	        if ('class' in props) continue;
+	        name = 'class';
+	        break;
+	      // Form element reflected properties
+
+	      case 'defaultChecked':
+	        name = 'checked';
+	        break;
+
+	      case 'defaultSelected':
+	        name = 'selected';
+	        break;
+	      // Special value attribute handling
+
+	      case 'defaultValue':
+	      case 'value':
+	        name = 'value';
+
+	        switch (type) {
+	          // <textarea value="a&b"> --> <textarea>a&amp;b</textarea>
+	          case 'textarea':
+	            children = v;
+	            continue;
+	          // <select value> is serialized as a selected attribute on the matching option child
+
+	          case 'select':
+	            selectValue = v;
+	            continue;
+	          // Add a selected attribute to <option> if its value matches the parent <select> value
+
+	          case 'option':
+	            if (selectValue == v && !('selected' in props)) {
+	              s = s + ' selected';
+	            }
+
+	            break;
+	        }
+
+	        break;
+
+	      case 'dangerouslySetInnerHTML':
+	        html = v && v.__html;
+	        continue;
+	      // serialize object styles to a CSS string
+
+	      case 'style':
+	        if (typeof v === 'object') {
+	          v = styleObjToCss(v);
+	        }
+
+	        break;
+
+	      case 'acceptCharset':
+	        name = 'accept-charset';
+	        break;
+
+	      case 'httpEquiv':
+	        name = 'http-equiv';
+	        break;
+
+	      default:
+	        {
+	          if (NAMESPACE_REPLACE_REGEX.test(name)) {
+	            name = name.replace(NAMESPACE_REPLACE_REGEX, '$1:$2').toLowerCase();
+	          } else if (UNSAFE_NAME.test(name)) {
+	            continue;
+	          } else if ((name[4] === '-' || name === 'draggable') && v != null) {
+	            // serialize boolean aria-xyz or draggable attribute values as strings
+	            // `draggable` is an enumerated attribute and not Boolean. A value of `true` or `false` is mandatory
+	            // https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/draggable
+	            v += '';
+	          } else if (isSvgMode) {
+	            if (SVG_CAMEL_CASE.test(name)) {
+	              name = name === 'panose1' ? 'panose-1' : name.replace(/([A-Z])/g, '-$1').toLowerCase();
+	            }
+	          } else if (HTML_LOWER_CASE.test(name)) {
+	            name = name.toLowerCase();
+	          }
+	        }
+	    } // write this attribute to the buffer
+
+
+	    if (v != null && v !== false && typeof v !== 'function') {
+	      if (v === true || v === '') {
+	        s = s + ' ' + name;
+	      } else {
+	        s = s + ' ' + name + '="' + encodeEntities(v + '') + '"';
+	      }
+	    }
+	  }
+
+	  if (UNSAFE_NAME.test(type)) {
+	    // this seems to performs a lot better than throwing
+	    // return '<!-- -->';
+	    throw new Error(`${type} is not a valid HTML tag name in ${s}>`);
+	  }
+
+	  if (html) ; else if (typeof children === 'string') {
+	    // single text child
+	    html = encodeEntities(children);
+	  } else if (children != null && children !== false && children !== true) {
+	    // recurse into this element VNode's children
+	    let childSvgMode = type === 'svg' || type !== 'foreignObject' && isSvgMode;
+	    html = _renderToString(children, context, childSvgMode, selectValue, vnode, asyncMode, renderer);
+	  }
+
+	  if (afterDiff) afterDiff(vnode); // TODO: this was commented before
+
+	  vnode[PARENT] = null;
+	  if (ummountHook) ummountHook(vnode); // Emit self-closing tag for empty void elements:
+
+	  if (!html && SELF_CLOSING.has(type)) {
+	    return s + '/>';
+	  }
+
+	  const endTag = '</' + type + '>';
+	  const startTag = s + '>';
+	  if (Array.isArray(html)) return [startTag, ...html, endTag];else if (typeof html !== 'string') return [startTag, html, endTag];
+	  return startTag + html + endTag;
+	}
+
+	const SELF_CLOSING = new Set(['area', 'base', 'br', 'col', 'command', 'embed', 'hr', 'img', 'input', 'keygen', 'link', 'meta', 'param', 'source', 'track', 'wbr']);
+
+	/* eslint-disable no-var, key-spacing, object-curly-spacing, prefer-arrow-callback, semi, keyword-spacing */
+	function initPreactIslandElement() {
+	  class PreactIslandElement extends HTMLElement {
+	    connectedCallback() {
+	      var d = this;
+	      if (!d.isConnected) return;
+	      let i = this.getAttribute('data-target');
+	      if (!i) return;
+	      var s,
+	          e,
+	          c = document.createNodeIterator(document, 128);
+
+	      while (c.nextNode()) {
+	        let n = c.referenceNode;
+	        if (n.data == 'preact-island:' + i) s = n;else if (n.data == '/preact-island:' + i) e = n;
+	        if (s && e) break;
+	      }
+
+	      if (s && e) {
+	        var p = e.previousSibling;
+
+	        while (p != s) {
+	          if (!p || p == s) break;
+	          e.parentNode.removeChild(p);
+	          p = e.previousSibling;
+	        }
+
+	        requestAnimationFrame(() => {
+	          for (let i = 0; i <= d.children.length; i++) {
+	            const child = d.children[i];
+	            e.parentNode.insertBefore(child, e);
+	          }
+
+	          d.parentNode.removeChild(d);
+	        });
+	      }
+	    }
+
+	  }
+
+	  customElements.define('preact-island', PreactIslandElement);
+	}
+
+	const fn = initPreactIslandElement.toString();
+	const INIT_SCRIPT = fn.slice(fn.indexOf('{') + 1, fn.lastIndexOf('}')).replace(/\n\s+/gm, '');
+	function createInitScript() {
+	  return `<script>(function(){${INIT_SCRIPT}}())</script>`;
+	}
+	/**
+	 * @param {string} id
+	 * @param {string} content
+	 * @returns {string}
+	 */
+
+	function createSubtree(id, content) {
+	  return `<preact-island hidden data-target="${id}">${content}</preact-island>`;
+	}
+
+	/**
+	 * @param {VNode} vnode
+	 * @param {RenderToChunksOptions} options
+	 * @returns {Promise<void>}
+	 */
+
+	async function renderToChunks(vnode, {
+	  context,
+	  onWrite,
+	  abortSignal
+	}) {
+	  context = context || {};
+	  /** @type {RendererState} */
+
+	  const renderer = {
+	    start: Date.now(),
+	    abortSignal,
+	    onWrite,
+	    onError: handleError,
+	    suspended: []
+	  }; // Synchronously render the shell
+	  // @ts-ignore - using third internal RendererState argument
+
+	  const shell = renderToString(vnode, context, renderer);
+	  onWrite(shell); // Wait for any suspended sub-trees if there are any
+
+	  const len = renderer.suspended.length;
+
+	  if (len > 0) {
+	    onWrite('<div hidden>');
+	    onWrite(createInitScript()); // We should keep checking all promises
+
+	    await forkPromises(renderer);
+	    onWrite('</div>');
+	  }
+	}
+
+	async function forkPromises(renderer) {
+	  if (renderer.suspended.length > 0) {
+	    const suspensions = [...renderer.suspended];
+	    await Promise.all(renderer.suspended.map(s => s.promise));
+	    renderer.suspended = renderer.suspended.filter(s => !suspensions.includes(s));
+	    await forkPromises(renderer);
+	  }
+	}
+	/** @type {RendererErrorHandler} */
+
+
+	function handleError(error, vnode, renderChild) {
+	  if (!error || !error.then) return; // walk up to the Suspense boundary
+
+	  while (vnode = vnode[PARENT]) {
+	    let component = vnode[COMPONENT];
+
+	    if (component && component[CHILD_DID_SUSPEND]) {
+	      break;
+	    }
+	  }
+
+	  if (!vnode) return;
+	  const id = vnode.__v;
+	  const found = this.suspended.find(x => x.id === id);
+	  const race = new Deferred();
+	  const abortSignal = this.abortSignal;
+
+	  if (abortSignal) {
+	    // @ts-ignore 2554 - implicit undefined arg
+	    if (abortSignal.aborted) race.resolve();else abortSignal.addEventListener('abort', race.resolve);
+	  }
+
+	  const promise = error.then(() => {
+	    if (abortSignal && abortSignal.aborted) return;
+	    const child = renderChild(vnode.props.children);
+	    if (child) this.onWrite(createSubtree(id, child));
+	  }, // TODO: Abort and send hydration code snippet to client
+	  // to attempt to recover during hydration
+	  this.onError);
+	  this.suspended.push({
+	    id,
+	    vnode,
+	    promise: Promise.race([promise, race.promise])
+	  });
+	  const fallback = renderChild(vnode.props.fallback);
+	  return found ? '' : `<!--preact-island:${id}-->${fallback}<!--/preact-island:${id}-->`;
+	}
+
+	/**
+	 * @typedef {object} RenderToPipeableStreamOptions
+	 * @property {() => void} [onShellReady]
+	 * @property {() => void} [onAllReady]
+	 * @property {(error) => void} [onError]
+	 */
+
+	/**
+	 * @param {import('preact').VNode} vnode
+	 * @param {RenderToPipeableStreamOptions} options
+	 * @param {any} [context]
+	 * @returns {{}}
+	 */
+
+	function renderToPipeableStream(vnode, options, context) {
+	  const encoder = new TextEncoder('utf-8');
+	  const controller = new AbortController();
+	  const stream = new node_stream.PassThrough();
+	  renderToChunks(vnode, {
+	    context,
+	    abortSignal: controller.signal,
+	    onError: error => {
+	      if (options.onError) {
+	        options.onError(error);
+	      }
+
+	      controller.abort(error);
+	    },
+
+	    onWrite(s) {
+	      stream.write(encoder.encode(s));
+	    }
+
+	  }).then(() => {
+	    options.onAllReady && options.onAllReady();
+	    stream.end();
+	  }).catch(error => {
+	    stream.destroy(error);
+	  });
+	  Promise.resolve().then(() => {
+	    options.onShellReady && options.onShellReady();
+	  });
+	  return {
+	    abort() {
+	      controller.abort();
+	      stream.destroy(new Error('aborted'));
+	    },
+
+	    /**
+	     * @param {import("stream").Writable} writable
+	     */
+	    pipe(writable) {
+	      stream.pipe(writable, {
+	        end: true
+	      });
+	    }
+
+	  };
+	}
+
+	exports.renderToPipeableStream = renderToPipeableStream;
+
+})));
+//# sourceMappingURL=stream-node.umd.js.map