sibujs 4.13.1 → 4.14.0

package/dist/chunk-2F4PSJ5Z.js

@@ -1,765 +0,0 @@
-import {
-  embedSerializationTail,
-  embedSerializedAttribute,
-  getEmbedRecord
-} from "./chunk-AM6DZLBM.js";
-import {
-  readOwnGlobal
-} from "./chunk-62BDYGAG.js";
-import {
-  isCodeTextElement,
-  isForbiddenMetaEntry,
-  isForbiddenMetaSnapshot,
-  isRefusedAnimationAttribute,
-  resolveMetaRefreshPolicy
-} from "./chunk-F2UWOZ6J.js";
-import {
-  canonicalAttrName,
-  isEventHandlerAttr,
-  isHtmlContentAttribute,
-  resolveAttributeValue,
-  sanitizeUrl
-} from "./chunk-EXXSN3BW.js";
-import {
-  getSSRStore
-} from "./chunk-7XHATCIH.js";
-import {
-  DEV,
-  dispose,
-  replaceChildrenSafely
-} from "./chunk-NYNYSPK7.js";
-
-// src/utils/headEntry.ts
-var SAFE_HEAD_ATTR_NAME = /^[A-Za-z_:][-A-Za-z0-9_.:]*$/;
-function isEmittableHeadAttrName(name) {
-  if (!SAFE_HEAD_ATTR_NAME.test(name)) return false;
-  const canonical = canonicalAttrName(name);
-  if (isEventHandlerAttr(canonical)) return false;
-  if (isHtmlContentAttribute(canonical)) return false;
-  return true;
-}
-function sanitizeHeadAttrValue(canonical, value) {
-  return resolveAttributeValue(canonical, value);
-}
-function findDuplicateAttributeName(names) {
-  const seen = /* @__PURE__ */ new Set();
-  for (const name of names) {
-    const canonical = canonicalAttrName(name);
-    if (seen.has(canonical)) return canonical;
-    seen.add(canonical);
-  }
-  return null;
-}
-function planEntry(props, resolver, applyRefreshPolicy) {
-  const rawNames = Object.keys(props);
-  const duplicate = findDuplicateAttributeName(rawNames);
-  if (duplicate !== null) {
-    return { kind: "drop", reason: `duplicate case-insensitive attribute ${JSON.stringify(duplicate)}` };
-  }
-  const attributes = /* @__PURE__ */ new Map();
-  let reactive = false;
-  for (const name of rawNames) {
-    if (!Object.hasOwn(props, name)) continue;
-    if (!isEmittableHeadAttrName(name)) continue;
-    const authored = props[name];
-    if (resolver.isReactiveValue?.(authored)) reactive = true;
-    const canonical = canonicalAttrName(name);
-    const sanitized = sanitizeHeadAttrValue(canonical, resolver.resolveValue(name, authored));
-    if (sanitized === null) continue;
-    attributes.set(canonical, sanitized);
-  }
-  if (attributes.size === 0) return { kind: "drop", reason: "no effective attributes remain" };
-  const refresh = applyRefreshPolicy ? resolveMetaRefreshPolicy(attributes) : { kind: "not-refresh" };
-  if (refresh.kind === "forbidden") return { kind: "drop", reason: refresh.reason };
-  if (reactive && (refresh.kind === "allowed" || refresh.kind === "delay-only")) {
-    return { kind: "drop", reason: "a reactive meta entry may not publish a native refresh directive" };
-  }
-  return { kind: "publish", attributes, refresh };
-}
-function planMetaEntry(props, resolver) {
-  return planEntry(props, resolver, true);
-}
-function planHeadElementEntry(props, resolver) {
-  return planEntry(props, resolver, false);
-}
-var STATIC_VALUE_RESOLVER = {
-  resolveValue: (_name, value) => String(value)
-};
-function escapeHeadAttrValue(value) {
-  return value.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/'/g, "&#39;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-}
-function serializeHeadEntry(tag, attrs) {
-  const plan = tag === "meta" ? planMetaEntry(attrs, STATIC_VALUE_RESOLVER) : planHeadElementEntry(attrs, STATIC_VALUE_RESOLVER);
-  if (plan.kind === "drop") return "";
-  const pairs = Array.from(plan.attributes, ([name, value]) => `${name}="${escapeHeadAttrValue(value)}"`).join(" ");
-  return `<${tag} ${pairs} />`;
-}
-
-// src/platform/ssr.ts
-function isForbiddenSsrAttr(lowerName) {
-  return isHtmlContentAttribute(lowerName);
-}
-var SAFE_ATTR_NAME = /^[A-Za-z_:][-A-Za-z0-9_.:]*$/;
-function isSafeAttrName(name) {
-  return SAFE_ATTR_NAME.test(name);
-}
-function ssrErrorComment(err) {
-  if (DEV) {
-    const msg = escapeHtml(err instanceof Error ? err.message : String(err));
-    return `<!--SSR error: ${safeCommentText(msg)}-->`;
-  }
-  return "<!--SSR error-->";
-}
-function safeCommentText(text) {
-  return text.replace(/-->/g, "--&gt;").replace(/--!>/g, "--!&gt;").replace(/<!--/g, "&lt;!--").replace(/--$/g, "--&#45;");
-}
-var VOID_ELEMENTS = /* @__PURE__ */ new Set([
-  "area",
-  "base",
-  "br",
-  "col",
-  "embed",
-  "hr",
-  "img",
-  "input",
-  "link",
-  "meta",
-  "param",
-  "source",
-  "track",
-  "wbr"
-]);
-function findNativeGetter(proto, name) {
-  for (let p = proto; p; p = Object.getPrototypeOf(p)) {
-    const get = Object.getOwnPropertyDescriptor(p, name)?.get;
-    if (get) return get;
-  }
-  return null;
-}
-var nativeAccessorsByRealm = /* @__PURE__ */ new WeakMap();
-function nativeAccessors() {
-  const realm = Element;
-  let accessors = nativeAccessorsByRealm.get(realm);
-  if (!accessors) {
-    accessors = {
-      attributes: findNativeGetter(Element.prototype, "attributes"),
-      tagName: findNativeGetter(Element.prototype, "tagName"),
-      childNodes: findNativeGetter(Node.prototype, "childNodes"),
-      getAttribute: Element.prototype.getAttribute
-    };
-    nativeAccessorsByRealm.set(realm, accessors);
-  }
-  return accessors;
-}
-function attributesOf(el) {
-  const get = nativeAccessors().attributes;
-  return get ? get.call(el) : el.attributes;
-}
-function tagNameOf(el) {
-  const get = nativeAccessors().tagName;
-  return get ? get.call(el) : el.tagName;
-}
-function childNodesOf(node) {
-  const get = nativeAccessors().childNodes;
-  return get ? get.call(node) : node.childNodes;
-}
-function getAttributeOf(el, name) {
-  return nativeAccessors().getAttribute.call(el, name);
-}
-var SVG_NS = "http://www.w3.org/2000/svg";
-var MATHML_NS = "http://www.w3.org/1998/Math/MathML";
-var XLINK_NS = "http://www.w3.org/1999/xlink";
-var XML_NS = "http://www.w3.org/XML/1998/namespace";
-var XMLNS_NS = "http://www.w3.org/2000/xmlns/";
-var BREAKOUT_TAGS = /* @__PURE__ */ new Set([
-  "b",
-  "big",
-  "blockquote",
-  "body",
-  "br",
-  "center",
-  "code",
-  "dd",
-  "div",
-  "dl",
-  "dt",
-  "em",
-  "embed",
-  "h1",
-  "h2",
-  "h3",
-  "h4",
-  "h5",
-  "h6",
-  "head",
-  "hr",
-  "i",
-  "img",
-  "li",
-  "listing",
-  "menu",
-  "meta",
-  "nobr",
-  "ol",
-  "p",
-  "pre",
-  "ruby",
-  "s",
-  "small",
-  "span",
-  "strong",
-  "strike",
-  "sub",
-  "sup",
-  "table",
-  "tt",
-  "u",
-  "ul",
-  "var"
-]);
-function isBreakout(lowerName, element) {
-  if (BREAKOUT_TAGS.has(lowerName)) return true;
-  return lowerName === "font" && (element.hasAttribute("color") || element.hasAttribute("face") || element.hasAttribute("size"));
-}
-function fitsParseContext(ns, lowerName, element, context) {
-  if (ns === SVG_NS) {
-    if (context === 1 /* Svg */) return !isBreakout(lowerName, element);
-    return lowerName === "svg" && (context === 0 /* Html */ || context === 3 /* Annotation */);
-  }
-  if (ns === MATHML_NS) {
-    if (context === 2 /* Math */ || context === 3 /* Annotation */) return !isBreakout(lowerName, element);
-    return lowerName === "math" && context === 0 /* Html */;
-  }
-  return context === 0 /* Html */;
-}
-function childParseContext(ns, lowerName, element) {
-  if (ns === SVG_NS) {
-    return lowerName === "foreignobject" || lowerName === "desc" || lowerName === "title" ? 0 /* Html */ : 1 /* Svg */;
-  }
-  if (ns === MATHML_NS) {
-    if (lowerName === "mi" || lowerName === "mo" || lowerName === "mn" || lowerName === "ms" || lowerName === "mtext") {
-      return 0 /* Html */;
-    }
-    if (lowerName === "annotation-xml") {
-      const encoding = (element.getAttribute("encoding") ?? "").toLowerCase();
-      return encoding === "text/html" || encoding === "application/xhtml+xml" ? 0 /* Html */ : 3 /* Annotation */;
-    }
-    return 2 /* Math */;
-  }
-  return 0 /* Html */;
-}
-function foreignAttrName(attr) {
-  const ns = attr.namespaceURI;
-  if (ns === XLINK_NS) return `xlink:${attr.localName}`;
-  if (ns === XML_NS) return `xml:${attr.localName}`;
-  if (ns === XMLNS_NS) return attr.localName === "xmlns" ? "xmlns" : `xmlns:${attr.localName}`;
-  return attr.name;
-}
-function serializeOpenTag(element, tag, foreign) {
-  let html = `<${tag}`;
-  const meta = tag === "meta" && !foreign ? /* @__PURE__ */ new Map() : null;
-  const embed = tag === "iframe" && !foreign ? getEmbedRecord(element) : void 0;
-  const embedSeen = embed ? { sandbox: false, referrer: false, title: false, fullscreen: false } : null;
-  const attrs = attributesOf(element);
-  for (let i = 0; i < attrs.length; i++) {
-    const attr = attrs[i];
-    const rawName = foreign ? foreignAttrName(attr) : attr.name;
-    if (!isSafeAttrName(rawName)) continue;
-    if (isEventHandlerAttr(rawName)) continue;
-    if (isForbiddenSsrAttr(rawName)) continue;
-    const lowerName = rawName.toLowerCase();
-    let value = resolveAttributeValue(lowerName, attr.value);
-    if (value === null) continue;
-    if (foreign && isRefusedAnimationAttribute(element, rawName, value)) continue;
-    if (embed && embedSeen) {
-      value = embedSerializedAttribute(embed, embedSeen, lowerName, value);
-      if (value === null) continue;
-    }
-    meta?.set(rawName, value);
-    html += ` ${rawName}="${escapeAttr(value)}"`;
-  }
-  if (meta && isForbiddenMetaSnapshot(meta)) return null;
-  if (embed && embedSeen) {
-    const tail = embedSerializationTail(embed, embedSeen);
-    if (tail === null) return null;
-    html += tail;
-  }
-  if (!getAttributeOf(element, "data-sibu-hydrate")) {
-    html += ` data-sibu-ssr="true"`;
-  }
-  return html;
-}
-function serializeNode(node, context) {
-  if (node.nodeType === 3) return escapeHtml(node.textContent || "");
-  if (node.nodeType === 8) return `<!--${safeCommentText(node.textContent || "")}-->`;
-  let foreign = false;
-  if (!(node instanceof HTMLElement)) {
-    const ns2 = node.nodeType === 1 ? node.namespaceURI : null;
-    if (ns2 !== SVG_NS && ns2 !== MATHML_NS) return escapeHtml(node.textContent || "");
-    foreign = true;
-  }
-  const element = node;
-  const tag = foreign ? element.localName : tagNameOf(element).toLowerCase();
-  if (isCodeTextElement(tag)) return DEV ? `<!--ssr:${tag}-stripped-->` : "";
-  if (!/^[a-z][a-z0-9-]*$/i.test(tag)) return DEV ? "<!--ssr:invalid-tag-->" : "";
-  const ns = foreign ? element.namespaceURI : null;
-  const lowerName = tag.toLowerCase();
-  if (!fitsParseContext(ns, lowerName, element, context)) return DEV ? `<!--ssr:${tag}-misplaced-->` : "";
-  const openTag = serializeOpenTag(element, tag, foreign);
-  if (openTag === null) return DEV ? `<!--ssr:${tag}-stripped-->` : "";
-  const children = childNodesOf(element);
-  if (foreign ? children.length === 0 : VOID_ELEMENTS.has(tag)) return `${openTag} />`;
-  return {
-    open: `${openTag}>`,
-    close: `</${tag}>`,
-    children: Array.from(children),
-    context: childParseContext(ns, lowerName, element)
-  };
-}
-function renderToString(element) {
-  return renderNodeToString(element, 0 /* Html */);
-}
-function renderNodeToString(element, context) {
-  if (element instanceof DocumentFragment) {
-    return Array.from(element.childNodes).map((child) => {
-      try {
-        return renderNodeToString(child, context);
-      } catch (err) {
-        return ssrErrorComment(err);
-      }
-    }).join("");
-  }
-  const frame = serializeNode(element, context);
-  if (typeof frame === "string") return frame;
-  let html = frame.open;
-  for (const child of frame.children) {
-    try {
-      html += renderNodeToString(child, frame.context);
-    } catch (err) {
-      html += ssrErrorComment(err);
-    }
-  }
-  return html + frame.close;
-}
-function hydrate(component, container, options = {}) {
-  const clientTree = component();
-  if (options.diagnostics) {
-    const mismatches = [];
-    collectMismatches(container.firstElementChild, clientTree, "", mismatches);
-    if (mismatches.length > 0) {
-      const first = mismatches[0];
-      if (options.onMismatch) {
-        options.onMismatch(first);
-      } else if (DEV) {
-        console.warn(
-          `[SibuJS hydration] ${first.message}
-  at ${first.path}
-  server: ${first.serverValue}
-  client: ${first.clientValue}`
-        );
-      }
-    }
-  }
-  replaceChildrenSafely(container, clientTree);
-  container.setAttribute("data-sibu-hydrated", "true");
-}
-function directTextOf(node) {
-  let out = "";
-  for (const child of Array.from(node.childNodes)) {
-    if (child.nodeType === 3) out += child.nodeValue ?? "";
-  }
-  return out.replace(/\s+/g, " ").trim();
-}
-function disposeAndReplace(outgoing, next) {
-  dispose(outgoing);
-  outgoing.replaceWith(next);
-}
-function collectMismatches(serverNode, clientNode, path, out, max = 5) {
-  if (out.length >= max) return;
-  const nodePath = path || clientNode?.tagName?.toLowerCase() || "(root)";
-  if (!serverNode && clientNode) {
-    out.push({
-      kind: "child-count",
-      path: nodePath,
-      serverValue: "(missing)",
-      clientValue: clientNode.tagName.toLowerCase(),
-      message: "Client rendered a node that the server did not emit."
-    });
-    return;
-  }
-  if (serverNode && !clientNode) {
-    out.push({
-      kind: "child-count",
-      path: nodePath,
-      serverValue: serverNode.tagName.toLowerCase(),
-      clientValue: "(missing)",
-      message: "Server rendered a node that the client did not produce."
-    });
-    return;
-  }
-  if (!serverNode || !clientNode) return;
-  if (serverNode.tagName !== clientNode.tagName) {
-    out.push({
-      kind: "tag",
-      path: nodePath,
-      serverValue: serverNode.tagName.toLowerCase(),
-      clientValue: clientNode.tagName.toLowerCase(),
-      message: "Element tag mismatch \u2014 server and client disagree on the element type."
-    });
-    return;
-  }
-  const skipAttrs = /* @__PURE__ */ new Set(["data-sibu-ssr", "data-sibu-hydrated", "data-sibu-island"]);
-  const serverAttrs = /* @__PURE__ */ new Map();
-  for (const a of Array.from(serverNode.attributes)) {
-    if (!skipAttrs.has(a.name)) serverAttrs.set(a.name, a.value);
-  }
-  const clientAttrs = /* @__PURE__ */ new Map();
-  for (const a of Array.from(clientNode.attributes)) {
-    if (!skipAttrs.has(a.name)) clientAttrs.set(a.name, a.value);
-  }
-  for (const [name, value] of serverAttrs) {
-    if (out.length >= max) return;
-    if (!clientAttrs.has(name)) {
-      out.push({
-        kind: "attribute",
-        path: `${nodePath}[${name}]`,
-        serverValue: value,
-        clientValue: "(missing)",
-        message: `Attribute "${name}" present on server but missing on client.`
-      });
-    } else if (clientAttrs.get(name) !== value) {
-      out.push({
-        kind: "attribute",
-        path: `${nodePath}[${name}]`,
-        serverValue: value,
-        clientValue: clientAttrs.get(name) ?? "",
-        message: `Attribute "${name}" differs between server and client.`
-      });
-    }
-  }
-  for (const [name, value] of clientAttrs) {
-    if (out.length >= max) return;
-    if (!serverAttrs.has(name)) {
-      out.push({
-        kind: "attribute",
-        path: `${nodePath}[${name}]`,
-        serverValue: "(missing)",
-        clientValue: value,
-        message: `Attribute "${name}" present on client but missing on server.`
-      });
-    }
-  }
-  const serverText = directTextOf(serverNode);
-  const clientText = directTextOf(clientNode);
-  if (serverText !== clientText) {
-    out.push({
-      kind: "text",
-      path: nodePath,
-      serverValue: serverText,
-      clientValue: clientText,
-      message: "Text content differs between server and client."
-    });
-    if (out.length >= max) return;
-  }
-  const serverChildren = Array.from(serverNode.children);
-  const clientChildren = Array.from(clientNode.children);
-  const max2 = Math.max(serverChildren.length, clientChildren.length);
-  for (let i = 0; i < max2; i++) {
-    if (out.length >= max) return;
-    const childPath = `${nodePath} > ${clientChildren[i]?.tagName?.toLowerCase() ?? serverChildren[i]?.tagName?.toLowerCase() ?? "?"}:nth-child(${i + 1})`;
-    collectMismatches(serverChildren[i] ?? null, clientChildren[i] ?? null, childPath, out, max);
-  }
-}
-function trustHTML(html) {
-  return html;
-}
-function buildAttrString(attrs, { allowEventHandlers = false } = {}) {
-  if (!attrs) return "";
-  const out = [];
-  for (const rawKey of Object.keys(attrs)) {
-    if (!Object.hasOwn(attrs, rawKey)) continue;
-    if (!isSafeAttrName(rawKey)) continue;
-    if (!allowEventHandlers && isEventHandlerAttr(rawKey)) continue;
-    if (isForbiddenSsrAttr(rawKey)) continue;
-    const value = resolveAttributeValue(rawKey.toLowerCase(), String(attrs[rawKey]));
-    if (value === null) continue;
-    out.push(`${rawKey}="${escapeAttr(value)}"`);
-  }
-  return out.join(" ");
-}
-function isDangerousMetaRefresh(metaProps) {
-  return isForbiddenMetaEntry(metaProps);
-}
-function renderToDocument(component, options = {}) {
-  let content;
-  try {
-    content = renderToString(component());
-  } catch (err) {
-    content = ssrErrorComment(err);
-  }
-  const metaTags = (options.meta || []).map((attrs) => serializeHeadEntry("meta", attrs)).filter(Boolean).join("\n    ");
-  const linkTags = (options.links || []).map((attrs) => serializeHeadEntry("link", attrs)).filter(Boolean).join("\n    ");
-  const scriptTags = (options.scripts || []).map((src) => {
-    const safe = sanitizeUrl(String(src));
-    if (!safe) return "";
-    return `<script src="${escapeAttr(safe)}"></script>`;
-  }).filter(Boolean).join("\n    ");
-  const bodyAttrPairs = buildAttrString(options.bodyAttrs);
-  const bodyAttrs = bodyAttrPairs ? ` ${bodyAttrPairs}` : "";
-  return `<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    ${options.title != null ? `<title>${escapeHtml(options.title)}</title>` : ""}
-    ${metaTags}
-    ${linkTags}
-    ${options.headExtra || ""}
-  </head>
-  <body${bodyAttrs}>
-    <div id="app">${content}</div>
-    ${scriptTags}
-  </body>
-</html>`;
-}
-function renderToStream(element) {
-  return streamNode(element, 0 /* Html */);
-}
-async function* streamNode(element, context) {
-  if (element instanceof DocumentFragment) {
-    for (const child of Array.from(element.childNodes)) {
-      try {
-        yield* streamNode(child, context);
-      } catch (err) {
-        yield ssrErrorComment(err);
-      }
-    }
-    return;
-  }
-  const frame = serializeNode(element, context);
-  if (typeof frame === "string") {
-    if (frame) yield frame;
-    return;
-  }
-  yield frame.open;
-  for (const child of frame.children) {
-    try {
-      yield* streamNode(child, frame.context);
-    } catch (err) {
-      yield ssrErrorComment(err);
-    }
-  }
-  yield frame.close;
-}
-async function collectStream(stream) {
-  let result = "";
-  for await (const chunk of stream) {
-    result += chunk;
-  }
-  return result;
-}
-function renderToReadableStream(element) {
-  const generator = renderToStream(element);
-  return new ReadableStream({
-    async pull(controller) {
-      const { value, done } = await generator.next();
-      if (done) {
-        controller.close();
-      } else {
-        controller.enqueue(value);
-      }
-    },
-    async cancel() {
-      await generator.return(void 0);
-    }
-  });
-}
-var SAFE_ID = /^[A-Za-z0-9_-]+$/;
-function island(id, component) {
-  if (!SAFE_ID.test(id)) {
-    throw new Error(`[SibuJS SSR] island: id must match [A-Za-z0-9_-]+ (got: ${JSON.stringify(id.slice(0, 32))})`);
-  }
-  const el = component();
-  el.setAttribute("data-sibu-island", id);
-  return el;
-}
-function isAlreadyHydrated(element) {
-  return element.hasAttribute("data-sibu-hydrated");
-}
-function hydrateIslands(container, islands) {
-  const markers = container.querySelectorAll("[data-sibu-island]");
-  for (const marker of Array.from(markers)) {
-    if (isAlreadyHydrated(marker)) continue;
-    const id = marker.getAttribute("data-sibu-island") ?? "";
-    if (!Object.hasOwn(islands, id)) continue;
-    const factory = islands[id];
-    if (typeof factory !== "function") continue;
-    const clientTree = factory();
-    clientTree.setAttribute("data-sibu-island", id);
-    clientTree.setAttribute("data-sibu-hydrated", "true");
-    disposeAndReplace(marker, clientTree);
-  }
-  container.setAttribute("data-sibu-hydrated", "partial");
-}
-function hydrateProgressively(container, islands, options) {
-  const markers = container.querySelectorAll("[data-sibu-island]");
-  const cleanups = [];
-  for (const marker of Array.from(markers)) {
-    if (isAlreadyHydrated(marker)) continue;
-    const id = marker.getAttribute("data-sibu-island") ?? "";
-    if (!Object.hasOwn(islands, id)) continue;
-    const factory = islands[id];
-    if (typeof factory !== "function") continue;
-    const observer = new IntersectionObserver(
-      (entries) => {
-        for (const entry of entries) {
-          if (entry.isIntersecting) {
-            observer.disconnect();
-            if (isAlreadyHydrated(marker) || marker.parentNode === null) break;
-            const clientTree = factory();
-            clientTree.setAttribute("data-sibu-island", id);
-            clientTree.setAttribute("data-sibu-hydrated", "true");
-            disposeAndReplace(marker, clientTree);
-            break;
-          }
-        }
-      },
-      { rootMargin: "200px", ...options }
-    );
-    observer.observe(marker);
-    cleanups.push(() => observer.disconnect());
-  }
-  container.setAttribute("data-sibu-hydrated", "progressive");
-  return () => {
-    for (const cleanup of cleanups) cleanup();
-  };
-}
-function resetSSRState() {
-  getSSRStore().suspenseIdCounter = 0;
-}
-function noop() {
-}
-function ssrSuspense(props) {
-  const store = getSSRStore();
-  const id = `sibu-sus-${store.suspenseIdCounter++}`;
-  const timeoutMs = props.timeoutMs ?? 3e4;
-  const fallbackEl = props.fallback();
-  const wrapper = document.createElement("div");
-  wrapper.setAttribute("data-sibu-suspense-id", id);
-  wrapper.appendChild(fallbackEl);
-  const fallbackHtml = renderToString(fallbackEl);
-  let timer;
-  const timeoutPromise = new Promise((_, reject) => {
-    timer = setTimeout(() => reject(new Error(`[SibuJS SSR] ssrSuspense timed out after ${timeoutMs}ms`)), timeoutMs);
-  });
-  let contentPromise;
-  try {
-    contentPromise = Promise.resolve(props.content());
-  } catch (err) {
-    contentPromise = Promise.reject(err);
-  }
-  const toFallback = (err) => {
-    if (DEV) console.warn("[SibuJS SSR] ssrSuspense rejected:", err);
-    return { id, html: fallbackHtml };
-  };
-  const clearTimer = () => {
-    if (timer !== void 0) clearTimeout(timer);
-  };
-  const raced = Promise.race([contentPromise, timeoutPromise]);
-  const promise = raced.then(
-    (resolvedEl) => {
-      clearTimer();
-      try {
-        return { id, html: renderToString(resolvedEl) };
-      } catch (err) {
-        return toFallback(err);
-      }
-    },
-    (err) => {
-      clearTimer();
-      return toFallback(err);
-    }
-  );
-  promise.catch(noop);
-  return { element: wrapper, promise };
-}
-var SAFE_SUSPENSE_ID = /^[A-Za-z0-9_-]+$/;
-function suspenseSwapScript(id, nonce) {
-  if (!SAFE_SUSPENSE_ID.test(id)) {
-    throw new Error(
-      `[SibuJS SSR] suspenseSwapScript: id must match [A-Za-z0-9_-]+ (got: ${JSON.stringify(id.slice(0, 32))})`
-    );
-  }
-  const nonceAttr = nonce ? ` nonce="${escapeAttr(nonce)}"` : "";
-  return `<script${nonceAttr}>(function(){var t=document.getElementById("sibu-resolved-${id}");var f=document.querySelector('[data-sibu-suspense-id="${id}"]');if(t&&f){while(f.firstChild)f.removeChild(f.firstChild);while(t.firstChild)f.appendChild(t.firstChild);t.remove();f.removeAttribute("data-sibu-suspense-id");}})()</script>`;
-}
-async function* renderToSuspenseStream(element, pendingBoundaries = [], options) {
-  yield* renderToStream(element);
-  if (pendingBoundaries.length > 0) {
-    const resolved = await Promise.all(pendingBoundaries);
-    for (const { id, html } of resolved) {
-      if (!SAFE_SUSPENSE_ID.test(id)) continue;
-      yield `<div hidden id="sibu-resolved-${id}">${html}</div>`;
-      yield suspenseSwapScript(id, options?.nonce);
-    }
-  }
-}
-var SSR_DATA_ATTR = "__SIBU_SSR_DATA__";
-function escapeScriptJson(json) {
-  return json.replace(/</g, "\\u003c").replace(/>/g, "\\u003e").replace(/&/g, "\\u0026").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
-}
-var DEFAULT_MAX_SSR_BYTES = 1024 * 1024;
-function serializeState(state, nonce, options) {
-  const rawJson = JSON.stringify(state);
-  const maxBytes = options?.maxBytes ?? DEFAULT_MAX_SSR_BYTES;
-  const byteLen = typeof TextEncoder !== "undefined" ? new TextEncoder().encode(rawJson).byteLength : Buffer.byteLength(rawJson, "utf8");
-  if (byteLen > maxBytes) {
-    throw new Error(`[SibuJS SSR] serializeState: payload (${byteLen} bytes) exceeds maxBytes (${maxBytes})`);
-  }
-  const json = escapeScriptJson(rawJson);
-  const nonceAttr = nonce ? ` nonce="${escapeAttr(nonce)}"` : "";
-  return `<script${nonceAttr}>window.${SSR_DATA_ATTR}=${json}</script>`;
-}
-function deserializeState(validate) {
-  if (typeof window === "undefined") return void 0;
-  if (DEV && !validate) {
-    console.warn(
-      "[SibuJS SSR] deserializeState() called without a validate guard \u2014 tampered SSR payloads will not be detected."
-    );
-  }
-  const raw = readOwnGlobal(SSR_DATA_ATTR);
-  if (raw === void 0) return void 0;
-  if (validate && !validate(raw)) return void 0;
-  return raw;
-}
-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, "&#39;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-}
-
-export {
-  planMetaEntry,
-  planHeadElementEntry,
-  STATIC_VALUE_RESOLVER,
-  serializeHeadEntry,
-  renderToString,
-  hydrate,
-  trustHTML,
-  isDangerousMetaRefresh,
-  renderToDocument,
-  renderToStream,
-  collectStream,
-  renderToReadableStream,
-  island,
-  hydrateIslands,
-  hydrateProgressively,
-  resetSSRState,
-  ssrSuspense,
-  suspenseSwapScript,
-  renderToSuspenseStream,
-  escapeScriptJson,
-  serializeState,
-  deserializeState
-};