markdown-flow-ui 0.1.99-beta.0 → 0.1.99-beta.2

package/dist/components/ContentRender/IframeSandbox.es.js

@@ -1,99 +1,99 @@
-import { j as T } from "../../_virtual/jsx-runtime.es.js";
-import X, { useRef as h, useState as N, useEffect as y } from "react";
-import { createRoot as ot } from "react-dom/client";
-import st from "./SandboxApp.es.js";
-import { splitContentSegments as it } from "./utils/split-content.es.js";
-import lt from "./ContentRender.es.js";
-const ct = () => import("./blackboard-vendor.es.js").then((l) => l.injectBlackboardLibraries), at = /<img\b[^>]*>/i, ut = 180, ht = "markdown-flow-ui:sandbox", dt = "interaction", mt = 240, Z = (l) => l.split(/\s+/).filter(Boolean).map((r) => r.split(":").pop() || r), J = (l) => {
-  const r = l.trim().toLowerCase();
+import { j as H } from "../../_virtual/jsx-runtime.es.js";
+import J, { useRef as m, useState as k, useEffect as x } from "react";
+import { createRoot as at } from "react-dom/client";
+import ut from "./SandboxApp.es.js";
+import { splitContentSegments as ht } from "./utils/split-content.es.js";
+import dt from "./ContentRender.es.js";
+const mt = () => import("./blackboard-vendor.es.js").then((s) => s.injectBlackboardLibraries), ft = /<img\b[^>]*>/i, pt = 180, gt = "markdown-flow-ui:sandbox", bt = "interaction", wt = 240, tt = (s) => s.split(/\s+/).filter(Boolean).map((r) => r.split(":").pop() || r), K = (s) => {
+  const r = s.trim().toLowerCase();
   if (!r) return null;
-  const d = r.match(/^([0-9.]+)(vh|dvh|svh|lvh)$/i);
-  return d ? `${d[1]}${d[2].toLowerCase()}` : null;
-}, Y = (l) => {
-  if (!l.trim()) return null;
-  const r = Z(l);
+  const f = r.match(/^([0-9.]+)(vh|dvh|svh|lvh)$/i);
+  return f ? `${f[1]}${f[2].toLowerCase()}` : null;
+}, Q = (s) => {
+  if (!s.trim()) return null;
+  const r = tt(s);
   if (r.includes("h-screen") || r.includes("h-dvh"))
     return "100dvh";
   if (r.includes("h-svh"))
     return "100svh";
   if (r.includes("h-lvh"))
     return "100lvh";
-  const d = r.find(
-    (H) => /^h-\[[0-9.]+(vh|dvh|svh|lvh)\]$/i.test(H)
+  const f = r.find(
+    (R) => /^h-\[[0-9.]+(vh|dvh|svh|lvh)\]$/i.test(R)
   );
-  if (!d) return null;
-  const b = d.match(/^h-\[([0-9.]+)(vh|dvh|svh|lvh)\]$/i);
-  return b ? `${b[1]}${b[2].toLowerCase()}` : null;
-}, Et = ({
-  content: l,
+  if (!f) return null;
+  const w = f.match(/^h-\[([0-9.]+)(vh|dvh|svh|lvh)\]$/i);
+  return w ? `${w[1]}${w[2].toLowerCase()}` : null;
+}, Tt = ({
+  content: s,
   type: r,
-  className: d,
-  loadingText: b,
-  styleLoadingText: H,
-  scriptLoadingText: D,
-  fullScreenButtonText: S,
-  hideFullScreen: F = !1,
-  mode: u = "content"
+  className: f,
+  loadingText: w,
+  styleLoadingText: R,
+  scriptLoadingText: $,
+  fullScreenButtonText: N,
+  hideFullScreen: L = !1,
+  mode: d = "content"
 }) => {
-  const L = h(null), v = h(null), _ = h(null), P = h(null), O = h(() => {
-  }), [, K] = N(480), [V, Q] = N(0), [tt, et] = N(!1), q = u === "blackboard", $ = h(""), n = X.useMemo(() => {
-    const t = it(l).filter((c) => c.type === "sandbox");
-    return (u === "blackboard" ? t[t.length - 1]?.value || "" : t.map((c) => c.value).join(`
+  const V = m(null), v = m(null), _ = m(null), P = m(null), I = m(() => {
+  }), [, et] = k(480), [q, nt] = k(0), [rt, ot] = k(!1), G = d === "blackboard", O = m(""), n = J.useMemo(() => {
+    const t = ht(s).filter((a) => a.type === "sandbox");
+    return (d === "blackboard" ? t[t.length - 1]?.value || "" : t.map((a) => a.value).join(`
 `)) || "";
-  }, [l, u]), [R, G] = N(n), U = h(n), B = h(n), E = h(null), I = () => {
+  }, [s, d]), [T, U] = k(n), W = m(n), B = m(n), E = m(null), D = () => {
     E.current !== null && (window.clearTimeout(E.current), E.current = null);
   };
-  y(
+  x(
     () => () => {
-      I();
+      D();
     },
     []
-  ), y(() => {
-    const e = U.current;
-    U.current = n;
-    const t = !!e && n.length > e.length && n.startsWith(e), s = at.test(n);
-    if (!(t && s)) {
-      I(), B.current = n, G(n);
+  ), x(() => {
+    const e = W.current;
+    W.current = n;
+    const t = !!e && n.length > e.length && n.startsWith(e), l = ft.test(n);
+    if (!(t && l)) {
+      D(), B.current = n, U(n);
       return;
     }
-    B.current = n, I(), E.current = window.setTimeout(() => {
-      G(B.current), E.current = null;
-    }, ut);
+    B.current = n, D(), E.current = window.setTimeout(() => {
+      U(B.current), E.current = null;
+    }, pt);
   }, [n]);
-  const W = !!X.useMemo(() => {
-    const e = R.trim();
+  const X = !!J.useMemo(() => {
+    const e = T.trim();
     if (!e) return null;
     const t = e.match(/^<([a-zA-Z][\w:-]*)(\s[^>]*?)?>/);
     if (!t) return null;
-    const s = t[2] || "", c = s.match(/\bheight\s*=\s*["']([^"']+)["']/i);
-    if (c) {
-      const f = J(c[1]);
-      if (f) return f;
+    const l = t[2] || "", a = l.match(/\bheight\s*=\s*["']([^"']+)["']/i);
+    if (a) {
+      const u = K(a[1]);
+      if (u) return u;
     }
-    const C = s.match(/\bstyle\s*=\s*["']([^"']+)["']/i)?.[1]?.match(
+    const C = l.match(/\bstyle\s*=\s*["']([^"']+)["']/i)?.[1]?.match(
       /\bheight\s*:\s*([^;]+)/i
     )?.[1];
     if (C) {
-      const f = J(C);
-      if (f) return f;
+      const u = K(C);
+      if (u) return u;
     }
-    const M = s.match(/\bclass\s*=\s*["']([^"']+)["']/i)?.[1];
-    return M ? Y(M) : null;
-  }, [R]);
-  y(() => {
-    if (u !== "blackboard") {
-      $.current = n;
+    const y = l.match(/\bclass\s*=\s*["']([^"']+)["']/i)?.[1];
+    return y ? Q(y) : null;
+  }, [T]);
+  x(() => {
+    if (d !== "blackboard") {
+      O.current = n;
       return;
     }
-    const e = $.current;
-    !(e && n.startsWith(e)) && e && Q((s) => s + 1), $.current = n;
-  }, [n, u]), y(() => {
+    const e = O.current;
+    !(e && n.startsWith(e)) && e && nt((l) => l + 1), O.current = n;
+  }, [n, d]), x(() => {
     const e = v.current;
     if (!e) return;
     const t = e.contentDocument;
     if (!t) return;
-    if (t.open(), t.write(`<!DOCTYPE html>
-<html${u === "blackboard" ? ' style="height: 100%;"' : ""}>
+    t.open(), t.write(`<!DOCTYPE html>
+<html${d === "blackboard" ? ' style="height: 100%;"' : ""}>
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -106,108 +106,93 @@ const ct = () => import("./blackboard-vendor.es.js").then((l) => l.injectBlackbo
   <body>
     <div id="root"></div>
   </body>
-</html>`), t.close(), P.current = t, q && r === "sandbox") {
-      const o = t.createElement("script");
-      o.type = "text/javascript", o.text = `(() => {
-  const source = ${JSON.stringify(ht)};
-  const type = ${JSON.stringify(dt)};
-  const throttleMs = ${mt};
-  let lastMessageTime = 0;
-
-  const notifyParent = (eventType) => {
-    const now = Date.now();
-    if (eventType === "wheel" && now - lastMessageTime < throttleMs) {
-      return;
-    }
-    lastMessageTime = now;
-    window.parent.postMessage({ source, type, eventType }, "*");
-  };
-
-  window.addEventListener("pointerdown", () => notifyParent("pointerdown"), {
-    capture: true,
-    passive: true,
-  });
-  window.addEventListener("touchstart", () => notifyParent("touchstart"), {
-    capture: true,
-    passive: true,
-  });
-  window.addEventListener("wheel", () => notifyParent("wheel"), {
-    passive: true,
-  });
-  window.addEventListener("keydown", () => notifyParent("keydown"), true);
-})();`, t.head.appendChild(o);
-    }
-    const s = t.getElementById("root");
-    if (!s) return;
-    const c = ot(s);
-    _.current = c;
-    let x = !1;
-    const C = (o, m) => {
-      const i = o.trim().toLowerCase();
-      if (!i) return null;
-      const a = Number.parseFloat(i);
-      return Number.isNaN(a) ? null : /(dvh|svh|lvh|vh)$/i.test(i) ? a / 100 * m : i.endsWith("px") || /^[0-9.]+$/.test(i) ? a : null;
-    }, M = (o, m) => {
-      if (!o.trim()) return null;
-      const i = Y(o);
-      if (i)
-        return C(i, m);
-      const p = Z(o).find(
-        (k) => /^h-\[[0-9.]+px\]$/i.test(k)
+</html>`), t.close(), P.current = t;
+    let l = 0;
+    const a = (i) => {
+      if (typeof window > "u")
+        return;
+      const c = Date.now();
+      c - l < wt || (l = c, window.postMessage(
+        {
+          source: gt,
+          type: bt,
+          eventType: i
+        },
+        window.location.origin
+      ));
+    }, j = G && r === "sandbox", C = () => a("pointerdown"), y = () => a("touchstart");
+    j && (t.addEventListener("pointerdown", C, !0), t.addEventListener("touchstart", y, !0));
+    const u = t.getElementById("root");
+    if (!u) return;
+    const Y = at(u);
+    _.current = Y;
+    let A = !1;
+    const Z = (i, c) => {
+      const o = i.trim().toLowerCase();
+      if (!o) return null;
+      const h = Number.parseFloat(o);
+      return Number.isNaN(h) ? null : /(dvh|svh|lvh|vh)$/i.test(o) ? h / 100 * c : o.endsWith("px") || /^[0-9.]+$/.test(o) ? h : null;
+    }, lt = (i, c) => {
+      if (!i.trim()) return null;
+      const o = Q(i);
+      if (o)
+        return Z(o, c);
+      const p = tt(i).find(
+        (S) => /^h-\[[0-9.]+px\]$/i.test(S)
       );
       if (!p) return null;
       const g = p.match(/^h-\[([0-9.]+)px\]$/i);
       if (!g) return null;
-      const w = Number.parseFloat(g[1]);
-      return Number.isNaN(w) ? null : w;
-    }, f = () => {
+      const b = Number.parseFloat(g[1]);
+      return Number.isNaN(b) ? null : b;
+    }, ct = () => {
       if (!v.current || !t.body) return null;
-      const m = t.body.querySelector(
+      const c = t.body.querySelector(
         ".sandbox-wrapper"
       )?.firstElementChild;
-      if (!m) return null;
-      const i = Array.from(m.children);
-      if (i.length !== 1) return null;
-      const a = i[0], p = a.style.height || a.getAttribute("height"), g = v.current.ownerDocument?.documentElement?.clientHeight || window.innerHeight, w = p ? C(p, g) : null;
-      if (w !== null)
-        return Math.ceil(w);
-      const k = M(
-        a.getAttribute("class") || "",
+      if (!c) return null;
+      const o = Array.from(c.children);
+      if (o.length !== 1) return null;
+      const h = o[0], p = h.style.height || h.getAttribute("height"), g = v.current.ownerDocument?.documentElement?.clientHeight || window.innerHeight, b = p ? Z(p, g) : null;
+      if (b !== null)
+        return Math.ceil(b);
+      const S = lt(
+        h.getAttribute("class") || "",
         g
       );
-      return k !== null ? Math.ceil(k) : null;
-    }, j = () => {
+      return S !== null ? Math.ceil(S) : null;
+    }, z = () => {
       if (!v.current || !t.body) return;
-      const o = t.body.getBoundingClientRect(), m = t.documentElement?.getBoundingClientRect(), i = o.height, a = m?.height || 0, p = Math.max(i, a), g = f(), w = Math.max(
+      const i = t.body.getBoundingClientRect(), c = t.documentElement?.getBoundingClientRect(), o = i.height, h = c?.height || 0, p = Math.max(o, h), g = ct(), b = Math.max(
         200,
         g ?? Math.ceil(p)
       );
-      K(w);
-    }, A = () => {
+      et(b);
+    }, M = () => {
       requestAnimationFrame(() => {
-        x || j();
+        A || z();
       });
     };
-    O.current = A, j(), A(), ct().then((o) => {
-      x || (o(t), A());
+    I.current = M, z(), M(), mt().then((i) => {
+      A || (i(t), M());
     }).catch(() => {
-      x || A();
+      A || M();
     });
-    const z = new ResizeObserver(() => j());
-    return z.observe(t.body), s && z.observe(s), () => {
-      x = !0, z.disconnect(), setTimeout(() => {
-        c.unmount(), _.current = null, P.current = null, O.current = () => {
+    const F = new ResizeObserver(() => z());
+    return F.observe(t.body), u && F.observe(u), () => {
+      A = !0, F.disconnect(), j && (t.removeEventListener("pointerdown", C, !0), t.removeEventListener("touchstart", y, !0)), setTimeout(() => {
+        Y.unmount(), _.current = null, P.current = null, I.current = () => {
         };
       }, 0);
     };
-  }, []), y(() => {
+  }, []), x(() => {
     const e = () => {
-      et(!!document.fullscreenElement);
+      ot(!!document.fullscreenElement);
     };
     return document.addEventListener("fullscreenchange", e), () => document.removeEventListener("fullscreenchange", e);
   }, []);
-  const nt = () => {
-    const e = L.current || v.current;
+  const st = () => {
+    const e = V.current || v.current;
     if (e) {
       if (document.fullscreenElement) {
         document.exitFullscreen().catch(() => {
@@ -218,61 +203,61 @@ const ct = () => import("./blackboard-vendor.es.js").then((l) => l.injectBlackbo
       });
     }
   };
-  y(() => {
+  x(() => {
     const e = _.current;
     e && (e.render(
-      /* @__PURE__ */ T.jsx(
-        st,
+      /* @__PURE__ */ H.jsx(
+        ut,
         {
-          html: R,
-          loadingText: b,
-          styleLoadingText: H,
-          scriptLoadingText: D,
-          fullScreenButtonText: S,
-          hideFullScreen: F,
-          resetToken: V,
-          hasRootVhHeight: W,
-          mode: u
+          html: T,
+          loadingText: w,
+          styleLoadingText: R,
+          scriptLoadingText: $,
+          fullScreenButtonText: N,
+          hideFullScreen: L,
+          resetToken: q,
+          hasRootVhHeight: X,
+          mode: d
         }
       )
-    ), requestAnimationFrame(() => O.current?.()));
+    ), requestAnimationFrame(() => I.current?.()));
   }, [
+    T,
+    w,
     R,
-    b,
-    H,
-    D,
-    S,
-    V,
-    u
+    $,
+    N,
+    q,
+    d
   ]);
-  const rt = [
+  const it = [
     "w-full relative content-render-iframe-sandbox",
-    q ? "h-full overflow-auto flex flex-col" : "aspect-[16/9] overflow-hidden flex items-center justify-center"
+    G ? "h-full overflow-auto flex flex-col" : "aspect-[16/9] overflow-hidden flex items-center justify-center"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ T.jsxs(
+  return /* @__PURE__ */ H.jsxs(
     "div",
     {
-      ref: L,
-      "data-root-vh": W ? "true" : "false",
-      className: rt,
+      ref: V,
+      "data-root-vh": X ? "true" : "false",
+      className: it,
       children: [
-        !F && /* @__PURE__ */ T.jsx(
+        !L && /* @__PURE__ */ H.jsx(
           "button",
           {
             type: "button",
-            onClick: nt,
+            onClick: st,
             className: "absolute top-2 right-2 z-50 p-1.5 bg-black/75 text-white rounded-md cursor-pointer",
-            children: tt ? "退出全屏" : S || "全屏浏览"
+            children: rt ? "退出全屏" : N || "全屏浏览"
           }
         ),
-        u === "blackboard" && r === "markdown" ? /* @__PURE__ */ T.jsx(lt, { content: l }) : /* @__PURE__ */ T.jsx(
+        d === "blackboard" && r === "markdown" ? /* @__PURE__ */ H.jsx(dt, { content: s }) : /* @__PURE__ */ H.jsx(
           "iframe",
           {
             ref: v,
             sandbox: "allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox",
             allow: "fullscreen",
             allowFullScreen: !0,
-            className: [d, "w-full h-full mx-auto my-auto block"].filter(Boolean).join(" "),
+            className: [f, "w-full h-full mx-auto my-auto block"].filter(Boolean).join(" "),
             style: {
               height: "100%",
               margin: "auto"
@@ -284,6 +269,6 @@ const ct = () => import("./blackboard-vendor.es.js").then((l) => l.injectBlackbo
   );
 };
 export {
-  Et as default
+  Tt as default
 };
 //# sourceMappingURL=IframeSandbox.es.js.map

package/dist/components/ContentRender/IframeSandbox.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"IframeSandbox.es.js","sources":["../../../src/components/ContentRender/IframeSandbox.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { createRoot, Root } from \"react-dom/client\";\nimport SandboxApp from \"./SandboxApp\";\nimport { splitContentSegments } from \"./utils/split-content\";\nimport ContentRender from \"./ContentRender\";\n// Lazy-load iframe vendor libraries and inject them into the sandbox document.\nconst loadBlackboardVendor = () =>\n  import(\"./blackboard-vendor\").then((m) => m.injectBlackboardLibraries);\n\nconst COMPLETE_IMAGE_TAG_PATTERN = /<img\\b[^>]*>/i;\nconst POST_IMAGE_STREAM_DEBOUNCE_MS = 180;\nconst SANDBOX_INTERACTION_MESSAGE_SOURCE = \"markdown-flow-ui:sandbox\";\nconst SANDBOX_INTERACTION_MESSAGE_TYPE = \"interaction\";\nconst SANDBOX_INTERACTION_THROTTLE_MS = 240;\nexport interface IframeSandboxProps {\n  content: string;\n  className?: string;\n  loadingText?: string;\n  styleLoadingText?: string;\n  scriptLoadingText?: string;\n  fullScreenButtonText?: string;\n  hideFullScreen?: boolean;\n  mode?: \"content\" | \"blackboard\";\n  type: \"sandbox\" | \"markdown\";\n}\n\nconst normalizeTailwindHeightTokens = (className: string) =>\n  className\n    .split(/\\s+/)\n    .filter(Boolean)\n    .map((token) => token.split(\":\").pop() || token);\n\nconst parseViewportHeightCss = (value: string) => {\n  const normalized = value.trim().toLowerCase();\n  if (!normalized) return null;\n  const matched = normalized.match(/^([0-9.]+)(vh|dvh|svh|lvh)$/i);\n  if (!matched) return null;\n  return `${matched[1]}${matched[2].toLowerCase()}`;\n};\n\nconst extractViewportHeightFromTailwindClass = (className: string) => {\n  if (!className.trim()) return null;\n  const normalizedTokens = normalizeTailwindHeightTokens(className);\n  if (\n    normalizedTokens.includes(\"h-screen\") ||\n    normalizedTokens.includes(\"h-dvh\")\n  ) {\n    return \"100dvh\";\n  }\n  if (normalizedTokens.includes(\"h-svh\")) {\n    return \"100svh\";\n  }\n  if (normalizedTokens.includes(\"h-lvh\")) {\n    return \"100lvh\";\n  }\n  const arbitraryToken = normalizedTokens.find((token) =>\n    /^h-\\[[0-9.]+(vh|dvh|svh|lvh)\\]$/i.test(token)\n  );\n  if (!arbitraryToken) return null;\n  const matched = arbitraryToken.match(/^h-\\[([0-9.]+)(vh|dvh|svh|lvh)\\]$/i);\n  if (!matched) return null;\n  return `${matched[1]}${matched[2].toLowerCase()}`;\n};\n\nconst IframeSandbox: React.FC<IframeSandboxProps> = ({\n  content,\n  type,\n  className,\n  loadingText,\n  styleLoadingText,\n  scriptLoadingText,\n  fullScreenButtonText,\n  hideFullScreen = false,\n  mode = \"content\",\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const rootRef = useRef<Root | null>(null);\n  const docRef = useRef<Document | null>(null);\n  const updateHeightRef = useRef<() => void>(() => {});\n  const [, setHeight] = useState(480);\n  const [resetToken, setResetToken] = useState(0);\n  const [isFullscreen, setIsFullscreen] = useState(false);\n  const isBlackboardMode = mode === \"blackboard\";\n  const prevHtmlRef = useRef<string>(\"\");\n  const htmlContent = React.useMemo(() => {\n    const segments = splitContentSegments(content);\n    // console.log('segments=====', segments);\n    const sandboxSegments = segments.filter((seg) => seg.type === \"sandbox\");\n    const sandboxContent =\n      mode === \"blackboard\"\n        ? sandboxSegments[sandboxSegments.length - 1]?.value || \"\"\n        : sandboxSegments.map((seg) => seg.value).join(\"\\n\");\n    return sandboxContent || \"\";\n  }, [content, mode]);\n  const [renderHtmlContent, setRenderHtmlContent] = useState(htmlContent);\n  const prevIncomingHtmlRef = useRef(htmlContent);\n  const pendingHtmlRef = useRef(htmlContent);\n  const deferRenderTimerRef = useRef<number | null>(null);\n\n  const clearDeferredRenderTimer = () => {\n    if (deferRenderTimerRef.current === null) return;\n    window.clearTimeout(deferRenderTimerRef.current);\n    deferRenderTimerRef.current = null;\n  };\n\n  useEffect(\n    () => () => {\n      clearDeferredRenderTimer();\n    },\n    []\n  );\n\n  useEffect(() => {\n    const prevIncomingHtml = prevIncomingHtmlRef.current;\n    prevIncomingHtmlRef.current = htmlContent;\n\n    const isAppendOnlyStream =\n      !!prevIncomingHtml &&\n      htmlContent.length > prevIncomingHtml.length &&\n      htmlContent.startsWith(prevIncomingHtml);\n    const containsCompleteImage = COMPLETE_IMAGE_TAG_PATTERN.test(htmlContent);\n    const shouldDeferRender = isAppendOnlyStream && containsCompleteImage;\n\n    if (!shouldDeferRender) {\n      clearDeferredRenderTimer();\n      pendingHtmlRef.current = htmlContent;\n      setRenderHtmlContent(htmlContent);\n      return;\n    }\n\n    pendingHtmlRef.current = htmlContent;\n    clearDeferredRenderTimer();\n    deferRenderTimerRef.current = window.setTimeout(() => {\n      setRenderHtmlContent(pendingHtmlRef.current);\n      deferRenderTimerRef.current = null;\n    }, POST_IMAGE_STREAM_DEBOUNCE_MS);\n  }, [htmlContent]);\n\n  const rootViewportHeightCss = React.useMemo(() => {\n    const normalized = renderHtmlContent.trim();\n    if (!normalized) return null;\n    const rootMatch = normalized.match(/^<([a-zA-Z][\\w:-]*)(\\s[^>]*?)?>/);\n    if (!rootMatch) return null;\n    const attrs = rootMatch[2] || \"\";\n    const heightAttrMatch = attrs.match(/\\bheight\\s*=\\s*[\"']([^\"']+)[\"']/i);\n    if (heightAttrMatch) {\n      const explicitHeightCss = parseViewportHeightCss(heightAttrMatch[1]);\n      if (explicitHeightCss) return explicitHeightCss;\n    }\n    const styleAttrMatch = attrs.match(/\\bstyle\\s*=\\s*[\"']([^\"']+)[\"']/i)?.[1];\n    const styleHeightMatch = styleAttrMatch?.match(\n      /\\bheight\\s*:\\s*([^;]+)/i\n    )?.[1];\n    if (styleHeightMatch) {\n      const styleHeightCss = parseViewportHeightCss(styleHeightMatch);\n      if (styleHeightCss) return styleHeightCss;\n    }\n    const classAttrMatch = attrs.match(/\\bclass\\s*=\\s*[\"']([^\"']+)[\"']/i)?.[1];\n    if (!classAttrMatch) return null;\n    return extractViewportHeightFromTailwindClass(classAttrMatch);\n  }, [renderHtmlContent]);\n  const hasRootVhHeight = Boolean(rootViewportHeightCss);\n  useEffect(() => {\n    if (mode !== \"blackboard\") {\n      prevHtmlRef.current = htmlContent;\n      return;\n    }\n    const prev = prevHtmlRef.current;\n    const isContinuation = prev && htmlContent.startsWith(prev);\n    if (!isContinuation && prev) {\n      setResetToken((token) => token + 1);\n    }\n    prevHtmlRef.current = htmlContent;\n  }, [htmlContent, mode]);\n\n  useEffect(() => {\n    const iframe = iframeRef.current;\n    if (!iframe) return undefined;\n\n    const doc = iframe.contentDocument;\n    if (!doc) return undefined;\n\n    doc.open();\n    doc.write(`<!DOCTYPE html>\n<html${mode === \"blackboard\" ? ' style=\"height: 100%;\"' : \"\"}>\n  <head>\n    <meta charset=\"utf-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <style>\n      html, body, #root { width: 100%; height: 100%; }\n      html, body { margin: 0; padding: 0; overflow: auto; }\n      *, *::before, *::after { box-sizing: border-box; }\n    </style>\n  </head>\n  <body>\n    <div id=\"root\"></div>\n  </body>\n</html>`);\n    doc.close();\n\n    docRef.current = doc;\n\n    if (isBlackboardMode && type === \"sandbox\") {\n      const interactionBridgeScript = doc.createElement(\"script\");\n      interactionBridgeScript.type = \"text/javascript\";\n      interactionBridgeScript.text = `(() => {\n  const source = ${JSON.stringify(SANDBOX_INTERACTION_MESSAGE_SOURCE)};\n  const type = ${JSON.stringify(SANDBOX_INTERACTION_MESSAGE_TYPE)};\n  const throttleMs = ${SANDBOX_INTERACTION_THROTTLE_MS};\n  let lastMessageTime = 0;\n\n  const notifyParent = (eventType) => {\n    const now = Date.now();\n    if (eventType === \"wheel\" && now - lastMessageTime < throttleMs) {\n      return;\n    }\n    lastMessageTime = now;\n    window.parent.postMessage({ source, type, eventType }, \"*\");\n  };\n\n  window.addEventListener(\"pointerdown\", () => notifyParent(\"pointerdown\"), {\n    capture: true,\n    passive: true,\n  });\n  window.addEventListener(\"touchstart\", () => notifyParent(\"touchstart\"), {\n    capture: true,\n    passive: true,\n  });\n  window.addEventListener(\"wheel\", () => notifyParent(\"wheel\"), {\n    passive: true,\n  });\n  window.addEventListener(\"keydown\", () => notifyParent(\"keydown\"), true);\n})();`;\n      doc.head.appendChild(interactionBridgeScript);\n    }\n\n    const rootEl = doc.getElementById(\"root\");\n    if (!rootEl) return undefined;\n\n    const root = createRoot(rootEl);\n    rootRef.current = root;\n    let isDestroyed = false;\n\n    const parseExplicitHeight = (\n      value: string,\n      parentViewportHeight: number\n    ) => {\n      const normalized = value.trim().toLowerCase();\n      if (!normalized) return null;\n      const numeric = Number.parseFloat(normalized);\n      if (Number.isNaN(numeric)) return null;\n      if (/(dvh|svh|lvh|vh)$/i.test(normalized)) {\n        return (numeric / 100) * parentViewportHeight;\n      }\n      if (normalized.endsWith(\"px\") || /^[0-9.]+$/.test(normalized)) {\n        return numeric;\n      }\n      return null;\n    };\n    const parseTailwindHeightClass = (\n      className: string,\n      parentViewportHeight: number\n    ) => {\n      if (!className.trim()) return null;\n      const viewportHeightCss =\n        extractViewportHeightFromTailwindClass(className);\n      if (viewportHeightCss) {\n        return parseExplicitHeight(viewportHeightCss, parentViewportHeight);\n      }\n      const normalizedTokens = normalizeTailwindHeightTokens(className);\n      const arbitraryToken = normalizedTokens.find((token) =>\n        /^h-\\[[0-9.]+px\\]$/i.test(token)\n      );\n      if (!arbitraryToken) return null;\n      const matched = arbitraryToken.match(/^h-\\[([0-9.]+)px\\]$/i);\n      if (!matched) return null;\n      const numeric = Number.parseFloat(matched[1]);\n      if (Number.isNaN(numeric)) return null;\n      return numeric;\n    };\n\n    const resolveExplicitHeight = () => {\n      if (!iframeRef.current || !doc.body) return null;\n      const wrapper = doc.body.querySelector(\n        \".sandbox-wrapper\"\n      ) as HTMLElement | null;\n      const container = wrapper?.firstElementChild as HTMLElement | null;\n      if (!container) return null;\n      const elements = Array.from(container.children) as HTMLElement[];\n      if (elements.length !== 1) return null;\n      const target = elements[0];\n      const heightValue = target.style.height || target.getAttribute(\"height\");\n      const parentViewportHeight =\n        iframeRef.current.ownerDocument?.documentElement?.clientHeight ||\n        window.innerHeight;\n      const parsed = heightValue\n        ? parseExplicitHeight(heightValue, parentViewportHeight)\n        : null;\n      if (parsed !== null) {\n        return Math.ceil(parsed);\n      }\n      const classHeight = parseTailwindHeightClass(\n        target.getAttribute(\"class\") || \"\",\n        parentViewportHeight\n      );\n      return classHeight !== null ? Math.ceil(classHeight) : null;\n    };\n\n    const updateHeight = () => {\n      if (!iframeRef.current || !doc.body) return;\n      const bodyRect = doc.body.getBoundingClientRect();\n      const htmlRect = doc.documentElement?.getBoundingClientRect();\n      const bodyHeight = bodyRect.height;\n      const htmlHeight = htmlRect?.height || 0;\n      const contentHeight = Math.max(bodyHeight, htmlHeight);\n      const explicitHeight = resolveExplicitHeight();\n      const nextHeight = Math.max(\n        200,\n        explicitHeight ?? Math.ceil(contentHeight)\n      );\n      setHeight(nextHeight);\n    };\n    const scheduleHeightUpdate = () => {\n      requestAnimationFrame(() => {\n        if (isDestroyed) return;\n        updateHeight();\n      });\n    };\n    updateHeightRef.current = scheduleHeightUpdate;\n\n    updateHeight();\n    scheduleHeightUpdate();\n\n    // Inject Tailwind/DaisyUI/GSAP into iframe for all sandbox modes.\n    // Dynamic import keeps ~3.3 MB of vendor libs out of the main bundle.\n    // Tailwind's MutationObserver ensures styles apply even if content renders first.\n    loadBlackboardVendor()\n      .then((inject) => {\n        if (isDestroyed) return;\n        inject(doc);\n        scheduleHeightUpdate();\n      })\n      .catch(() => {\n        if (isDestroyed) return;\n        scheduleHeightUpdate();\n      });\n\n    const resizeObserver = new ResizeObserver(() => updateHeight());\n    resizeObserver.observe(doc.body);\n    if (rootEl) {\n      resizeObserver.observe(rootEl);\n    }\n\n    return () => {\n      isDestroyed = true;\n      resizeObserver.disconnect();\n      // Defer unmount to avoid React warning when parent is mid-render\n      setTimeout(() => {\n        root.unmount();\n        rootRef.current = null;\n        docRef.current = null;\n        updateHeightRef.current = () => {};\n      }, 0);\n    };\n  }, []);\n\n  useEffect(() => {\n    const onFullscreenChange = () => {\n      setIsFullscreen(Boolean(document.fullscreenElement));\n    };\n    document.addEventListener(\"fullscreenchange\", onFullscreenChange);\n    return () =>\n      document.removeEventListener(\"fullscreenchange\", onFullscreenChange);\n  }, []);\n\n  const toggleFullscreen = () => {\n    const target = containerRef.current || iframeRef.current;\n    if (!target) return;\n    if (document.fullscreenElement) {\n      document.exitFullscreen().catch(() => {});\n      return;\n    }\n    if (target.requestFullscreen) {\n      target.requestFullscreen().catch(() => {});\n    }\n  };\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n\n    root.render(\n      <SandboxApp\n        html={renderHtmlContent}\n        loadingText={loadingText}\n        styleLoadingText={styleLoadingText}\n        scriptLoadingText={scriptLoadingText}\n        fullScreenButtonText={fullScreenButtonText}\n        hideFullScreen={hideFullScreen}\n        resetToken={resetToken}\n        hasRootVhHeight={hasRootVhHeight}\n        mode={mode}\n      />\n    );\n    requestAnimationFrame(() => updateHeightRef.current?.());\n  }, [\n    renderHtmlContent,\n    loadingText,\n    styleLoadingText,\n    scriptLoadingText,\n    fullScreenButtonText,\n    resetToken,\n    mode,\n  ]);\n  const containerClassName = [\n    \"w-full relative content-render-iframe-sandbox\",\n    isBlackboardMode\n      ? \"h-full overflow-auto flex flex-col\"\n      : \"aspect-[16/9] overflow-hidden flex items-center justify-center\",\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <div\n      ref={containerRef}\n      data-root-vh={hasRootVhHeight ? \"true\" : \"false\"}\n      className={containerClassName}\n    >\n      {!hideFullScreen && (\n        <button\n          type=\"button\"\n          onClick={toggleFullscreen}\n          className={\n            \"absolute top-2 right-2 z-50 p-1.5 bg-black/75 text-white rounded-md cursor-pointer\"\n          }\n        >\n          {isFullscreen ? \"退出全屏\" : fullScreenButtonText || \"全屏浏览\"}\n        </button>\n      )}\n      {mode === \"blackboard\" && type === \"markdown\" ? (\n        <ContentRender content={content} />\n      ) : (\n        <iframe\n          ref={iframeRef}\n          sandbox=\"allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox\"\n          allow=\"fullscreen\"\n          allowFullScreen\n          className={[className, \"w-full h-full mx-auto my-auto block\"]\n            .filter(Boolean)\n            .join(\" \")}\n          style={{\n            height: \"100%\",\n            margin: \"auto\",\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default IframeSandbox;\n"],"names":["loadBlackboardVendor","m","COMPLETE_IMAGE_TAG_PATTERN","POST_IMAGE_STREAM_DEBOUNCE_MS","SANDBOX_INTERACTION_MESSAGE_SOURCE","SANDBOX_INTERACTION_MESSAGE_TYPE","SANDBOX_INTERACTION_THROTTLE_MS","normalizeTailwindHeightTokens","className","token","parseViewportHeightCss","value","normalized","matched","extractViewportHeightFromTailwindClass","normalizedTokens","arbitraryToken","IframeSandbox","content","type","loadingText","styleLoadingText","scriptLoadingText","fullScreenButtonText","hideFullScreen","mode","containerRef","useRef","iframeRef","rootRef","docRef","updateHeightRef","setHeight","useState","resetToken","setResetToken","isFullscreen","setIsFullscreen","isBlackboardMode","prevHtmlRef","htmlContent","React","sandboxSegments","splitContentSegments","seg","renderHtmlContent","setRenderHtmlContent","prevIncomingHtmlRef","pendingHtmlRef","deferRenderTimerRef","clearDeferredRenderTimer","useEffect","prevIncomingHtml","isAppendOnlyStream","containsCompleteImage","hasRootVhHeight","rootMatch","attrs","heightAttrMatch","explicitHeightCss","styleHeightMatch","styleHeightCss","classAttrMatch","prev","iframe","doc","interactionBridgeScript","rootEl","root","createRoot","isDestroyed","parseExplicitHeight","parentViewportHeight","numeric","parseTailwindHeightClass","viewportHeightCss","resolveExplicitHeight","container","elements","target","heightValue","parsed","classHeight","updateHeight","bodyRect","htmlRect","bodyHeight","htmlHeight","contentHeight","explicitHeight","nextHeight","scheduleHeightUpdate","inject","resizeObserver","onFullscreenChange","toggleFullscreen","jsx","SandboxApp","containerClassName","jsxs","ContentRender"],"mappings":"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"}
+{"version":3,"file":"IframeSandbox.es.js","sources":["../../../src/components/ContentRender/IframeSandbox.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { createRoot, Root } from \"react-dom/client\";\nimport SandboxApp from \"./SandboxApp\";\nimport { splitContentSegments } from \"./utils/split-content\";\nimport ContentRender from \"./ContentRender\";\n// Lazy-load iframe vendor libraries and inject them into the sandbox document.\nconst loadBlackboardVendor = () =>\n  import(\"./blackboard-vendor\").then((m) => m.injectBlackboardLibraries);\n\nconst COMPLETE_IMAGE_TAG_PATTERN = /<img\\b[^>]*>/i;\nconst POST_IMAGE_STREAM_DEBOUNCE_MS = 180;\nconst SANDBOX_INTERACTION_MESSAGE_SOURCE = \"markdown-flow-ui:sandbox\";\nconst SANDBOX_INTERACTION_MESSAGE_TYPE = \"interaction\";\nconst SANDBOX_INTERACTION_THROTTLE_MS = 240;\nexport interface IframeSandboxProps {\n  content: string;\n  className?: string;\n  loadingText?: string;\n  styleLoadingText?: string;\n  scriptLoadingText?: string;\n  fullScreenButtonText?: string;\n  hideFullScreen?: boolean;\n  mode?: \"content\" | \"blackboard\";\n  type: \"sandbox\" | \"markdown\";\n}\n\nconst normalizeTailwindHeightTokens = (className: string) =>\n  className\n    .split(/\\s+/)\n    .filter(Boolean)\n    .map((token) => token.split(\":\").pop() || token);\n\nconst parseViewportHeightCss = (value: string) => {\n  const normalized = value.trim().toLowerCase();\n  if (!normalized) return null;\n  const matched = normalized.match(/^([0-9.]+)(vh|dvh|svh|lvh)$/i);\n  if (!matched) return null;\n  return `${matched[1]}${matched[2].toLowerCase()}`;\n};\n\nconst extractViewportHeightFromTailwindClass = (className: string) => {\n  if (!className.trim()) return null;\n  const normalizedTokens = normalizeTailwindHeightTokens(className);\n  if (\n    normalizedTokens.includes(\"h-screen\") ||\n    normalizedTokens.includes(\"h-dvh\")\n  ) {\n    return \"100dvh\";\n  }\n  if (normalizedTokens.includes(\"h-svh\")) {\n    return \"100svh\";\n  }\n  if (normalizedTokens.includes(\"h-lvh\")) {\n    return \"100lvh\";\n  }\n  const arbitraryToken = normalizedTokens.find((token) =>\n    /^h-\\[[0-9.]+(vh|dvh|svh|lvh)\\]$/i.test(token)\n  );\n  if (!arbitraryToken) return null;\n  const matched = arbitraryToken.match(/^h-\\[([0-9.]+)(vh|dvh|svh|lvh)\\]$/i);\n  if (!matched) return null;\n  return `${matched[1]}${matched[2].toLowerCase()}`;\n};\n\nconst IframeSandbox: React.FC<IframeSandboxProps> = ({\n  content,\n  type,\n  className,\n  loadingText,\n  styleLoadingText,\n  scriptLoadingText,\n  fullScreenButtonText,\n  hideFullScreen = false,\n  mode = \"content\",\n}) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const rootRef = useRef<Root | null>(null);\n  const docRef = useRef<Document | null>(null);\n  const updateHeightRef = useRef<() => void>(() => {});\n  const [, setHeight] = useState(480);\n  const [resetToken, setResetToken] = useState(0);\n  const [isFullscreen, setIsFullscreen] = useState(false);\n  const isBlackboardMode = mode === \"blackboard\";\n  const prevHtmlRef = useRef<string>(\"\");\n  const htmlContent = React.useMemo(() => {\n    const segments = splitContentSegments(content);\n    // console.log('segments=====', segments);\n    const sandboxSegments = segments.filter((seg) => seg.type === \"sandbox\");\n    const sandboxContent =\n      mode === \"blackboard\"\n        ? sandboxSegments[sandboxSegments.length - 1]?.value || \"\"\n        : sandboxSegments.map((seg) => seg.value).join(\"\\n\");\n    return sandboxContent || \"\";\n  }, [content, mode]);\n  const [renderHtmlContent, setRenderHtmlContent] = useState(htmlContent);\n  const prevIncomingHtmlRef = useRef(htmlContent);\n  const pendingHtmlRef = useRef(htmlContent);\n  const deferRenderTimerRef = useRef<number | null>(null);\n\n  const clearDeferredRenderTimer = () => {\n    if (deferRenderTimerRef.current === null) return;\n    window.clearTimeout(deferRenderTimerRef.current);\n    deferRenderTimerRef.current = null;\n  };\n\n  useEffect(\n    () => () => {\n      clearDeferredRenderTimer();\n    },\n    []\n  );\n\n  useEffect(() => {\n    const prevIncomingHtml = prevIncomingHtmlRef.current;\n    prevIncomingHtmlRef.current = htmlContent;\n\n    const isAppendOnlyStream =\n      !!prevIncomingHtml &&\n      htmlContent.length > prevIncomingHtml.length &&\n      htmlContent.startsWith(prevIncomingHtml);\n    const containsCompleteImage = COMPLETE_IMAGE_TAG_PATTERN.test(htmlContent);\n    const shouldDeferRender = isAppendOnlyStream && containsCompleteImage;\n\n    if (!shouldDeferRender) {\n      clearDeferredRenderTimer();\n      pendingHtmlRef.current = htmlContent;\n      setRenderHtmlContent(htmlContent);\n      return;\n    }\n\n    pendingHtmlRef.current = htmlContent;\n    clearDeferredRenderTimer();\n    deferRenderTimerRef.current = window.setTimeout(() => {\n      setRenderHtmlContent(pendingHtmlRef.current);\n      deferRenderTimerRef.current = null;\n    }, POST_IMAGE_STREAM_DEBOUNCE_MS);\n  }, [htmlContent]);\n\n  const rootViewportHeightCss = React.useMemo(() => {\n    const normalized = renderHtmlContent.trim();\n    if (!normalized) return null;\n    const rootMatch = normalized.match(/^<([a-zA-Z][\\w:-]*)(\\s[^>]*?)?>/);\n    if (!rootMatch) return null;\n    const attrs = rootMatch[2] || \"\";\n    const heightAttrMatch = attrs.match(/\\bheight\\s*=\\s*[\"']([^\"']+)[\"']/i);\n    if (heightAttrMatch) {\n      const explicitHeightCss = parseViewportHeightCss(heightAttrMatch[1]);\n      if (explicitHeightCss) return explicitHeightCss;\n    }\n    const styleAttrMatch = attrs.match(/\\bstyle\\s*=\\s*[\"']([^\"']+)[\"']/i)?.[1];\n    const styleHeightMatch = styleAttrMatch?.match(\n      /\\bheight\\s*:\\s*([^;]+)/i\n    )?.[1];\n    if (styleHeightMatch) {\n      const styleHeightCss = parseViewportHeightCss(styleHeightMatch);\n      if (styleHeightCss) return styleHeightCss;\n    }\n    const classAttrMatch = attrs.match(/\\bclass\\s*=\\s*[\"']([^\"']+)[\"']/i)?.[1];\n    if (!classAttrMatch) return null;\n    return extractViewportHeightFromTailwindClass(classAttrMatch);\n  }, [renderHtmlContent]);\n  const hasRootVhHeight = Boolean(rootViewportHeightCss);\n  useEffect(() => {\n    if (mode !== \"blackboard\") {\n      prevHtmlRef.current = htmlContent;\n      return;\n    }\n    const prev = prevHtmlRef.current;\n    const isContinuation = prev && htmlContent.startsWith(prev);\n    if (!isContinuation && prev) {\n      setResetToken((token) => token + 1);\n    }\n    prevHtmlRef.current = htmlContent;\n  }, [htmlContent, mode]);\n\n  useEffect(() => {\n    const iframe = iframeRef.current;\n    if (!iframe) return undefined;\n\n    const doc = iframe.contentDocument;\n    if (!doc) return undefined;\n\n    doc.open();\n    doc.write(`<!DOCTYPE html>\n<html${mode === \"blackboard\" ? ' style=\"height: 100%;\"' : \"\"}>\n  <head>\n    <meta charset=\"utf-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <style>\n      html, body, #root { width: 100%; height: 100%; }\n      html, body { margin: 0; padding: 0; overflow: auto; }\n      *, *::before, *::after { box-sizing: border-box; }\n    </style>\n  </head>\n  <body>\n    <div id=\"root\"></div>\n  </body>\n</html>`);\n    doc.close();\n\n    docRef.current = doc;\n\n    let lastSandboxInteractionTime = 0;\n    const notifySandboxInteraction = (eventType: string) => {\n      if (typeof window === \"undefined\") {\n        return;\n      }\n      const now = Date.now();\n      if (now - lastSandboxInteractionTime < SANDBOX_INTERACTION_THROTTLE_MS) {\n        return;\n      }\n      lastSandboxInteractionTime = now;\n      window.postMessage(\n        {\n          source: SANDBOX_INTERACTION_MESSAGE_SOURCE,\n          type: SANDBOX_INTERACTION_MESSAGE_TYPE,\n          eventType,\n        },\n        window.location.origin\n      );\n    };\n\n    const shouldBridgeSandboxInteraction =\n      isBlackboardMode && type === \"sandbox\";\n    const handleSandboxPointerDown = () =>\n      notifySandboxInteraction(\"pointerdown\");\n    const handleSandboxTouchStart = () =>\n      notifySandboxInteraction(\"touchstart\");\n\n    if (shouldBridgeSandboxInteraction) {\n      doc.addEventListener(\"pointerdown\", handleSandboxPointerDown, true);\n      doc.addEventListener(\"touchstart\", handleSandboxTouchStart, true);\n    }\n\n    const rootEl = doc.getElementById(\"root\");\n    if (!rootEl) return undefined;\n\n    const root = createRoot(rootEl);\n    rootRef.current = root;\n    let isDestroyed = false;\n\n    const parseExplicitHeight = (\n      value: string,\n      parentViewportHeight: number\n    ) => {\n      const normalized = value.trim().toLowerCase();\n      if (!normalized) return null;\n      const numeric = Number.parseFloat(normalized);\n      if (Number.isNaN(numeric)) return null;\n      if (/(dvh|svh|lvh|vh)$/i.test(normalized)) {\n        return (numeric / 100) * parentViewportHeight;\n      }\n      if (normalized.endsWith(\"px\") || /^[0-9.]+$/.test(normalized)) {\n        return numeric;\n      }\n      return null;\n    };\n    const parseTailwindHeightClass = (\n      className: string,\n      parentViewportHeight: number\n    ) => {\n      if (!className.trim()) return null;\n      const viewportHeightCss =\n        extractViewportHeightFromTailwindClass(className);\n      if (viewportHeightCss) {\n        return parseExplicitHeight(viewportHeightCss, parentViewportHeight);\n      }\n      const normalizedTokens = normalizeTailwindHeightTokens(className);\n      const arbitraryToken = normalizedTokens.find((token) =>\n        /^h-\\[[0-9.]+px\\]$/i.test(token)\n      );\n      if (!arbitraryToken) return null;\n      const matched = arbitraryToken.match(/^h-\\[([0-9.]+)px\\]$/i);\n      if (!matched) return null;\n      const numeric = Number.parseFloat(matched[1]);\n      if (Number.isNaN(numeric)) return null;\n      return numeric;\n    };\n\n    const resolveExplicitHeight = () => {\n      if (!iframeRef.current || !doc.body) return null;\n      const wrapper = doc.body.querySelector(\n        \".sandbox-wrapper\"\n      ) as HTMLElement | null;\n      const container = wrapper?.firstElementChild as HTMLElement | null;\n      if (!container) return null;\n      const elements = Array.from(container.children) as HTMLElement[];\n      if (elements.length !== 1) return null;\n      const target = elements[0];\n      const heightValue = target.style.height || target.getAttribute(\"height\");\n      const parentViewportHeight =\n        iframeRef.current.ownerDocument?.documentElement?.clientHeight ||\n        window.innerHeight;\n      const parsed = heightValue\n        ? parseExplicitHeight(heightValue, parentViewportHeight)\n        : null;\n      if (parsed !== null) {\n        return Math.ceil(parsed);\n      }\n      const classHeight = parseTailwindHeightClass(\n        target.getAttribute(\"class\") || \"\",\n        parentViewportHeight\n      );\n      return classHeight !== null ? Math.ceil(classHeight) : null;\n    };\n\n    const updateHeight = () => {\n      if (!iframeRef.current || !doc.body) return;\n      const bodyRect = doc.body.getBoundingClientRect();\n      const htmlRect = doc.documentElement?.getBoundingClientRect();\n      const bodyHeight = bodyRect.height;\n      const htmlHeight = htmlRect?.height || 0;\n      const contentHeight = Math.max(bodyHeight, htmlHeight);\n      const explicitHeight = resolveExplicitHeight();\n      const nextHeight = Math.max(\n        200,\n        explicitHeight ?? Math.ceil(contentHeight)\n      );\n      setHeight(nextHeight);\n    };\n    const scheduleHeightUpdate = () => {\n      requestAnimationFrame(() => {\n        if (isDestroyed) return;\n        updateHeight();\n      });\n    };\n    updateHeightRef.current = scheduleHeightUpdate;\n\n    updateHeight();\n    scheduleHeightUpdate();\n\n    // Inject Tailwind/DaisyUI/GSAP into iframe for all sandbox modes.\n    // Dynamic import keeps ~3.3 MB of vendor libs out of the main bundle.\n    // Tailwind's MutationObserver ensures styles apply even if content renders first.\n    loadBlackboardVendor()\n      .then((inject) => {\n        if (isDestroyed) return;\n        inject(doc);\n        scheduleHeightUpdate();\n      })\n      .catch(() => {\n        if (isDestroyed) return;\n        scheduleHeightUpdate();\n      });\n\n    const resizeObserver = new ResizeObserver(() => updateHeight());\n    resizeObserver.observe(doc.body);\n    if (rootEl) {\n      resizeObserver.observe(rootEl);\n    }\n\n    return () => {\n      isDestroyed = true;\n      resizeObserver.disconnect();\n      if (shouldBridgeSandboxInteraction) {\n        doc.removeEventListener(\"pointerdown\", handleSandboxPointerDown, true);\n        doc.removeEventListener(\"touchstart\", handleSandboxTouchStart, true);\n      }\n      // Defer unmount to avoid React warning when parent is mid-render\n      setTimeout(() => {\n        root.unmount();\n        rootRef.current = null;\n        docRef.current = null;\n        updateHeightRef.current = () => {};\n      }, 0);\n    };\n  }, []);\n\n  useEffect(() => {\n    const onFullscreenChange = () => {\n      setIsFullscreen(Boolean(document.fullscreenElement));\n    };\n    document.addEventListener(\"fullscreenchange\", onFullscreenChange);\n    return () =>\n      document.removeEventListener(\"fullscreenchange\", onFullscreenChange);\n  }, []);\n\n  const toggleFullscreen = () => {\n    const target = containerRef.current || iframeRef.current;\n    if (!target) return;\n    if (document.fullscreenElement) {\n      document.exitFullscreen().catch(() => {});\n      return;\n    }\n    if (target.requestFullscreen) {\n      target.requestFullscreen().catch(() => {});\n    }\n  };\n\n  useEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n\n    root.render(\n      <SandboxApp\n        html={renderHtmlContent}\n        loadingText={loadingText}\n        styleLoadingText={styleLoadingText}\n        scriptLoadingText={scriptLoadingText}\n        fullScreenButtonText={fullScreenButtonText}\n        hideFullScreen={hideFullScreen}\n        resetToken={resetToken}\n        hasRootVhHeight={hasRootVhHeight}\n        mode={mode}\n      />\n    );\n    requestAnimationFrame(() => updateHeightRef.current?.());\n  }, [\n    renderHtmlContent,\n    loadingText,\n    styleLoadingText,\n    scriptLoadingText,\n    fullScreenButtonText,\n    resetToken,\n    mode,\n  ]);\n  const containerClassName = [\n    \"w-full relative content-render-iframe-sandbox\",\n    isBlackboardMode\n      ? \"h-full overflow-auto flex flex-col\"\n      : \"aspect-[16/9] overflow-hidden flex items-center justify-center\",\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <div\n      ref={containerRef}\n      data-root-vh={hasRootVhHeight ? \"true\" : \"false\"}\n      className={containerClassName}\n    >\n      {!hideFullScreen && (\n        <button\n          type=\"button\"\n          onClick={toggleFullscreen}\n          className={\n            \"absolute top-2 right-2 z-50 p-1.5 bg-black/75 text-white rounded-md cursor-pointer\"\n          }\n        >\n          {isFullscreen ? \"退出全屏\" : fullScreenButtonText || \"全屏浏览\"}\n        </button>\n      )}\n      {mode === \"blackboard\" && type === \"markdown\" ? (\n        <ContentRender content={content} />\n      ) : (\n        <iframe\n          ref={iframeRef}\n          sandbox=\"allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox\"\n          allow=\"fullscreen\"\n          allowFullScreen\n          className={[className, \"w-full h-full mx-auto my-auto block\"]\n            .filter(Boolean)\n            .join(\" \")}\n          style={{\n            height: \"100%\",\n            margin: \"auto\",\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default IframeSandbox;\n"],"names":["loadBlackboardVendor","m","COMPLETE_IMAGE_TAG_PATTERN","POST_IMAGE_STREAM_DEBOUNCE_MS","SANDBOX_INTERACTION_MESSAGE_SOURCE","SANDBOX_INTERACTION_MESSAGE_TYPE","SANDBOX_INTERACTION_THROTTLE_MS","normalizeTailwindHeightTokens","className","token","parseViewportHeightCss","value","normalized","matched","extractViewportHeightFromTailwindClass","normalizedTokens","arbitraryToken","IframeSandbox","content","type","loadingText","styleLoadingText","scriptLoadingText","fullScreenButtonText","hideFullScreen","mode","containerRef","useRef","iframeRef","rootRef","docRef","updateHeightRef","setHeight","useState","resetToken","setResetToken","isFullscreen","setIsFullscreen","isBlackboardMode","prevHtmlRef","htmlContent","React","sandboxSegments","splitContentSegments","seg","renderHtmlContent","setRenderHtmlContent","prevIncomingHtmlRef","pendingHtmlRef","deferRenderTimerRef","clearDeferredRenderTimer","useEffect","prevIncomingHtml","isAppendOnlyStream","containsCompleteImage","hasRootVhHeight","rootMatch","attrs","heightAttrMatch","explicitHeightCss","styleHeightMatch","styleHeightCss","classAttrMatch","prev","iframe","doc","lastSandboxInteractionTime","notifySandboxInteraction","eventType","now","shouldBridgeSandboxInteraction","handleSandboxPointerDown","handleSandboxTouchStart","rootEl","root","createRoot","isDestroyed","parseExplicitHeight","parentViewportHeight","numeric","parseTailwindHeightClass","viewportHeightCss","resolveExplicitHeight","container","elements","target","heightValue","parsed","classHeight","updateHeight","bodyRect","htmlRect","bodyHeight","htmlHeight","contentHeight","explicitHeight","nextHeight","scheduleHeightUpdate","inject","resizeObserver","onFullscreenChange","toggleFullscreen","jsx","SandboxApp","containerClassName","jsxs","ContentRender"],"mappings":"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"}

package/package.json

@@ -156,7 +156,7 @@
     "storybook": "storybook dev -p 6006",
     "test": "echo \"No tests specified\" && exit 0"
   },
-  "version": "0.1.99-beta.0",
+  "version": "0.1.99-beta.2",
   "type": "module",
   "exports": {
     ".": {