hadars 0.1.16 → 0.1.18

package/dist/ssr-render-worker.js

@@ -1,140 +1,639 @@
 // src/ssr-render-worker.ts
 import { workerData, parentPort } from "node:worker_threads";
-import { createRequire } from "node:module";
-import pathMod from "node:path";
 import { pathToFileURL } from "node:url";
+
+// src/utils/segmentCache.ts
+function getStore() {
+  const g = globalThis;
+  if (!g.__hadarsSegmentStore) {
+    g.__hadarsSegmentStore = /* @__PURE__ */ new Map();
+  }
+  return g.__hadarsSegmentStore;
+}
+function setSegment(key, html, ttl) {
+  getStore().set(key, {
+    html,
+    expiresAt: ttl != null ? Date.now() + ttl : null
+  });
+}
+function processSegmentCache(html) {
+  let prev;
+  do {
+    prev = html;
+    html = html.replace(
+      /<hadars-c([^>]*)>([\s\S]*?)<\/hadars-c>/g,
+      (match, attrs, content) => {
+        const cacheM = /data-cache="([^"]+)"/.exec(attrs);
+        const keyM = /data-key="([^"]+)"/.exec(attrs);
+        const ttlM = /data-ttl="(\d+)"/.exec(attrs);
+        if (!cacheM || !keyM)
+          return match;
+        if (cacheM[1] === "miss") {
+          setSegment(keyM[1], content, ttlM ? Number(ttlM[1]) : void 0);
+          return content;
+        }
+        if (cacheM[1] === "hit")
+          return content;
+        return match;
+      }
+    );
+  } while (html !== prev);
+  return html;
+}
+
+// src/slim-react/types.ts
+var SLIM_ELEMENT = Symbol.for("react.element");
+var FRAGMENT_TYPE = Symbol.for("react.fragment");
+var SUSPENSE_TYPE = Symbol.for("react.suspense");
+
+// src/slim-react/jsx.ts
+var Fragment = FRAGMENT_TYPE;
+function createElement(type, props, ...children) {
+  const normalizedProps = { ...props || {} };
+  if (children.length === 1) {
+    normalizedProps.children = children[0];
+  } else if (children.length > 1) {
+    normalizedProps.children = children;
+  }
+  const key = normalizedProps.key ?? null;
+  delete normalizedProps.key;
+  return {
+    $$typeof: SLIM_ELEMENT,
+    type,
+    props: normalizedProps,
+    key
+  };
+}
+
+// src/slim-react/renderContext.ts
+var GLOBAL_KEY = "__slimReactRenderState";
+var EMPTY = { id: 0, overflow: "", bits: 0 };
+function s() {
+  const g = globalThis;
+  if (!g[GLOBAL_KEY]) {
+    g[GLOBAL_KEY] = { currentTreeContext: { ...EMPTY }, localIdCounter: 0, idPrefix: "" };
+  }
+  return g[GLOBAL_KEY];
+}
+function resetRenderState() {
+  const st = s();
+  st.currentTreeContext = { ...EMPTY };
+  st.localIdCounter = 0;
+}
+function pushTreeContext(totalChildren, index) {
+  const st = s();
+  const saved = { ...st.currentTreeContext };
+  const pendingBits = 32 - Math.clz32(totalChildren);
+  const slot = index + 1;
+  const totalBits = st.currentTreeContext.bits + pendingBits;
+  if (totalBits <= 30) {
+    st.currentTreeContext = {
+      id: st.currentTreeContext.id << pendingBits | slot,
+      overflow: st.currentTreeContext.overflow,
+      bits: totalBits
+    };
+  } else {
+    let newOverflow = st.currentTreeContext.overflow;
+    if (st.currentTreeContext.bits > 0)
+      newOverflow += st.currentTreeContext.id.toString(32);
+    st.currentTreeContext = { id: 1 << pendingBits | slot, overflow: newOverflow, bits: pendingBits };
+  }
+  return saved;
+}
+function popTreeContext(saved) {
+  s().currentTreeContext = saved;
+}
+function pushComponentScope() {
+  const st = s();
+  const saved = st.localIdCounter;
+  st.localIdCounter = 0;
+  return saved;
+}
+function popComponentScope(saved) {
+  s().localIdCounter = saved;
+}
+function snapshotContext() {
+  const st = s();
+  return { tree: { ...st.currentTreeContext }, localId: st.localIdCounter };
+}
+function restoreContext(snap) {
+  const st = s();
+  st.currentTreeContext = { ...snap.tree };
+  st.localIdCounter = snap.localId;
+}
+
+// src/slim-react/render.ts
+var VOID_ELEMENTS = /* @__PURE__ */ new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]);
+function escapeHtml(str) {
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function escapeAttr(str) {
+  return str.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function styleObjectToString(style) {
+  return Object.entries(style).map(([key, value]) => {
+    const cssKey = key.replace(/[A-Z]/g, (m) => "-" + m.toLowerCase());
+    return `${cssKey}:${value}`;
+  }).join(";");
+}
+var SVG_ATTR_MAP = {
+  // Presentation / geometry
+  accentHeight: "accent-height",
+  alignmentBaseline: "alignment-baseline",
+  arabicForm: "arabic-form",
+  baselineShift: "baseline-shift",
+  capHeight: "cap-height",
+  clipPath: "clip-path",
+  clipRule: "clip-rule",
+  colorInterpolation: "color-interpolation",
+  colorInterpolationFilters: "color-interpolation-filters",
+  colorProfile: "color-profile",
+  dominantBaseline: "dominant-baseline",
+  enableBackground: "enable-background",
+  fillOpacity: "fill-opacity",
+  fillRule: "fill-rule",
+  floodColor: "flood-color",
+  floodOpacity: "flood-opacity",
+  fontFamily: "font-family",
+  fontSize: "font-size",
+  fontSizeAdjust: "font-size-adjust",
+  fontStretch: "font-stretch",
+  fontStyle: "font-style",
+  fontVariant: "font-variant",
+  fontWeight: "font-weight",
+  glyphName: "glyph-name",
+  glyphOrientationHorizontal: "glyph-orientation-horizontal",
+  glyphOrientationVertical: "glyph-orientation-vertical",
+  horizAdvX: "horiz-adv-x",
+  horizOriginX: "horiz-origin-x",
+  imageRendering: "image-rendering",
+  letterSpacing: "letter-spacing",
+  lightingColor: "lighting-color",
+  markerEnd: "marker-end",
+  markerMid: "marker-mid",
+  markerStart: "marker-start",
+  overlinePosition: "overline-position",
+  overlineThickness: "overline-thickness",
+  paintOrder: "paint-order",
+  panose1: "panose-1",
+  pointerEvents: "pointer-events",
+  renderingIntent: "rendering-intent",
+  shapeRendering: "shape-rendering",
+  stopColor: "stop-color",
+  stopOpacity: "stop-opacity",
+  strikethroughPosition: "strikethrough-position",
+  strikethroughThickness: "strikethrough-thickness",
+  strokeDasharray: "stroke-dasharray",
+  strokeDashoffset: "stroke-dashoffset",
+  strokeLinecap: "stroke-linecap",
+  strokeLinejoin: "stroke-linejoin",
+  strokeMiterlimit: "stroke-miterlimit",
+  strokeOpacity: "stroke-opacity",
+  strokeWidth: "stroke-width",
+  textAnchor: "text-anchor",
+  textDecoration: "text-decoration",
+  textRendering: "text-rendering",
+  underlinePosition: "underline-position",
+  underlineThickness: "underline-thickness",
+  unicodeBidi: "unicode-bidi",
+  unicodeRange: "unicode-range",
+  unitsPerEm: "units-per-em",
+  vAlphabetic: "v-alphabetic",
+  vHanging: "v-hanging",
+  vIdeographic: "v-ideographic",
+  vMathematical: "v-mathematical",
+  vertAdvY: "vert-adv-y",
+  vertOriginX: "vert-origin-x",
+  vertOriginY: "vert-origin-y",
+  wordSpacing: "word-spacing",
+  writingMode: "writing-mode",
+  xHeight: "x-height",
+  // Namespace-prefixed
+  xlinkActuate: "xlink:actuate",
+  xlinkArcrole: "xlink:arcrole",
+  xlinkHref: "xlink:href",
+  xlinkRole: "xlink:role",
+  xlinkShow: "xlink:show",
+  xlinkTitle: "xlink:title",
+  xlinkType: "xlink:type",
+  xmlBase: "xml:base",
+  xmlLang: "xml:lang",
+  xmlSpace: "xml:space",
+  xmlns: "xmlns",
+  xmlnsXlink: "xmlns:xlink",
+  // Filter / lighting
+  baseFrequency: "baseFrequency",
+  colorInterpolation_filters: "color-interpolation-filters",
+  diffuseConstant: "diffuseConstant",
+  edgeMode: "edgeMode",
+  filterUnits: "filterUnits",
+  gradientTransform: "gradientTransform",
+  gradientUnits: "gradientUnits",
+  kernelMatrix: "kernelMatrix",
+  kernelUnitLength: "kernelUnitLength",
+  lengthAdjust: "lengthAdjust",
+  limitingConeAngle: "limitingConeAngle",
+  markerHeight: "markerHeight",
+  markerWidth: "markerWidth",
+  maskContentUnits: "maskContentUnits",
+  maskUnits: "maskUnits",
+  numOctaves: "numOctaves",
+  pathLength: "pathLength",
+  patternContentUnits: "patternContentUnits",
+  patternTransform: "patternTransform",
+  patternUnits: "patternUnits",
+  pointsAtX: "pointsAtX",
+  pointsAtY: "pointsAtY",
+  pointsAtZ: "pointsAtZ",
+  preserveAspectRatio: "preserveAspectRatio",
+  primitiveUnits: "primitiveUnits",
+  refX: "refX",
+  refY: "refY",
+  repeatCount: "repeatCount",
+  repeatDur: "repeatDur",
+  specularConstant: "specularConstant",
+  specularExponent: "specularExponent",
+  spreadMethod: "spreadMethod",
+  startOffset: "startOffset",
+  stdDeviation: "stdDeviation",
+  stitchTiles: "stitchTiles",
+  surfaceScale: "surfaceScale",
+  systemLanguage: "systemLanguage",
+  tableValues: "tableValues",
+  targetX: "targetX",
+  targetY: "targetY",
+  textLength: "textLength",
+  viewBox: "viewBox",
+  xChannelSelector: "xChannelSelector",
+  yChannelSelector: "yChannelSelector"
+};
+function renderAttributes(props, isSvg) {
+  let attrs = "";
+  for (const [key, value] of Object.entries(props)) {
+    if (key === "children" || key === "key" || key === "ref" || key === "dangerouslySetInnerHTML")
+      continue;
+    if (key.startsWith("on") && key.length > 2 && key[2] === key[2].toUpperCase())
+      continue;
+    let attrName;
+    if (isSvg && key in SVG_ATTR_MAP) {
+      attrName = SVG_ATTR_MAP[key];
+    } else {
+      attrName = key === "className" ? "class" : key === "htmlFor" ? "for" : key === "tabIndex" ? "tabindex" : key;
+    }
+    if (value === false || value == null)
+      continue;
+    if (value === true) {
+      attrs += ` ${attrName}`;
+      continue;
+    }
+    if (key === "style" && typeof value === "object") {
+      attrs += ` style="${escapeAttr(styleObjectToString(value))}"`;
+      continue;
+    }
+    attrs += ` ${attrName}="${escapeAttr(String(value))}"`;
+  }
+  return attrs;
+}
+var BufferWriter = class {
+  chunks = [];
+  write(chunk) {
+    this.chunks.push(chunk);
+  }
+  flush(target) {
+    for (const c of this.chunks)
+      target.write(c);
+  }
+};
+function renderNode(node, writer, isSvg = false) {
+  if (node == null || typeof node === "boolean")
+    return;
+  if (typeof node === "string") {
+    writer.write(escapeHtml(node));
+    return;
+  }
+  if (typeof node === "number") {
+    writer.write(String(node));
+    return;
+  }
+  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
+    );
+  }
+  if (typeof node === "object" && node !== null && "$$typeof" in node && node.$$typeof === SLIM_ELEMENT) {
+    const element = node;
+    const { type, props } = element;
+    if (type === FRAGMENT_TYPE) {
+      return renderChildren(props.children, writer, isSvg);
+    }
+    if (type === SUSPENSE_TYPE) {
+      return renderSuspense(props, writer, isSvg);
+    }
+    if (typeof type === "function") {
+      return renderComponent(type, props, writer, isSvg);
+    }
+    if (typeof type === "string") {
+      return renderHostElement(type, props, writer, isSvg);
+    }
+  }
+}
+function renderHostElement(tag, props, writer, isSvg) {
+  const enteringSvg = tag === "svg";
+  const childSvg = isSvg || enteringSvg;
+  const effectiveProps = enteringSvg && !props.xmlns ? { xmlns: "http://www.w3.org/2000/svg", ...props } : props;
+  writer.write(`<${tag}${renderAttributes(effectiveProps, childSvg)}>`);
+  const childContext = tag === "foreignObject" ? false : childSvg;
+  let inner = void 0;
+  if (props.dangerouslySetInnerHTML) {
+    writer.write(props.dangerouslySetInnerHTML.__html);
+  } else {
+    inner = renderChildren(props.children, writer, childContext);
+  }
+  if (inner && typeof inner.then === "function") {
+    return inner.then(() => {
+      if (!VOID_ELEMENTS.has(tag))
+        writer.write(`</${tag}>`);
+    });
+  }
+  if (!VOID_ELEMENTS.has(tag))
+    writer.write(`</${tag}>`);
+}
+var REACT_MEMO = Symbol.for("react.memo");
+var REACT_FORWARD_REF = Symbol.for("react.forward_ref");
+var REACT_PROVIDER = Symbol.for("react.provider");
+var REACT_CONTEXT = Symbol.for("react.context");
+function renderComponent(type, props, writer, isSvg) {
+  const typeOf = type?.$$typeof;
+  if (typeOf === REACT_MEMO) {
+    return renderNode(
+      { $$typeof: SLIM_ELEMENT, type: type.type, props, key: null },
+      writer,
+      isSvg
+    );
+  }
+  if (typeOf === REACT_FORWARD_REF) {
+    return renderComponent(type.render, props, writer, isSvg);
+  }
+  const isProvider = "_context" in type || typeOf === REACT_PROVIDER || typeOf === REACT_CONTEXT && "value" in props;
+  let prevCtxValue;
+  let ctx;
+  if (isProvider) {
+    ctx = type._context ?? type;
+    prevCtxValue = ctx._currentValue;
+    ctx._currentValue = props.value;
+  }
+  const savedScope = pushComponentScope();
+  let result;
+  try {
+    if (type.prototype && typeof type.prototype.render === "function") {
+      const instance = new type(props);
+      result = instance.render();
+    } else {
+      result = type(props);
+    }
+  } catch (e) {
+    popComponentScope(savedScope);
+    if (isProvider)
+      ctx._currentValue = prevCtxValue;
+    throw e;
+  }
+  const finish = () => {
+    popComponentScope(savedScope);
+    if (isProvider)
+      ctx._currentValue = prevCtxValue;
+  };
+  if (result instanceof Promise) {
+    return result.then((resolved) => {
+      const r2 = renderNode(resolved, writer, isSvg);
+      if (r2 && typeof r2.then === "function") {
+        return r2.then(finish);
+      }
+      finish();
+    });
+  }
+  const r = renderNode(result, writer, isSvg);
+  if (r && typeof r.then === "function") {
+    return r.then(finish);
+  }
+  finish();
+}
+function isTextLike(node) {
+  return typeof node === "string" || typeof node === "number";
+}
+function renderChildArray(children, writer, isSvg) {
+  const totalChildren = children.length;
+  for (let i = 0; i < totalChildren; i++) {
+    if (i > 0 && isTextLike(children[i]) && isTextLike(children[i - 1])) {
+      writer.write("<!-- -->");
+    }
+    const savedTree = pushTreeContext(totalChildren, i);
+    const r = renderNode(children[i], writer, isSvg);
+    if (r && typeof r.then === "function") {
+      return r.then(() => {
+        popTreeContext(savedTree);
+        return renderChildArrayFrom(children, i + 1, writer, isSvg);
+      });
+    }
+    popTreeContext(savedTree);
+  }
+}
+function renderChildArrayFrom(children, startIndex, writer, isSvg) {
+  const totalChildren = children.length;
+  for (let i = startIndex; i < totalChildren; i++) {
+    if (i > 0 && isTextLike(children[i]) && isTextLike(children[i - 1])) {
+      writer.write("<!-- -->");
+    }
+    const savedTree = pushTreeContext(totalChildren, i);
+    const r = renderNode(children[i], writer, isSvg);
+    if (r && typeof r.then === "function") {
+      return r.then(() => {
+        popTreeContext(savedTree);
+        return renderChildArrayFrom(children, i + 1, writer, isSvg);
+      });
+    }
+    popTreeContext(savedTree);
+  }
+}
+function renderChildren(children, writer, isSvg = false) {
+  if (children == null)
+    return;
+  if (Array.isArray(children)) {
+    return renderChildArray(children, writer, isSvg);
+  }
+  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);
+    try {
+      const buffer = new BufferWriter();
+      const r = renderNode(children, buffer, isSvg);
+      if (r && typeof r.then === "function") {
+        await r;
+      }
+      writer.write("<!--$-->");
+      buffer.flush(writer);
+      writer.write("<!--/$-->");
+      return;
+    } catch (error) {
+      if (error && typeof error.then === "function") {
+        await error;
+        attempts++;
+      } else {
+        throw error;
+      }
+    }
+  }
+  restoreContext(snap);
+  writer.write("<!--$?-->");
+  if (fallback) {
+    const r = renderNode(fallback, writer, isSvg);
+    if (r && typeof r.then === "function")
+      await r;
+  }
+  writer.write("<!--/$-->");
+}
+async function renderToString(element) {
+  for (let attempt = 0; attempt < MAX_SUSPENSE_RETRIES; attempt++) {
+    resetRenderState();
+    const chunks = [];
+    const writer = { write(c) {
+      chunks.push(c);
+    } };
+    try {
+      const r = renderNode(element, writer);
+      if (r && typeof r.then === "function")
+        await r;
+      return chunks.join("");
+    } catch (error) {
+      if (error && typeof error.then === "function") {
+        await error;
+        continue;
+      }
+      throw error;
+    }
+  }
+  throw new Error("[slim-react] renderToString exceeded maximum retries");
+}
+
+// src/ssr-render-worker.ts
 var { ssrBundlePath } = workerData;
-var _React = null;
-var _renderToStaticMarkup = null;
-var _renderToString = null;
 var _ssrMod = null;
 async function init() {
-  if (_React && _ssrMod)
+  if (_ssrMod)
     return;
-  const req = createRequire(pathMod.resolve(process.cwd(), "__hadars_fake__.js"));
-  if (!_React) {
-    const reactPath = pathToFileURL(req.resolve("react")).href;
-    const reactMod = await import(reactPath);
-    _React = reactMod.default ?? reactMod;
-  }
-  if (!_renderToString || !_renderToStaticMarkup) {
-    const serverPath = pathToFileURL(req.resolve("react-dom/server")).href;
-    const serverMod = await import(serverPath);
-    _renderToString = serverMod.renderToString;
-    _renderToStaticMarkup = serverMod.renderToStaticMarkup;
-  }
-  if (!_ssrMod) {
-    _ssrMod = await import(pathToFileURL(ssrBundlePath).href);
-  }
-}
-function deserializeRequest(s) {
-  const init2 = { method: s.method, headers: new Headers(s.headers) };
-  if (s.body)
-    init2.body = s.body.buffer;
-  const req = new Request(s.url, init2);
-  Object.assign(req, {
-    pathname: s.pathname,
-    search: s.search,
-    location: s.location,
-    cookies: s.cookies
-  });
+  _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;
 }
+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 = {
+  className: "class",
+  htmlFor: "for",
+  httpEquiv: "http-equiv",
+  charSet: "charset",
+  crossOrigin: "crossorigin"
+};
+function renderHeadTag(tag, id, opts, selfClose = false) {
+  let a = ` id="${escAttr(id)}"`;
+  let inner = "";
+  for (const [k, v] of Object.entries(opts)) {
+    if (k === "key" || k === "children")
+      continue;
+    if (k === "dangerouslySetInnerHTML") {
+      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))}"`;
+  }
+  return selfClose ? `<${tag}${a}>` : `<${tag}${a}>${inner}</${tag}>`;
+}
 function buildHeadHtml(head) {
-  const R = _React;
-  const metaEntries = Object.entries(head.meta ?? {});
-  const linkEntries = Object.entries(head.link ?? {});
-  const styleEntries = Object.entries(head.style ?? {});
-  const scriptEntries = Object.entries(head.script ?? {});
-  return _renderToStaticMarkup(
-    R.createElement(
-      R.Fragment,
-      null,
-      R.createElement("title", null, head.title),
-      ...metaEntries.map(([id, opts]) => R.createElement("meta", { key: id, id, ...opts })),
-      ...linkEntries.map(([id, opts]) => R.createElement("link", { key: id, id, ...opts })),
-      ...styleEntries.map(([id, opts]) => R.createElement("style", { key: id, id, ...opts })),
-      ...scriptEntries.map(([id, opts]) => R.createElement("script", { key: id, id, ...opts }))
-    )
-  );
-}
-function buildReactPage(appProps, clientProps) {
-  const R = _React;
-  const Component = _ssrMod.default;
-  return R.createElement(
-    R.Fragment,
-    null,
-    R.createElement(
-      "div",
-      { id: "app" },
-      R.createElement(Component, appProps)
-    ),
-    R.createElement("script", {
-      id: "hadars",
-      type: "application/json",
-      dangerouslySetInnerHTML: {
-        __html: JSON.stringify({ hadars: { props: clientProps } }).replace(/</g, "\\u003c")
-      }
-    })
-  );
+  let html = `<title>${escText(head.title ?? "")}</title>`;
+  for (const [id, opts] of Object.entries(head.meta ?? {}))
+    html += renderHeadTag("meta", id, opts, true);
+  for (const [id, opts] of Object.entries(head.link ?? {}))
+    html += renderHeadTag("link", id, opts, true);
+  for (const [id, opts] of Object.entries(head.style ?? {}))
+    html += renderHeadTag("style", id, opts);
+  for (const [id, opts] of Object.entries(head.script ?? {}))
+    html += renderHeadTag("script", id, opts);
+  return html;
 }
 async function runFullLifecycle(serialReq) {
-  const R = _React;
   const Component = _ssrMod.default;
   const { getInitProps, getAfterRenderProps, getFinalProps } = _ssrMod;
   const parsedReq = deserializeRequest(serialReq);
-  const unsuspend = { cache: /* @__PURE__ */ new Map(), hasPending: false };
   const context = {
-    head: { title: "Hadars App", meta: {}, link: {}, style: {}, script: {}, status: 200 },
-    _unsuspend: unsuspend
+    head: { title: "Hadars App", meta: {}, link: {}, style: {}, script: {}, status: 200 }
   };
   let props = {
     ...getInitProps ? await getInitProps(parsedReq) : {},
     location: serialReq.location,
     context
   };
-  let html = "";
-  let iters = 0;
-  do {
-    unsuspend.hasPending = false;
-    try {
-      globalThis.__hadarsUnsuspend = unsuspend;
-      html = _renderToStaticMarkup(R.createElement(Component, props));
-    } finally {
-      globalThis.__hadarsUnsuspend = null;
-    }
-    if (unsuspend.hasPending) {
-      const pending = [...unsuspend.cache.values()].filter((e) => e.status === "pending").map((e) => e.promise);
-      await Promise.all(pending);
-    }
-  } while (unsuspend.hasPending && ++iters < 25);
-  if (unsuspend.hasPending) {
-    console.warn("[hadars] SSR render loop hit the 25-iteration cap \u2014 some useServerData values may not be resolved. Check for data dependencies that are never fulfilled.");
-  }
-  props = getAfterRenderProps ? await getAfterRenderProps(props, html) : props;
+  const unsuspend = { cache: /* @__PURE__ */ new Map() };
+  globalThis.__hadarsUnsuspend = unsuspend;
   try {
-    globalThis.__hadarsUnsuspend = unsuspend;
-    _renderToStaticMarkup(R.createElement(Component, { ...props, location: serialReq.location, context }));
+    let html = await renderToString(createElement(Component, props));
+    if (getAfterRenderProps) {
+      props = await getAfterRenderProps(props, html);
+      await renderToString(
+        createElement(Component, { ...props, location: serialReq.location, context })
+      );
+    }
   } finally {
     globalThis.__hadarsUnsuspend = null;
   }
+  const { context: _ctx, ...restProps } = getFinalProps ? await getFinalProps(props) : props;
   const serverData = {};
-  for (const [k, v] of unsuspend.cache) {
-    if (v.status === "fulfilled")
-      serverData[k] = v.value;
-    if (v.status === "suspense-cached")
-      serverData[k] = v.value;
+  for (const [key, entry] of unsuspend.cache) {
+    if (entry.status === "fulfilled")
+      serverData[key] = entry.value;
   }
-  const { context: _ctx, ...restProps } = getFinalProps ? await getFinalProps(props) : props;
   const clientProps = {
     ...restProps,
     location: serialReq.location,
     ...Object.keys(serverData).length > 0 ? { __serverData: serverData } : {}
   };
-  const headHtml = buildHeadHtml(context.head);
-  const status = context.head.status ?? 200;
   const finalAppProps = { ...props, location: serialReq.location, context };
-  return { finalAppProps, clientProps, headHtml, status, unsuspend };
+  return { finalAppProps, clientProps, unsuspend, headHtml: buildHeadHtml(context.head), status: context.head.status ?? 200 };
 }
 parentPort.on("message", async (msg) => {
   const { id, type, request } = msg;
@@ -142,18 +641,30 @@ parentPort.on("message", async (msg) => {
     await init();
     if (type !== "renderFull")
       return;
-    const { finalAppProps, clientProps, headHtml, status, unsuspend } = await runFullLifecycle(request);
-    const ReactPage = buildReactPage(finalAppProps, clientProps);
+    const { finalAppProps, clientProps, unsuspend, headHtml, status } = await runFullLifecycle(request);
+    const Component = _ssrMod.default;
+    const page = createElement(
+      Fragment,
+      null,
+      createElement("div", { id: "app" }, createElement(Component, finalAppProps)),
+      createElement("script", {
+        id: "hadars",
+        type: "application/json",
+        dangerouslySetInnerHTML: {
+          __html: JSON.stringify({ hadars: { props: clientProps } }).replace(/</g, "\\u003c")
+        }
+      })
+    );
+    globalThis.__hadarsUnsuspend = unsuspend;
     let html;
     try {
-      globalThis.__hadarsUnsuspend = unsuspend;
-      html = _renderToString(ReactPage);
+      html = await renderToString(page);
     } finally {
       globalThis.__hadarsUnsuspend = null;
     }
+    html = processSegmentCache(html);
     parentPort.postMessage({ id, html, headHtml, status });
   } catch (err) {
-    globalThis.__hadarsUnsuspend = null;
     parentPort.postMessage({ id, error: err?.message ?? String(err) });
   }
 });