hadars 0.1.40 → 0.2.0

package/dist/ssr-render-worker.js

@@ -38,6 +38,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);
@@ -45,10 +52,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) {
@@ -56,48 +67,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();
@@ -113,12 +133,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;
@@ -249,19 +273,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;
 }
@@ -396,14 +481,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];
@@ -411,41 +504,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;
   }
 };
@@ -462,15 +560,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;
@@ -480,15 +575,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) {
@@ -514,26 +609,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);
@@ -545,7 +635,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;
@@ -571,8 +662,25 @@ var REACT_PROVIDER = /* @__PURE__ */ Symbol.for("react.provider");
 var REACT_CONTEXT = /* @__PURE__ */ Symbol.for("react.context");
 var REACT_CONSUMER = /* @__PURE__ */ Symbol.for("react.consumer");
 var REACT_LAZY = /* @__PURE__ */ Symbol.for("react.lazy");
-function renderComponent(type, props, writer, isSvg) {
-  const typeOf = type?.$$typeof;
+var SUSPENSE_RETRY_LIMIT = /* @__PURE__ */ 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 },
@@ -584,7 +692,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);
   }
@@ -593,12 +717,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;
@@ -610,26 +734,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;
@@ -649,6 +776,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);
@@ -656,97 +794,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);
       });
@@ -761,118 +895,93 @@ 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("<!--/$-->");
-}
-async function renderToString(element, options) {
-  const idPrefix = options?.identifierPrefix ?? "";
-  const contextMap = /* @__PURE__ */ new Map();
-  const prev = swapContextMap(contextMap);
-  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);
+    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);
         }
-        return chunks.join("");
-      } catch (error) {
-        if (error && typeof error.then === "function") {
-          const m = captureMap();
-          await error;
-          swapContextMap(m);
-          continue;
-        }
-        throw error;
       }
+      writer.write("<!--/$-->");
+    } else {
+      throw error;
+    }
+  }
+}
+var _streamEncoder = new TextEncoder();
+async function renderToString(element, options) {
+  const idPrefix = options?.identifierPrefix ?? "";
+  const prev = swapContextMap(null);
+  let output = "";
+  const writer = {
+    lastWasText: false,
+    write(c) {
+      output += c;
+      this.lastWasText = false;
+    },
+    text(s2) {
+      output += s2;
+      this.lastWasText = true;
     }
-    throw new Error("[slim-react] renderToString exceeded maximum retries");
+  };
+  try {
+    resetRenderState(idPrefix);
+    const r = renderNode(element, writer);
+    if (r && typeof r.then === "function") {
+      const m = captureMap();
+      await r;
+      swapContextMap(m);
+    }
+    return output;
   } finally {
     swapContextMap(prev);
   }
 }
 
-// src/ssr-render-worker.ts
-var { ssrBundlePath } = workerData;
-var _ssrMod = null;
-async function init() {
-  if (_ssrMod) return;
-  _ssrMod = await import(pathToFileURL(ssrBundlePath).href);
-}
-function deserializeRequest(s2) {
-  const init2 = { method: s2.method, headers: new Headers(s2.headers) };
-  if (s2.body) init2.body = s2.body.buffer;
-  const req = new Request(s2.url, init2);
-  Object.assign(req, { pathname: s2.pathname, search: s2.search, location: s2.location, cookies: s2.cookies });
-  return req;
-}
+// src/utils/response.tsx
 var ESC = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" };
 var escAttr = (s2) => s2.replace(/[&<>"]/g, (c) => ESC[c] ?? c);
 var escText = (s2) => s2.replace(/[&<>]/g, (c) => ESC[c] ?? c);
-var HEAD_ATTR = {
+var ATTR = {
   className: "class",
   htmlFor: "for",
   httpEquiv: "http-equiv",
   charSet: "charset",
-  crossOrigin: "crossorigin"
+  crossOrigin: "crossorigin",
+  noModule: "nomodule",
+  referrerPolicy: "referrerpolicy",
+  fetchPriority: "fetchpriority",
+  hrefLang: "hreflang"
 };
 function renderHeadTag(tag, id, opts, selfClose = false) {
-  let a = ` id="${escAttr(id)}"`;
+  let attrs = ` id="${escAttr(id)}"`;
   let inner = "";
   for (const [k, v] of Object.entries(opts)) {
     if (k === "key" || k === "children") continue;
@@ -880,24 +989,39 @@ function renderHeadTag(tag, id, opts, selfClose = false) {
       inner = v.__html ?? "";
       continue;
     }
-    const attr = HEAD_ATTR[k] ?? k;
-    if (v === true) a += ` ${attr}`;
-    else if (v !== false && v != null) a += ` ${attr}="${escAttr(String(v))}"`;
+    const attr = ATTR[k] ?? k;
+    if (v === true) attrs += ` ${attr}`;
+    else if (v !== false && v != null) attrs += ` ${attr}="${escAttr(String(v))}"`;
   }
-  return selfClose ? `<${tag}${a}>` : `<${tag}${a}>${inner}</${tag}>`;
+  return selfClose ? `<${tag}${attrs}>` : `<${tag}${attrs}>${inner}</${tag}>`;
 }
-function buildHeadHtml(head) {
-  let html = `<title>${escText(head.title ?? "")}</title>`;
-  for (const [id, opts] of Object.entries(head.meta ?? {}))
+function buildHeadHtml(seoData) {
+  let html = `<title>${escText(seoData.title ?? "")}</title>`;
+  for (const [id, opts] of Object.entries(seoData.meta))
     html += renderHeadTag("meta", id, opts, true);
-  for (const [id, opts] of Object.entries(head.link ?? {}))
+  for (const [id, opts] of Object.entries(seoData.link))
     html += renderHeadTag("link", id, opts, true);
-  for (const [id, opts] of Object.entries(head.style ?? {}))
+  for (const [id, opts] of Object.entries(seoData.style))
     html += renderHeadTag("style", id, opts);
-  for (const [id, opts] of Object.entries(head.script ?? {}))
+  for (const [id, opts] of Object.entries(seoData.script))
     html += renderHeadTag("script", id, opts);
   return html;
 }
+
+// src/ssr-render-worker.ts
+var { ssrBundlePath } = workerData;
+var _ssrMod = null;
+async function init() {
+  if (_ssrMod) return;
+  _ssrMod = await import(pathToFileURL(ssrBundlePath).href);
+}
+function deserializeRequest(s2) {
+  const init2 = { method: s2.method, headers: new Headers(s2.headers) };
+  if (s2.body) init2.body = s2.body.buffer;
+  const req = new Request(s2.url, init2);
+  Object.assign(req, { pathname: s2.pathname, search: s2.search, location: s2.location, cookies: s2.cookies });
+  return req;
+}
 async function runFullLifecycle(serialReq) {
   const Component = _ssrMod.default;
   const { getInitProps, getFinalProps } = _ssrMod;
@@ -918,19 +1042,25 @@ async function runFullLifecycle(serialReq) {
   } finally {
     globalThis.__hadarsUnsuspend = null;
   }
+  const headHtml = buildHeadHtml(context.head);
+  const status = context.head.status ?? 200;
   const { context: _ctx, ...restProps } = getFinalProps ? await getFinalProps(props) : props;
   const serverData = {};
+  let hasServerData = false;
   for (const [key, entry] of unsuspend.cache) {
-    if (entry.status === "fulfilled") serverData[key] = entry.value;
+    if (entry.status === "fulfilled") {
+      serverData[key] = entry.value;
+      hasServerData = true;
+    }
   }
   const clientProps = {
     ...restProps,
     location: serialReq.location,
-    ...Object.keys(serverData).length > 0 ? { __serverData: serverData } : {}
+    ...hasServerData ? { __serverData: serverData } : {}
   };
   const scriptContent = JSON.stringify({ hadars: { props: clientProps } }).replace(/</g, "\\u003c");
   const html = `<div id="app">${appHtml}</div><script id="hadars" type="application/json">${scriptContent}</script>`;
-  return { html, headHtml: buildHeadHtml(context.head), status: context.head.status ?? 200 };
+  return { html, headHtml, status };
 }
 parentPort.on("message", async (msg) => {
   const { id, type, request } = msg;