hadars 0.1.40 → 0.2.1

package/dist/slim-react/index.cjs

@@ -49,6 +49,7 @@ __export(slim_react_exports, {
   jsxs: () => jsx,
   lazy: () => lazy,
   memo: () => memo,
+  renderPreflight: () => renderPreflight,
   renderToReadableStream: () => renderToStream,
   renderToStream: () => renderToStream,
   renderToString: () => renderToString,
@@ -121,6 +122,13 @@ function swapContextMap(map) {
 function captureMap() {
   return _g[MAP_KEY];
 }
+var UNSUSPEND_KEY = "__hadarsUnsuspend";
+function captureUnsuspend() {
+  return _g[UNSUSPEND_KEY];
+}
+function restoreUnsuspend(u) {
+  _g[UNSUSPEND_KEY] = u;
+}
 function getContextValue(context) {
   const map = _g[MAP_KEY];
   if (map && map.has(context)) return map.get(context);
@@ -128,10 +136,14 @@ function getContextValue(context) {
   return "_defaultValue" in c ? c._defaultValue : c._currentValue;
 }
 function pushContextValue(context, value) {
-  const map = _g[MAP_KEY];
+  let map = _g[MAP_KEY];
+  if (map === null) {
+    map = /* @__PURE__ */ new Map();
+    _g[MAP_KEY] = map;
+  }
   const c = context;
-  const prev = map && map.has(context) ? map.get(context) : "_defaultValue" in c ? c._defaultValue : c._currentValue;
-  map?.set(context, value);
+  const prev = map.has(context) ? map.get(context) : "_defaultValue" in c ? c._defaultValue : c._currentValue;
+  map.set(context, value);
   return prev;
 }
 function popContextValue(context, prev) {
@@ -139,48 +151,57 @@ function popContextValue(context, prev) {
 }
 var GLOBAL_KEY = "__slimReactRenderState";
 var EMPTY = { id: 1, overflow: "" };
+var _stateCache = null;
 function s() {
-  const g = globalThis;
-  if (!g[GLOBAL_KEY]) {
-    g[GLOBAL_KEY] = { currentTreeContext: { ...EMPTY }, localIdCounter: 0, idPrefix: "" };
+  if (_stateCache !== null) return _stateCache;
+  if (!_g[GLOBAL_KEY]) {
+    _g[GLOBAL_KEY] = { currentTreeContext: { ...EMPTY }, localIdCounter: 0, idPrefix: "" };
   }
-  return g[GLOBAL_KEY];
+  _stateCache = _g[GLOBAL_KEY];
+  return _stateCache;
 }
+var _treeIdStack = [];
+var _treeOvStack = [];
+var _treeDepth = 0;
 function resetRenderState(idPrefix = "") {
   const st = s();
-  st.currentTreeContext = { ...EMPTY };
+  st.currentTreeContext.id = EMPTY.id;
+  st.currentTreeContext.overflow = EMPTY.overflow;
   st.localIdCounter = 0;
   st.idPrefix = idPrefix;
+  _treeDepth = 0;
 }
 function pushTreeContext(totalChildren, index) {
   const st = s();
-  const saved = { ...st.currentTreeContext };
-  const baseIdWithLeadingBit = st.currentTreeContext.id;
-  const baseOverflow = st.currentTreeContext.overflow;
+  const ctx = st.currentTreeContext;
+  const depth = _treeDepth++;
+  _treeIdStack[depth] = ctx.id;
+  _treeOvStack[depth] = ctx.overflow;
+  const baseIdWithLeadingBit = ctx.id;
+  const baseOverflow = ctx.overflow;
   const baseLength = 31 - Math.clz32(baseIdWithLeadingBit);
   let baseId = baseIdWithLeadingBit & ~(1 << baseLength);
   const slot = index + 1;
   const newBits = 32 - Math.clz32(totalChildren);
   const length = newBits + baseLength;
   if (30 < length) {
-    const numberOfOverflowBits = baseLength - baseLength % 5;
-    const overflowStr = (baseId & (1 << numberOfOverflowBits) - 1).toString(32);
-    baseId >>= numberOfOverflowBits;
-    const newBaseLength = baseLength - numberOfOverflowBits;
-    st.currentTreeContext = {
-      id: 1 << newBits + newBaseLength | slot << newBaseLength | baseId,
-      overflow: overflowStr + baseOverflow
-    };
+    const overflowBits = baseLength - baseLength % 5;
+    const overflowStr = (baseId & (1 << overflowBits) - 1).toString(32);
+    baseId >>= overflowBits;
+    const newBaseLength = baseLength - overflowBits;
+    ctx.id = 1 << newBits + newBaseLength | slot << newBaseLength | baseId;
+    ctx.overflow = overflowStr + baseOverflow;
   } else {
-    st.currentTreeContext = {
-      id: 1 << length | slot << baseLength | baseId,
-      overflow: baseOverflow
-    };
+    ctx.id = 1 << length | slot << baseLength | baseId;
+    ctx.overflow = baseOverflow;
   }
-  return saved;
+  return depth;
 }
-function popTreeContext(saved) {
-  s().currentTreeContext = saved;
+function popTreeContext(depth) {
+  const ctx = s().currentTreeContext;
+  ctx.id = _treeIdStack[depth];
+  ctx.overflow = _treeOvStack[depth];
+  _treeDepth = depth;
 }
 function pushComponentScope() {
   const st = s();
@@ -196,12 +217,16 @@ function componentCalledUseId() {
 }
 function snapshotContext() {
   const st = s();
-  return { tree: { ...st.currentTreeContext }, localId: st.localIdCounter };
+  const ctx = st.currentTreeContext;
+  return { tree: { id: ctx.id, overflow: ctx.overflow }, localId: st.localIdCounter, treeDepth: _treeDepth };
 }
 function restoreContext(snap) {
   const st = s();
-  st.currentTreeContext = { ...snap.tree };
+  const ctx = st.currentTreeContext;
+  ctx.id = snap.tree.id;
+  ctx.overflow = snap.tree.overflow;
   st.localIdCounter = snap.localId;
+  _treeDepth = snap.treeDepth;
 }
 function getTreeId() {
   const { id, overflow } = s().currentTreeContext;
@@ -300,7 +325,7 @@ function createContext(defaultValue) {
   context.Provider = Provider;
   context.Consumer = ({ children }) => {
     return children(
-      context._currentValue
+      getContextValue(context)
     );
   };
   return context;
@@ -364,19 +389,80 @@ var VOID_ELEMENTS = /* @__PURE__ */ new Set([
   "wbr"
 ]);
 var HTML_ESC = { "&": "&amp;", "<": "&lt;", ">": "&gt;", "'": "&#x27;" };
+var HTML_ESC_RE = /[&<>']/;
 function escapeHtml(str) {
+  if (!HTML_ESC_RE.test(str)) return str;
   return str.replace(/[&<>']/g, (c) => HTML_ESC[c]);
 }
 var ATTR_ESC = { "&": "&amp;", '"': "&quot;", "<": "&lt;", ">": "&gt;" };
+var ATTR_ESC_RE = /[&"<>]/;
 function escapeAttr(str) {
+  if (!ATTR_ESC_RE.test(str)) return str;
   return str.replace(/[&"<>]/g, (c) => ATTR_ESC[c]);
 }
+var UNITLESS_CSS = /* @__PURE__ */ new Set([
+  "animationIterationCount",
+  "aspectRatio",
+  "borderImageOutset",
+  "borderImageSlice",
+  "borderImageWidth",
+  "boxFlex",
+  "boxFlexGroup",
+  "boxOrdinalGroup",
+  "columnCount",
+  "columns",
+  "flex",
+  "flexGrow",
+  "flexPositive",
+  "flexShrink",
+  "flexNegative",
+  "flexOrder",
+  "gridArea",
+  "gridRow",
+  "gridRowEnd",
+  "gridRowSpan",
+  "gridRowStart",
+  "gridColumn",
+  "gridColumnEnd",
+  "gridColumnSpan",
+  "gridColumnStart",
+  "fontWeight",
+  "lineClamp",
+  "lineHeight",
+  "opacity",
+  "order",
+  "orphans",
+  "scale",
+  "tabSize",
+  "widows",
+  "zIndex",
+  "zoom",
+  "fillOpacity",
+  "floodOpacity",
+  "stopOpacity",
+  "strokeDasharray",
+  "strokeDashoffset",
+  "strokeMiterlimit",
+  "strokeOpacity",
+  "strokeWidth"
+]);
+var _cssKeyCache = /* @__PURE__ */ new Map();
 function styleObjectToString(style) {
   let result = "";
   for (const key in style) {
+    const value = style[key];
+    if (value == null || typeof value === "boolean") continue;
     if (result) result += ";";
-    const cssKey = key.replace(/[A-Z]/g, (m) => "-" + m.toLowerCase());
-    result += cssKey + ":" + style[key];
+    let cssKey = _cssKeyCache.get(key);
+    if (cssKey === void 0) {
+      cssKey = key.replace(/[A-Z]/g, (m) => "-" + m.toLowerCase());
+      _cssKeyCache.set(key, cssKey);
+    }
+    if (typeof value === "number" && value !== 0 && !UNITLESS_CSS.has(key)) {
+      result += cssKey + ":" + value + "px";
+    } else {
+      result += cssKey + ":" + value;
+    }
   }
   return result;
 }
@@ -511,14 +597,22 @@ var SVG_ATTR_MAP = {
   xChannelSelector: "xChannelSelector",
   yChannelSelector: "yChannelSelector"
 };
-function renderAttributes(props, isSvg) {
-  let attrs = "";
+var TEXTAREA_SKIP_PROPS = /* @__PURE__ */ new Set(["value", "defaultValue", "children"]);
+var SELECT_SKIP_PROPS = /* @__PURE__ */ new Set(["value", "defaultValue"]);
+var INTERNAL_PROPS = /* @__PURE__ */ new Set([
+  "children",
+  "key",
+  "ref",
+  "dangerouslySetInnerHTML",
+  "suppressHydrationWarning",
+  "suppressContentEditableWarning"
+]);
+function writeAttributes(writer, props, isSvg, skip) {
   for (const key in props) {
+    if (skip !== void 0 && skip.has(key)) continue;
     const value = props[key];
-    if (key === "children" || key === "key" || key === "ref" || key === "dangerouslySetInnerHTML" || key === "suppressHydrationWarning" || key === "suppressContentEditableWarning")
-      continue;
-    if (key.startsWith("on") && key.length > 2 && key[2] === key[2].toUpperCase())
-      continue;
+    if (INTERNAL_PROPS.has(key)) continue;
+    if (key.length > 2 && key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && key.charCodeAt(2) >= 65 && key.charCodeAt(2) <= 90) continue;
     let attrName;
     if (isSvg && key in SVG_ATTR_MAP) {
       attrName = SVG_ATTR_MAP[key];
@@ -526,41 +620,46 @@ function renderAttributes(props, isSvg) {
       attrName = key === "className" ? "class" : key === "htmlFor" ? "for" : key === "tabIndex" ? "tabindex" : key === "defaultValue" ? "value" : key === "defaultChecked" ? "checked" : key;
     }
     if (value === false || value == null) {
-      if (value === false && (attrName.startsWith("aria-") || attrName.startsWith("data-"))) {
-        attrs += ` ${attrName}="false"`;
+      if (value === false && (attrName.charCodeAt(0) === 97 && attrName.startsWith("aria-") || attrName.charCodeAt(0) === 100 && attrName.startsWith("data-"))) {
+        writer.write(` ${attrName}="false"`);
       }
       continue;
     }
     if (value === true) {
-      if (attrName.startsWith("aria-") || attrName.startsWith("data-")) {
-        attrs += ` ${attrName}="true"`;
+      if (attrName.charCodeAt(0) === 97 && attrName.startsWith("aria-") || attrName.charCodeAt(0) === 100 && attrName.startsWith("data-")) {
+        writer.write(` ${attrName}="true"`);
       } else {
-        attrs += ` ${attrName}=""`;
+        writer.write(` ${attrName}=""`);
       }
       continue;
     }
     if (key === "style" && typeof value === "object") {
       const styleStr = styleObjectToString(value);
-      if (styleStr) attrs += ` style="${escapeAttr(styleStr)}"`;
+      if (styleStr) writer.write(` style="${escapeAttr(styleStr)}"`);
       continue;
     }
-    attrs += ` ${attrName}="${escapeAttr(String(value))}"`;
+    writer.write(` ${attrName}="${escapeAttr(typeof value === "string" ? value : String(value))}"`);
   }
-  return attrs;
 }
-var BufferWriter = class {
-  chunks = [];
+var BufferWriter = class _BufferWriter {
+  data = "";
   lastWasText = false;
   write(chunk) {
-    this.chunks.push(chunk);
+    this.data += chunk;
     this.lastWasText = false;
   }
   text(s2) {
-    this.chunks.push(s2);
+    this.data += s2;
     this.lastWasText = true;
   }
-  flush(target) {
-    for (const c of this.chunks) target.write(c);
+  /** Flush accumulated output into a parent writer and reset. */
+  flushTo(target) {
+    if (!this.data) return;
+    if (target instanceof _BufferWriter) {
+      target.data += this.data;
+    } else {
+      target.write(this.data);
+    }
     target.lastWasText = this.lastWasText;
   }
 };
@@ -577,15 +676,12 @@ function renderNode(node, writer, isSvg = false) {
   if (Array.isArray(node)) {
     return renderChildArray(node, writer, isSvg);
   }
-  if (typeof node === "object" && node !== null && Symbol.iterator in node && !("$$typeof" in node)) {
-    return renderChildArray(
-      Array.from(node),
-      writer,
-      isSvg
-    );
+  const obj = node;
+  if (Symbol.iterator in obj && !("$$typeof" in obj)) {
+    return renderChildArray(Array.from(obj), writer, isSvg);
   }
-  if (typeof node === "object" && node !== null && "$$typeof" in node) {
-    const elType = node["$$typeof"];
+  if ("$$typeof" in obj) {
+    const elType = obj["$$typeof"];
     if (elType !== SLIM_ELEMENT && elType !== REACT19_ELEMENT) return;
     const element = node;
     const { type, props } = element;
@@ -595,15 +691,15 @@ function renderNode(node, writer, isSvg = false) {
     if (type === SUSPENSE_TYPE) {
       return renderSuspense(props, writer, isSvg);
     }
+    if (typeof type === "string") {
+      return renderHostElement(type, props, writer, isSvg);
+    }
     if (typeof type === "function") {
       return renderComponent(type, props, writer, isSvg);
     }
     if (typeof type === "object" && type !== null) {
       return renderComponent(type, props, writer, isSvg);
     }
-    if (typeof type === "string") {
-      return renderHostElement(type, props, writer, isSvg);
-    }
   }
 }
 function markSelectedOptionsMulti(children, selectedValues) {
@@ -629,26 +725,21 @@ function markSelectedOptionsMulti(children, selectedValues) {
   return children;
 }
 function renderHostElement(tag, props, writer, isSvg) {
-  const enteringSvg = tag === "svg";
-  const childSvg = isSvg || enteringSvg;
+  const childSvg = isSvg || tag === "svg";
   if (tag === "textarea") {
     const textContent = props.value ?? props.defaultValue ?? props.children ?? "";
-    const filteredProps = {};
-    for (const k of Object.keys(props)) {
-      if (k !== "value" && k !== "defaultValue" && k !== "children") filteredProps[k] = props[k];
-    }
-    writer.write(`<textarea${renderAttributes(filteredProps, false)}>`);
+    writer.write("<textarea");
+    writeAttributes(writer, props, false, TEXTAREA_SKIP_PROPS);
+    writer.write(">");
     writer.text(escapeHtml(String(textContent)));
     writer.write("</textarea>");
     return;
   }
   if (tag === "select") {
     const selectedValue = props.value ?? props.defaultValue;
-    const filteredProps = {};
-    for (const k of Object.keys(props)) {
-      if (k !== "value" && k !== "defaultValue") filteredProps[k] = props[k];
-    }
-    writer.write(`<select${renderAttributes(filteredProps, false)}>`);
+    writer.write("<select");
+    writeAttributes(writer, props, false, SELECT_SKIP_PROPS);
+    writer.write(">");
     const selectedSet = selectedValue == null ? null : Array.isArray(selectedValue) ? new Set(selectedValue.map(String)) : /* @__PURE__ */ new Set([String(selectedValue)]);
     const patchedChildren = selectedSet != null ? markSelectedOptionsMulti(props.children, selectedSet) : props.children;
     const inner2 = renderChildren(patchedChildren, writer, false);
@@ -660,7 +751,8 @@ function renderHostElement(tag, props, writer, isSvg) {
     writer.write("</select>");
     return;
   }
-  writer.write(`<${tag}${renderAttributes(props, childSvg)}`);
+  writer.write(`<${tag}`);
+  writeAttributes(writer, props, childSvg);
   if (VOID_ELEMENTS.has(tag)) {
     writer.write("/>");
     return;
@@ -686,8 +778,25 @@ var REACT_PROVIDER = Symbol.for("react.provider");
 var REACT_CONTEXT = Symbol.for("react.context");
 var REACT_CONSUMER = Symbol.for("react.consumer");
 var REACT_LAZY = Symbol.for("react.lazy");
-function renderComponent(type, props, writer, isSvg) {
-  const typeOf = type?.$$typeof;
+var SUSPENSE_RETRY_LIMIT = Symbol("SuspenseRetryLimit");
+var MAX_COMPONENT_SUSPENSE_RETRIES = 25;
+function patchPromiseStatus(p) {
+  const w = p;
+  if (w.status) return;
+  w.status = "pending";
+  w.then(
+    (v) => {
+      w.status = "fulfilled";
+      w.value = v;
+    },
+    (r) => {
+      w.status = "rejected";
+      w.reason = r;
+    }
+  );
+}
+function renderComponent(type, props, writer, isSvg, _suspenseRetries = 0) {
+  const typeOf = type.$$typeof;
   if (typeOf === REACT_MEMO) {
     return renderNode(
       { $$typeof: SLIM_ELEMENT, type: type.type, props, key: null },
@@ -699,7 +808,23 @@ function renderComponent(type, props, writer, isSvg) {
     return renderComponent(type.render, props, writer, isSvg);
   }
   if (typeOf === REACT_LAZY) {
-    const resolved = type._init(type._payload);
+    let resolved;
+    try {
+      resolved = type._init(type._payload);
+    } catch (e) {
+      if (e && typeof e.then === "function") {
+        if (_suspenseRetries + 1 >= MAX_COMPONENT_SUSPENSE_RETRIES) throw SUSPENSE_RETRY_LIMIT;
+        patchPromiseStatus(e);
+        const m = captureMap();
+        const u = captureUnsuspend();
+        return e.then(() => {
+          swapContextMap(m);
+          restoreUnsuspend(u);
+          return renderComponent(type, props, writer, isSvg, _suspenseRetries + 1);
+        });
+      }
+      throw e;
+    }
     const LazyComp = resolved?.default ?? resolved;
     return renderComponent(LazyComp, props, writer, isSvg);
   }
@@ -708,12 +833,12 @@ function renderComponent(type, props, writer, isSvg) {
     const value = ctx2 ? getContextValue(ctx2) : void 0;
     const result2 = typeof props.children === "function" ? props.children(value) : null;
     const savedScope2 = pushComponentScope();
-    const finish2 = () => popComponentScope(savedScope2);
+    const finish = () => popComponentScope(savedScope2);
     const r2 = renderNode(result2, writer, isSvg);
     if (r2 && typeof r2.then === "function") {
-      return r2.then(finish2);
+      return r2.then(finish);
     }
-    finish2();
+    finish();
     return;
   }
   const isProvider = "_context" in type || typeOf === REACT_PROVIDER || typeOf === REACT_CONTEXT && "value" in props;
@@ -725,26 +850,29 @@ function renderComponent(type, props, writer, isSvg) {
   }
   const savedScope = pushComponentScope();
   if (isProvider && typeof type !== "function") {
-    const finish2 = () => {
+    const finish = () => {
       popComponentScope(savedScope);
       popContextValue(ctx, prevCtxValue);
     };
     const r2 = renderChildren(props.children, writer, isSvg);
     if (r2 && typeof r2.then === "function") {
       const m = captureMap();
+      const u = captureUnsuspend();
       return r2.then(
         () => {
           swapContextMap(m);
-          finish2();
+          restoreUnsuspend(u);
+          finish();
         },
         (e) => {
           swapContextMap(m);
-          finish2();
+          restoreUnsuspend(u);
+          finish();
           throw e;
         }
       );
     }
-    finish2();
+    finish();
     return;
   }
   let result;
@@ -764,6 +892,17 @@ function renderComponent(type, props, writer, isSvg) {
     restoreDispatcher(prevDispatcher);
     popComponentScope(savedScope);
     if (isProvider) popContextValue(ctx, prevCtxValue);
+    if (e && typeof e.then === "function") {
+      if (_suspenseRetries + 1 >= MAX_COMPONENT_SUSPENSE_RETRIES) throw SUSPENSE_RETRY_LIMIT;
+      patchPromiseStatus(e);
+      const m = captureMap();
+      const u = captureUnsuspend();
+      return e.then(() => {
+        swapContextMap(m);
+        restoreUnsuspend(u);
+        return renderComponent(type, props, writer, isSvg, _suspenseRetries + 1);
+      });
+    }
     throw e;
   }
   restoreDispatcher(prevDispatcher);
@@ -771,97 +910,93 @@ function renderComponent(type, props, writer, isSvg) {
   if (!(result instanceof Promise) && componentCalledUseId()) {
     savedIdTree = pushTreeContext(1, 0);
   }
-  const finish = () => {
-    if (savedIdTree !== void 0) popTreeContext(savedIdTree);
-    popComponentScope(savedScope);
-    if (isProvider) popContextValue(ctx, prevCtxValue);
-  };
   if (result instanceof Promise) {
     const m = captureMap();
+    const u = captureUnsuspend();
     return result.then((resolved) => {
       swapContextMap(m);
+      restoreUnsuspend(u);
       let asyncSavedIdTree;
       if (componentCalledUseId()) {
         asyncSavedIdTree = pushTreeContext(1, 0);
       }
-      const asyncFinish = () => {
-        if (asyncSavedIdTree !== void 0) popTreeContext(asyncSavedIdTree);
-        popComponentScope(savedScope);
-        if (isProvider) popContextValue(ctx, prevCtxValue);
-      };
       const r2 = renderNode(resolved, writer, isSvg);
       if (r2 && typeof r2.then === "function") {
         const m2 = captureMap();
+        const u2 = captureUnsuspend();
         return r2.then(
           () => {
             swapContextMap(m2);
-            asyncFinish();
+            restoreUnsuspend(u2);
+            if (asyncSavedIdTree !== void 0) popTreeContext(asyncSavedIdTree);
+            popComponentScope(savedScope);
+            if (isProvider) popContextValue(ctx, prevCtxValue);
           },
           (e) => {
             swapContextMap(m2);
-            asyncFinish();
+            restoreUnsuspend(u2);
+            if (asyncSavedIdTree !== void 0) popTreeContext(asyncSavedIdTree);
+            popComponentScope(savedScope);
+            if (isProvider) popContextValue(ctx, prevCtxValue);
             throw e;
           }
         );
       }
-      asyncFinish();
+      if (asyncSavedIdTree !== void 0) popTreeContext(asyncSavedIdTree);
+      popComponentScope(savedScope);
+      if (isProvider) popContextValue(ctx, prevCtxValue);
     }, (e) => {
       swapContextMap(m);
-      finish();
+      restoreUnsuspend(u);
+      popComponentScope(savedScope);
+      if (isProvider) popContextValue(ctx, prevCtxValue);
       throw e;
     });
   }
   const r = renderNode(result, writer, isSvg);
   if (r && typeof r.then === "function") {
     const m = captureMap();
+    const u = captureUnsuspend();
     return r.then(
       () => {
         swapContextMap(m);
-        finish();
+        restoreUnsuspend(u);
+        if (savedIdTree !== void 0) popTreeContext(savedIdTree);
+        popComponentScope(savedScope);
+        if (isProvider) popContextValue(ctx, prevCtxValue);
       },
       (e) => {
         swapContextMap(m);
-        finish();
+        restoreUnsuspend(u);
+        if (savedIdTree !== void 0) popTreeContext(savedIdTree);
+        popComponentScope(savedScope);
+        if (isProvider) popContextValue(ctx, prevCtxValue);
         throw e;
       }
     );
   }
-  finish();
-}
-function isTextLike(node) {
-  return typeof node === "string" || typeof node === "number";
+  if (savedIdTree !== void 0) popTreeContext(savedIdTree);
+  popComponentScope(savedScope);
+  if (isProvider) popContextValue(ctx, prevCtxValue);
 }
 function renderChildArray(children, writer, isSvg) {
-  const totalChildren = children.length;
-  for (let i = 0; i < totalChildren; i++) {
-    if (isTextLike(children[i]) && writer.lastWasText) {
-      writer.write("<!-- -->");
-    }
-    const savedTree = pushTreeContext(totalChildren, i);
-    const r = renderNode(children[i], writer, isSvg);
-    if (r && typeof r.then === "function") {
-      const m = captureMap();
-      return r.then(() => {
-        swapContextMap(m);
-        popTreeContext(savedTree);
-        return renderChildArrayFrom(children, i + 1, writer, isSvg);
-      });
-    }
-    popTreeContext(savedTree);
-  }
+  return renderChildArrayFrom(children, 0, writer, isSvg);
 }
 function renderChildArrayFrom(children, startIndex, writer, isSvg) {
   const totalChildren = children.length;
   for (let i = startIndex; i < totalChildren; i++) {
-    if (isTextLike(children[i]) && writer.lastWasText) {
+    const child = children[i];
+    if ((typeof child === "string" || typeof child === "number") && writer.lastWasText) {
       writer.write("<!-- -->");
     }
     const savedTree = pushTreeContext(totalChildren, i);
-    const r = renderNode(children[i], writer, isSvg);
+    const r = renderNode(child, writer, isSvg);
     if (r && typeof r.then === "function") {
       const m = captureMap();
+      const u = captureUnsuspend();
       return r.then(() => {
         swapContextMap(m);
+        restoreUnsuspend(u);
         popTreeContext(savedTree);
         return renderChildArrayFrom(children, i + 1, writer, isSvg);
       });
@@ -876,65 +1011,69 @@ function renderChildren(children, writer, isSvg = false) {
   }
   return renderNode(children, writer, isSvg);
 }
-var MAX_SUSPENSE_RETRIES = 25;
 async function renderSuspense(props, writer, isSvg = false) {
   const { children, fallback } = props;
-  let attempts = 0;
   const snap = snapshotContext();
-  while (attempts < MAX_SUSPENSE_RETRIES) {
-    restoreContext(snap);
-    let buffer = new BufferWriter();
-    try {
-      const r = renderNode(children, buffer, isSvg);
-      if (r && typeof r.then === "function") {
-        const m = captureMap();
-        await r;
-        swapContextMap(m);
-      }
-      writer.write("<!--$-->");
-      buffer.flush(writer);
-      writer.write("<!--/$-->");
-      return;
-    } catch (error) {
-      if (error && typeof error.then === "function") {
-        const m = captureMap();
-        await error;
-        swapContextMap(m);
-        attempts++;
-      } else {
-        throw error;
-      }
-    }
-  }
-  restoreContext(snap);
-  writer.write("<!--$?-->");
-  if (fallback) {
-    const r = renderNode(fallback, writer, isSvg);
+  const savedMap = captureMap();
+  const savedMapClone = savedMap ? new Map(savedMap) : null;
+  const buffer = new BufferWriter();
+  try {
+    const r = renderNode(children, buffer, isSvg);
     if (r && typeof r.then === "function") {
       const m = captureMap();
+      const u = captureUnsuspend();
       await r;
       swapContextMap(m);
+      restoreUnsuspend(u);
+    }
+    writer.write("<!--$-->");
+    buffer.flushTo(writer);
+    writer.write("<!--/$-->");
+    writer.flush?.();
+  } catch (error) {
+    if (error === SUSPENSE_RETRY_LIMIT) {
+      restoreContext(snap);
+      swapContextMap(savedMapClone);
+      writer.write("<!--$?-->");
+      if (fallback) {
+        const r = renderNode(fallback, writer, isSvg);
+        if (r && typeof r.then === "function") {
+          const m = captureMap();
+          const u = captureUnsuspend();
+          await r;
+          swapContextMap(m);
+          restoreUnsuspend(u);
+        }
+      }
+      writer.write("<!--/$-->");
+    } else {
+      throw error;
     }
   }
-  writer.write("<!--/$-->");
 }
+var _streamEncoder = new TextEncoder();
 function renderToStream(element, options) {
-  const encoder = new TextEncoder();
   const idPrefix = options?.identifierPrefix ?? "";
-  const contextMap = /* @__PURE__ */ new Map();
   return new ReadableStream({
     async start(controller) {
       resetRenderState(idPrefix);
-      const prev = swapContextMap(contextMap);
+      const prev = swapContextMap(null);
+      let _buf = "";
       const writer = {
         lastWasText: false,
         write(chunk) {
-          controller.enqueue(encoder.encode(chunk));
+          _buf += chunk;
           this.lastWasText = false;
         },
         text(s2) {
-          controller.enqueue(encoder.encode(s2));
+          _buf += s2;
           this.lastWasText = true;
+        },
+        flush() {
+          if (_buf.length > 0) {
+            controller.enqueue(_streamEncoder.encode(_buf));
+            _buf = "";
+          }
         }
       };
       try {
@@ -944,6 +1083,7 @@ function renderToStream(element, options) {
           await r;
           swapContextMap(m);
         }
+        writer.flush();
         controller.close();
       } catch (error) {
         controller.error(error);
@@ -953,45 +1093,53 @@ function renderToStream(element, options) {
     }
   });
 }
+var NULL_WRITER = {
+  lastWasText: false,
+  write(_c) {
+  },
+  text(_s) {
+  }
+};
+async function renderPreflight(element, options) {
+  const idPrefix = options?.identifierPrefix ?? "";
+  const prev = swapContextMap(null);
+  try {
+    resetRenderState(idPrefix);
+    NULL_WRITER.lastWasText = false;
+    const r = renderNode(element, NULL_WRITER);
+    if (r && typeof r.then === "function") {
+      const m = captureMap();
+      await r;
+      swapContextMap(m);
+    }
+  } finally {
+    swapContextMap(prev);
+  }
+}
 async function renderToString(element, options) {
   const idPrefix = options?.identifierPrefix ?? "";
-  const contextMap = /* @__PURE__ */ new Map();
-  const prev = swapContextMap(contextMap);
+  const prev = swapContextMap(null);
+  let output = "";
+  const writer = {
+    lastWasText: false,
+    write(c) {
+      output += c;
+      this.lastWasText = false;
+    },
+    text(s2) {
+      output += s2;
+      this.lastWasText = true;
+    }
+  };
   try {
-    for (let attempt = 0; attempt < MAX_SUSPENSE_RETRIES; attempt++) {
-      resetRenderState(idPrefix);
-      swapContextMap(contextMap);
-      const chunks = [];
-      const writer = {
-        lastWasText: false,
-        write(c) {
-          chunks.push(c);
-          this.lastWasText = false;
-        },
-        text(s2) {
-          chunks.push(s2);
-          this.lastWasText = true;
-        }
-      };
-      try {
-        const r = renderNode(element, writer);
-        if (r && typeof r.then === "function") {
-          const m = captureMap();
-          await r;
-          swapContextMap(m);
-        }
-        return chunks.join("");
-      } catch (error) {
-        if (error && typeof error.then === "function") {
-          const m = captureMap();
-          await error;
-          swapContextMap(m);
-          continue;
-        }
-        throw error;
-      }
+    resetRenderState(idPrefix);
+    const r = renderNode(element, writer);
+    if (r && typeof r.then === "function") {
+      const m = captureMap();
+      await r;
+      swapContextMap(m);
     }
-    throw new Error("[slim-react] renderToString exceeded maximum retries");
+    return output;
   } finally {
     swapContextMap(prev);
   }
@@ -1003,11 +1151,13 @@ function useContext(context) {
 }
 var Suspense = SUSPENSE_TYPE;
 function isValidElement(obj) {
-  return typeof obj === "object" && obj !== null && obj.$$typeof === SLIM_ELEMENT;
+  if (typeof obj !== "object" || obj === null) return false;
+  const t = obj.$$typeof;
+  return t === SLIM_ELEMENT || t === REACT19_ELEMENT;
 }
 function cloneElement(element, overrideProps, ...children) {
   return {
-    $$typeof: SLIM_ELEMENT,
+    $$typeof: element.$$typeof || SLIM_ELEMENT,
     type: element.type,
     props: {
       ...element.props,
@@ -1018,12 +1168,18 @@ function cloneElement(element, overrideProps, ...children) {
   };
 }
 function forwardRef(render) {
-  const component = (props) => render(props, props.ref ?? null);
-  component.displayName = render.displayName || render.name || "ForwardRef";
-  return component;
+  return {
+    $$typeof: Symbol.for("react.forward_ref"),
+    render,
+    displayName: render.displayName || render.name || "ForwardRef"
+  };
 }
-function memo(component) {
-  return component;
+function memo(component, compare) {
+  return {
+    $$typeof: Symbol.for("react.memo"),
+    type: component,
+    compare: compare ?? null
+  };
 }
 function lazy(factory) {
   let resolved = null;
@@ -1120,6 +1276,7 @@ var React = {
   renderToStream,
   renderToString,
   renderToReadableStream: renderToStream,
+  renderPreflight,
   // Version
   version
 };
@@ -1144,6 +1301,7 @@ var slim_react_default = React;
   jsxs,
   lazy,
   memo,
+  renderPreflight,
   renderToReadableStream,
   renderToStream,
   renderToString,