markdown-flow-ui 0.1.112 → 0.1.113

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

@@ -1,33 +1,33 @@
 import { j as t } from "../../_virtual/jsx-runtime.es.js";
 /* empty css                                                                                                            */
 /* empty css                                                                                               */
-import X, { useMemo as h, useRef as Z, useEffect as G } from "react";
-import ne from "../../_virtual/index.es.js";
-import { sanitizeInvalidTagName as se } from "./utils/sanitize-invalid-tag-name.es.js";
-import { stripSvgTextLineBreaks as oe } from "./utils/strip-svg-text-line-breaks.es.js";
+import X, { useMemo as h, useRef as E, useEffect as F } from "react";
+import se from "../../_virtual/index.es.js";
+import { sanitizeInvalidTagName as oe } from "./utils/sanitize-invalid-tag-name.es.js";
+import { stripSvgTextLineBreaks as ae } from "./utils/strip-svg-text-line-breaks.es.js";
 /* empty css                     */
 /* empty css                             */
-import ae from "./CodeBlock.es.js";
-import ie from "./plugins/CustomVariable.es.js";
-import F from "./plugins/MermaidChart.es.js";
-import le from "./useTypewriterStateMachine.es.js";
-import { preserveCustomVariableProperties as ce, restoreCustomVariableProperties as me } from "./utils/custom-variable-props.es.js";
-import { subsetLanguages as de, highlightLanguages as ue } from "./utils/highlight-languages.es.js";
-import { parseMarkdownSegments as J, mermaidBlockIsComplete as pe } from "./utils/mermaid-parse.es.js";
-import { normalizeInlineHtml as O } from "./utils/normalize-inline-html.es.js";
-import he from "./IframeSandbox.es.js";
-import { splitContentSegments as fe } from "./utils/split-content.es.js";
-import { getInteractionDefaultValues as xe } from "../../lib/interaction-defaults.es.js";
-import { Markdown as ve } from "../../markdown-flow-ui/node_modules/.pnpm/react-markdown@10.1.0_@types_react@19.2.2_react@19.0.1/node_modules/react-markdown/lib/index.es.js";
-import ge from "../../markdown-flow-ui/node_modules/.pnpm/rehype-raw@7.0.0/node_modules/rehype-raw/lib/index.es.js";
-import be from "../../markdown-flow-ui/node_modules/.pnpm/rehype-highlight@7.0.2/node_modules/rehype-highlight/lib/index.es.js";
-import ye from "../../markdown-flow-ui/node_modules/.pnpm/rehype-katex@7.0.1/node_modules/rehype-katex/lib/index.es.js";
-import Ne from "../../markdown-flow-ui/node_modules/.pnpm/remark-gfm@4.0.1/node_modules/remark-gfm/lib/index.es.js";
-import je from "../../markdown-flow-ui/node_modules/.pnpm/remark-math@6.0.0/node_modules/remark-math/lib/index.es.js";
-import ke from "../../markdown-flow-ui/node_modules/.pnpm/remark-breaks@4.0.0/node_modules/remark-breaks/lib/index.es.js";
-const we = /<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)\b/i, Q = ({ svg: r }) => {
-  const o = Z(null);
-  return G(() => {
+import ie from "./CodeBlock.es.js";
+import le from "./plugins/CustomVariable.es.js";
+import W from "./plugins/MermaidChart.es.js";
+import ce from "./useTypewriterStateMachine.es.js";
+import { preserveCustomVariableProperties as me, restoreCustomVariableProperties as de } from "./utils/custom-variable-props.es.js";
+import { subsetLanguages as ue, highlightLanguages as pe } from "./utils/highlight-languages.es.js";
+import { parseMarkdownSegments as J, mermaidBlockIsComplete as he } from "./utils/mermaid-parse.es.js";
+import { normalizeInlineHtml as Q } from "./utils/normalize-inline-html.es.js";
+import fe from "./IframeSandbox.es.js";
+import { splitContentSegments as xe } from "./utils/split-content.es.js";
+import { getInteractionDefaultValues as ve } from "../../lib/interaction-defaults.es.js";
+import { Markdown as ge } from "../../markdown-flow-ui/node_modules/.pnpm/react-markdown@10.1.0_@types_react@19.2.2_react@19.0.1/node_modules/react-markdown/lib/index.es.js";
+import be from "../../markdown-flow-ui/node_modules/.pnpm/rehype-raw@7.0.0/node_modules/rehype-raw/lib/index.es.js";
+import ye from "../../markdown-flow-ui/node_modules/.pnpm/rehype-highlight@7.0.2/node_modules/rehype-highlight/lib/index.es.js";
+import Ne from "../../markdown-flow-ui/node_modules/.pnpm/rehype-katex@7.0.1/node_modules/rehype-katex/lib/index.es.js";
+import je from "../../markdown-flow-ui/node_modules/.pnpm/remark-gfm@4.0.1/node_modules/remark-gfm/lib/index.es.js";
+import ke from "../../markdown-flow-ui/node_modules/.pnpm/remark-math@6.0.0/node_modules/remark-math/lib/index.es.js";
+import we from "../../markdown-flow-ui/node_modules/.pnpm/remark-breaks@4.0.0/node_modules/remark-breaks/lib/index.es.js";
+const Se = /<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)\b/i, Y = ({ svg: r }) => {
+  const o = E(null);
+  return F(() => {
     const a = o.current;
     if (!a) return;
     const i = a.shadowRoot ?? a.attachShadow({ mode: "open" }), y = "content-render-svg-style";
@@ -39,51 +39,51 @@ const we = /<(script|style|link|iframe|html|head|body|meta|title|base|template|d
       `, i.appendChild(l)), Array.from(i.childNodes).filter(
       (n) => n !== l
     ).forEach((n) => i.removeChild(n));
-    const R = document.createElement("template"), M = oe(r);
-    R.innerHTML = M, i.append(R.content.cloneNode(!0));
-    let N = !1, T = !1;
+    const T = document.createElement("template"), z = ae(r);
+    T.innerHTML = z, i.append(T.content.cloneNode(!0));
+    let N = !1, C = !1;
     i.querySelectorAll("svg").forEach((n) => {
-      const C = n.getAttribute("viewBox");
-      if (!C) return;
-      const k = C.trim().split(/[\s,]+/).map((c) => Number(c));
+      const L = n.getAttribute("viewBox");
+      if (!L) return;
+      const k = L.trim().split(/[\s,]+/).map((c) => Number(c));
       if (k.length !== 4 || k.some(Number.isNaN)) return;
-      const [, , f, p] = k, x = n.getAttribute("width"), v = n.getAttribute("height"), L = (c) => {
+      const [, , f, p] = k, x = n.getAttribute("width"), v = n.getAttribute("height"), B = (c) => {
         if (!c) return !1;
         const m = c.trim().toLowerCase();
         return m === "auto" || m.endsWith("%");
-      }, B = (c) => {
+      }, A = (c) => {
         if (!c) return null;
         const m = c.trim().toLowerCase();
         if (m === "auto" || m.endsWith("%"))
           return null;
-        const w = Number.parseFloat(m);
-        return Number.isNaN(w) ? null : w;
-      }, I = L(x), A = L(v), g = !x || x === "0", $ = !v || v === "0", V = B(x), H = B(v);
-      if (I || A || g && $ || V === f && H === p) {
+        const S = Number.parseFloat(m);
+        return Number.isNaN(S) ? null : S;
+      }, M = B(x), I = B(v), w = !x || x === "0", g = !v || v === "0", V = A(x), H = A(v);
+      if (M || I || w && g || V === f && H === p) {
         N = !0, n.classList.add("content-render-svg-el--responsive"), n.classList.remove("content-render-svg-el--fixed"), n.style.width = "100%", n.style.height = "auto", !n.style.aspectRatio && p > 0 && (n.style.aspectRatio = `${f} / ${p}`);
         return;
       }
-      T = !0, n.classList.add("content-render-svg-el--fixed"), n.classList.remove("content-render-svg-el--responsive"), g && f > 0 && n.setAttribute("width", `${f}`), $ && p > 0 && n.setAttribute("height", `${p}`);
+      C = !0, n.classList.add("content-render-svg-el--fixed"), n.classList.remove("content-render-svg-el--responsive"), w && f > 0 && n.setAttribute("width", `${f}`), g && p > 0 && n.setAttribute("height", `${p}`);
     });
-    const j = N && !T;
+    const j = N && !C;
     a.classList.toggle("content-render-svg--responsive", j), a.classList.toggle("content-render-svg--fixed", !j);
   }, [r]), /* @__PURE__ */ t.jsx("div", { className: "content-render-svg-scroll", children: /* @__PURE__ */ t.jsx("div", { className: "content-render-svg", ref: o }) });
-}, Se = [Ne, je, ne, ke], Re = [
-  ce,
-  ge,
-  se,
+}, Re = [je, ke, se, we], Te = [
   me,
-  [be, { languages: ue, subset: de }],
-  ye
-], Y = ({ content: r, components: o }) => /* @__PURE__ */ t.jsx("div", { className: "markdown-renderer", children: /* @__PURE__ */ t.jsx(
-  ve,
+  be,
+  oe,
+  de,
+  [ye, { languages: pe, subset: ue }],
+  Ne
+], Z = ({ content: r, components: o }) => /* @__PURE__ */ t.jsx("div", { className: "markdown-renderer", children: /* @__PURE__ */ t.jsx(
+  ge,
   {
-    remarkPlugins: Se,
-    rehypePlugins: Re,
+    remarkPlugins: Re,
+    rehypePlugins: Te,
     components: o,
     children: r
   }
-) }), Te = (r) => {
+) }), Ce = (r) => {
   if (r.length <= 1) return r;
   const o = [];
   return r.forEach((a) => {
@@ -101,62 +101,63 @@ const we = /<(script|style|link|iframe|html|head|body|meta|title|base|template|d
     }
     o.push({ type: "markdown", value: a.value });
   }), o;
-}, tt = ({
+}, rt = ({
   content: r,
   customRenderBar: o,
   onSend: a,
   typingSpeed: i = 30,
   enableTypewriter: y = !1,
   userInput: l,
-  interactionDefaultValueOptions: z,
-  defaultButtonText: R,
-  defaultInputText: M,
+  interactionDefaultValueOptions: $,
+  defaultButtonText: T,
+  defaultInputText: z,
   defaultSelectedValues: N,
-  readonly: T = !1,
+  readonly: C = !1,
   onTypeFinished: j,
   confirmButtonText: n,
-  copyButtonText: C,
+  copyButtonText: L,
   copiedButtonText: k,
   sandboxLoadingText: f,
   sandboxStyleLoadingText: p,
   sandboxScriptLoadingText: x,
-  sandboxFullscreenButtonText: v,
-  sandboxMode: L = "content",
-  onClickCustomButtonAfterContent: B,
+  disableSandboxLoadingOverlay: v = !1,
+  sandboxFullscreenButtonText: B,
+  sandboxMode: A = "content",
+  onClickCustomButtonAfterContent: M,
   beforeSend: I
   // tooltipMinLength,
 }) => {
-  const A = h(
-    () => O(r),
+  const w = h(
+    () => Q(r),
     [r]
   ), g = h(
-    () => xe(
+    () => ve(
       r,
       l,
-      z
+      $
     ),
-    [r, z, l]
-  ), $ = R?.trim() || g.buttonText, V = M?.trim() || g.inputText, H = h(
+    [r, $, l]
+  ), V = T?.trim() || g.buttonText, H = z?.trim() || g.inputText, G = h(
     () => l ? l.split(",").map((e) => e.trim()).filter(Boolean) : void 0,
     [l]
-  ), U = N?.length ? N : g.selectedValues || H, D = {
+  ), U = N?.length ? N : g.selectedValues || G, c = {
     "custom-button-after-content": ({
       children: e
     }) => /* @__PURE__ */ t.jsx(
       "button",
       {
         className: "content-render-custom-button-after-content",
-        onClick: B,
+        onClick: M,
         children: /* @__PURE__ */ t.jsx("span", { className: "content-render-custom-button-after-content-inner", children: e })
       }
     ),
     "custom-variable": (e) => /* @__PURE__ */ t.jsx(
-      ie,
+      le,
       {
         ...e,
-        readonly: T,
-        defaultButtonText: $,
-        defaultInputText: V,
+        readonly: C,
+        defaultButtonText: V,
+        defaultInputText: H,
         defaultSelectedValues: U,
         onSend: a,
         beforeSend: I,
@@ -164,12 +165,12 @@ const we = /<(script|style|link|iframe|html|head|body|meta|title|base|template|d
       }
     ),
     code: (e) => {
-      const { className: s, children: d, ...W } = e;
+      const { className: s, children: d, ..._ } = e;
       if (/language-(\w+)/.exec(s || "")?.[1] === "mermaid") {
-        const b = d?.toString().replace(/\n$/, "") || "", re = pe(r, b);
-        return /* @__PURE__ */ t.jsx(F, { chart: b, frozen: re });
+        const b = d?.toString().replace(/\n$/, "") || "", ne = he(r, b);
+        return /* @__PURE__ */ t.jsx(W, { chart: b, frozen: ne });
       }
-      return /* @__PURE__ */ t.jsx("code", { className: s, ...W, children: d });
+      return /* @__PURE__ */ t.jsx("code", { className: s, ..._, children: d });
     },
     table: ({ ...e }) => /* @__PURE__ */ t.jsx("div", { className: "content-render-table-container", children: /* @__PURE__ */ t.jsx("table", { className: "content-render-table", ...e }) }),
     th: ({ ...e }) => /* @__PURE__ */ t.jsx("th", { className: "content-render-th", ...e }),
@@ -192,56 +193,56 @@ const we = /<(script|style|link|iframe|html|head|body|meta|title|base|template|d
     ) : /* @__PURE__ */ t.jsx("input", { ...e }),
     a: ({ children: e, ...s }) => /* @__PURE__ */ t.jsx("a", { target: "_blank", rel: "noopener noreferrer", ...s, children: e }),
     pre: (e) => /* @__PURE__ */ t.jsx(
-      ae,
+      ie,
       {
         ...e,
-        copyButtonText: C,
+        copyButtonText: L,
         copiedButtonText: k
       }
     )
-  }, { displayContent: c, isComplete: m } = le({
+  }, { displayContent: m, isComplete: S } = ce({
     // processMarkdownText will let code block printf("You win!\n") become printf("You win!<br/>");
     // content: processMarkdownText(content),
-    content: A,
+    content: w,
     typingSpeed: i,
     disabled: !y
-  }), w = y ? c : A, q = h(
-    () => we.test(r),
+  }), q = y ? m : w, K = h(
+    () => Se.test(r),
     [r]
-  ), P = h(
-    () => q ? fe(r, !0) : [],
-    [r, q]
-  ), S = P.some(
+  ), D = h(
+    () => K ? xe(r, !0) : [],
+    [r, K]
+  ), R = D.some(
     (e) => e.type === "sandbox"
-  ), E = h(
-    () => Te(P),
-    [P]
   ), ee = h(
-    () => J(w),
-    [w]
-  ), _ = Z(!1);
-  G(() => {
-    S || m && !_.current && (_.current = !0, j?.());
-  }, [S, m, j]), G(() => {
-    S || (_.current = !1);
-  }, [S, r]);
-  const te = (e, s) => {
-    const d = O(e);
-    return J(d).map((u, K) => {
-      const b = `${s}-${u.type}-${K}`;
+    () => Ce(D),
+    [D]
+  ), te = h(
+    () => J(q),
+    [q]
+  ), P = E(!1);
+  F(() => {
+    R || S && !P.current && (P.current = !0, j?.());
+  }, [R, S, j]), F(() => {
+    R || (P.current = !1);
+  }, [R, r]);
+  const re = (e, s) => {
+    const d = Q(e);
+    return J(d).map((u, O) => {
+      const b = `${s}-${u.type}-${O}`;
       return u.type === "text" ? /* @__PURE__ */ t.jsx(
-        Y,
+        Z,
         {
-          components: D,
+          components: c,
           content: u.value
         },
         b
-      ) : u.type === "mermaid" ? /* @__PURE__ */ t.jsx(F, { chart: u.value, frozen: !u.complete }, b) : u.type === "svg" ? /* @__PURE__ */ t.jsx(Q, { svg: u.value }, b) : null;
+      ) : u.type === "mermaid" ? /* @__PURE__ */ t.jsx(W, { chart: u.value, frozen: !u.complete }, b) : u.type === "svg" ? /* @__PURE__ */ t.jsx(Y, { svg: u.value }, b) : null;
     });
   };
-  return S ? /* @__PURE__ */ t.jsx("div", { className: "content-render markdown-body", children: E.map(
+  return R ? /* @__PURE__ */ t.jsx("div", { className: "content-render markdown-body", children: ee.map(
     (e, s) => e.type === "sandbox" ? /* @__PURE__ */ t.jsx(
-      he,
+      fe,
       {
         hideFullScreen: !0,
         type: "sandbox",
@@ -250,25 +251,26 @@ const we = /<(script|style|link|iframe|html|head|body|meta|title|base|template|d
         loadingText: f,
         styleLoadingText: p,
         scriptLoadingText: x,
-        fullScreenButtonText: v,
-        mode: L
+        disableLoadingOverlay: v,
+        fullScreenButtonText: B,
+        mode: A
       },
       `sandbox-${s}`
-    ) : /* @__PURE__ */ t.jsx(X.Fragment, { children: te(e.value, `md-${s}`) }, `md-${s}`)
+    ) : /* @__PURE__ */ t.jsx(X.Fragment, { children: re(e.value, `md-${s}`) }, `md-${s}`)
   ) }) : /* @__PURE__ */ t.jsxs("div", { className: "content-render markdown-body", children: [
-    ee.map((e, s) => {
+    te.map((e, s) => {
       if (e.type === "text")
         return /* @__PURE__ */ t.jsx(
-          Y,
+          Z,
           {
-            components: D,
+            components: c,
             content: e.value
           },
           s
         );
       if (e.type === "mermaid")
         return /* @__PURE__ */ t.jsx(
-          F,
+          W,
           {
             chart: e.value,
             frozen: !e.complete
@@ -276,17 +278,17 @@ const we = /<(script|style|link|iframe|html|head|body|meta|title|base|template|d
           s
         );
       if (e.type === "svg")
-        return /* @__PURE__ */ t.jsx(Q, { svg: e.value }, s);
+        return /* @__PURE__ */ t.jsx(Y, { svg: e.value }, s);
     }),
     o && /* @__PURE__ */ t.jsx("div", { className: "content-render-custom-bar", children: X.createElement(o, {
       content: r,
-      displayContent: c,
+      displayContent: m,
       onSend: a
     }) })
   ] });
 };
 export {
-  Y as MarkdownRenderer,
-  tt as default
+  Z as MarkdownRenderer,
+  rt as default
 };
 //# sourceMappingURL=ContentRender.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContentRender.es.js","sources":["../../../src/components/ContentRender/ContentRender.tsx"],"sourcesContent":["import \"highlight.js/styles/github.css\";\nimport \"katex/dist/katex.min.css\";\nimport React, { useEffect, useMemo, useRef } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport rehypeHighlight from \"rehype-highlight\";\nimport rehypeKatex from \"rehype-katex\";\nimport rehypeRaw from \"rehype-raw\";\nimport remarkBreaks from \"remark-breaks\";\nimport remarkFlow from \"remark-flow\";\nimport remarkGfm from \"remark-gfm\";\nimport remarkMath from \"remark-math\";\nimport { CustomRenderBarProps, OnSendContentParams } from \"../types\";\nimport { sanitizeInvalidTagName } from \"./utils/sanitize-invalid-tag-name\";\nimport { stripSvgTextLineBreaks } from \"./utils/strip-svg-text-line-breaks\";\nimport \"./contentRender.css\";\nimport \"./github-markdown-light.css\";\nimport CodeBlock from \"./CodeBlock\";\nimport CustomButtonInputVariable, {\n  ComponentsWithCustomVariable,\n} from \"./plugins/CustomVariable\";\nimport MermaidChart from \"./plugins/MermaidChart\";\nimport useTypewriterStateMachine from \"./useTypewriterStateMachine\";\nimport {\n  preserveCustomVariableProperties,\n  restoreCustomVariableProperties,\n} from \"./utils/custom-variable-props\";\nimport {\n  highlightLanguages,\n  subsetLanguages,\n} from \"./utils/highlight-languages\";\n// import { processMarkdownText } from \"./utils/process-markdown\";\nimport {\n  parseMarkdownSegments,\n  mermaidBlockIsComplete,\n} from \"./utils/mermaid-parse\";\nimport { normalizeInlineHtml } from \"./utils/normalize-inline-html\";\nimport IframeSandbox from \"./IframeSandbox\";\nimport {\n  splitContentSegments,\n  type RenderSegment,\n} from \"./utils/split-content\";\nimport {\n  getInteractionDefaultValues,\n  type InteractionDefaultValueOptions,\n} from \"../../lib/interaction-defaults\";\n\nconst SANDBOX_TAG_HINT_PATTERN =\n  /<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)\\b/i;\n// Define component Props type\nexport interface ContentRenderProps {\n  content: string;\n  /**\n   * Callback invoked when the custom button after content is clicked.\n   * This button is rendered via the `<custom-button-after-content>` tag in markdown content.\n   * @example\n   * ```tsx\n   * <ContentRender\n   *   content=\"Hello <custom-button-after-content>Ask</custom-button-after-content>\"\n   *   onClickCustomButtonAfterContent={() => console.log('Button clicked')}\n   * />\n   * ```\n   */\n  customRenderBar?: CustomRenderBarProps;\n  onClickCustomButtonAfterContent?: () => void;\n  onSend?: (content: OnSendContentParams) => void;\n  typingSpeed?: number;\n  enableTypewriter?: boolean;\n  userInput?: string;\n  interactionDefaultValueOptions?: InteractionDefaultValueOptions;\n  defaultButtonText?: string;\n  defaultInputText?: string; // Text input by user\n  defaultSelectedValues?: string[]; // Default selected values for multi-select\n  readonly?: boolean;\n  onTypeFinished?: () => void;\n  // Multi-select confirm button text (i18n support)\n  confirmButtonText?: string;\n  // Copy button text (i18n support)\n  copyButtonText?: string;\n  // Copied state text (i18n support)\n  copiedButtonText?: string;\n  // Dynamic interaction format for multi-select support\n  dynamicInteractionFormat?: string;\n  // Loading text before first HTML block renders inside iframe (i18n support)\n  sandboxLoadingText?: string;\n  // Loading text while styles are being generated inside iframe\n  sandboxStyleLoadingText?: string;\n  // Loading text while scripts are being cached/executed inside iframe\n  sandboxScriptLoadingText?: string;\n  // Fullscreen button text for iframe sandbox\n  sandboxFullscreenButtonText?: string;\n  // Sandbox render mode\n  sandboxMode?: \"content\" | \"blackboard\";\n  beforeSend?: (param: OnSendContentParams) => boolean;\n  // tooltipMinLength?: number; // Control minimum character length for tooltip display, default 10\n}\n\n// Render svg string via Shadow DOM to avoid markdown wrapping\nconst SvgBlockInShadow: React.FC<{ svg: string }> = ({ svg }) => {\n  const hostRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const host = hostRef.current;\n    if (!host) return;\n    const shadowRoot = host.shadowRoot ?? host.attachShadow({ mode: \"open\" });\n    const styleId = \"content-render-svg-style\";\n    let styleEl = shadowRoot.getElementById(styleId) as HTMLStyleElement | null;\n\n    if (!styleEl) {\n      styleEl = document.createElement(\"style\");\n      styleEl.id = styleId;\n      // Keep intrinsic SVG width so the wrapper can scroll horizontally when needed\n      styleEl.textContent = `\n        svg { height: auto; display: inline-block; }\n        svg.content-render-svg-el--responsive { width: 100%; max-width: 100%; }\n        svg.content-render-svg-el--fixed { max-width: none; }\n      `;\n      shadowRoot.appendChild(styleEl);\n    }\n\n    const nodesToRemove = Array.from(shadowRoot.childNodes).filter(\n      (node) => node !== styleEl\n    );\n    nodesToRemove.forEach((node) => shadowRoot.removeChild(node));\n\n    const template = document.createElement(\"template\");\n    const cleanedSvg = stripSvgTextLineBreaks(svg);\n    template.innerHTML = cleanedSvg;\n    shadowRoot.append(template.content.cloneNode(true));\n\n    let hasResponsiveSvg = false;\n    let hasFixedSvg = false;\n\n    shadowRoot.querySelectorAll(\"svg\").forEach((svgEl) => {\n      // Derive responsive sizing from viewBox so pure viewBox SVGs stay visible and fluid\n      const viewBox = svgEl.getAttribute(\"viewBox\");\n      if (!viewBox) return;\n\n      const dimensions = viewBox\n        .trim()\n        .split(/[\\s,]+/)\n        .map((value) => Number(value));\n\n      if (dimensions.length !== 4 || dimensions.some(Number.isNaN)) return;\n\n      const [, , viewBoxWidth, viewBoxHeight] = dimensions;\n      const widthAttr = svgEl.getAttribute(\"width\");\n      const heightAttr = svgEl.getAttribute(\"height\");\n      const isRelativeLength = (value?: string | null) => {\n        if (!value) return false;\n        const normalized = value.trim().toLowerCase();\n        return normalized === \"auto\" || normalized.endsWith(\"%\");\n      };\n      const toNumericLength = (value?: string | null) => {\n        if (!value) return null;\n        const normalized = value.trim().toLowerCase();\n        if (normalized === \"auto\" || normalized.endsWith(\"%\")) {\n          return null;\n        }\n        const parsed = Number.parseFloat(normalized);\n        return Number.isNaN(parsed) ? null : parsed;\n      };\n      // Treat percentage/auto sizing as responsive so viewBox drives the layout\n      const isWidthRelative = isRelativeLength(widthAttr);\n      const isHeightRelative = isRelativeLength(heightAttr);\n      const widthMissing = !widthAttr || widthAttr === \"0\";\n      const heightMissing = !heightAttr || heightAttr === \"0\";\n      const numericWidth = toNumericLength(widthAttr);\n      const numericHeight = toNumericLength(heightAttr);\n      const matchesViewBox =\n        numericWidth === viewBoxWidth && numericHeight === viewBoxHeight;\n\n      // Prefer responsive layout when sizing is relative or matches the viewBox\n      const shouldUseResponsiveSize =\n        isWidthRelative ||\n        isHeightRelative ||\n        (widthMissing && heightMissing) ||\n        matchesViewBox;\n\n      if (shouldUseResponsiveSize) {\n        hasResponsiveSvg = true;\n        svgEl.classList.add(\"content-render-svg-el--responsive\");\n        svgEl.classList.remove(\"content-render-svg-el--fixed\");\n        svgEl.style.width = \"100%\";\n        svgEl.style.height = \"auto\";\n        if (!svgEl.style.aspectRatio && viewBoxHeight > 0) {\n          svgEl.style.aspectRatio = `${viewBoxWidth} / ${viewBoxHeight}`;\n        }\n        return;\n      }\n\n      hasFixedSvg = true;\n      svgEl.classList.add(\"content-render-svg-el--fixed\");\n      svgEl.classList.remove(\"content-render-svg-el--responsive\");\n      if (widthMissing && viewBoxWidth > 0) {\n        svgEl.setAttribute(\"width\", `${viewBoxWidth}`);\n      }\n      if (heightMissing && viewBoxHeight > 0) {\n        svgEl.setAttribute(\"height\", `${viewBoxHeight}`);\n      }\n    });\n\n    const hostResponsive = hasResponsiveSvg && !hasFixedSvg;\n    host.classList.toggle(\"content-render-svg--responsive\", hostResponsive);\n    host.classList.toggle(\"content-render-svg--fixed\", !hostResponsive);\n  }, [svg]);\n\n  return (\n    <div className=\"content-render-svg-scroll\">\n      <div className=\"content-render-svg\" ref={hostRef} />\n    </div>\n  );\n};\n\n// Extended component interface\ntype CustomComponents = ComponentsWithCustomVariable & {\n  \"custom-button-after-content\"?: React.ComponentType<{\n    children: React.ReactNode;\n  }>;\n};\n\nconst remarkPlugins = [remarkGfm, remarkMath, remarkFlow, remarkBreaks];\n\nconst rehypePlugins = [\n  preserveCustomVariableProperties,\n  rehypeRaw,\n  sanitizeInvalidTagName,\n  restoreCustomVariableProperties,\n  [rehypeHighlight, { languages: highlightLanguages, subset: subsetLanguages }],\n  rehypeKatex,\n];\n\nexport const MarkdownRenderer: React.FC<{\n  content: string;\n  components: CustomComponents;\n}> = ({ content: markdownContent, components }) => (\n  <div className=\"markdown-renderer\">\n    <ReactMarkdown\n      remarkPlugins={remarkPlugins}\n      rehypePlugins={rehypePlugins}\n      components={components}\n    >\n      {markdownContent}\n    </ReactMarkdown>\n  </div>\n);\n\nconst mergeNonSandboxSegments = (segments: RenderSegment[]) => {\n  if (segments.length <= 1) return segments;\n  const merged: RenderSegment[] = [];\n\n  segments.forEach((segment) => {\n    if (segment.type === \"sandbox\") {\n      merged.push(segment);\n      return;\n    }\n\n    const last = merged[merged.length - 1];\n    if (last && last.type !== \"sandbox\") {\n      merged[merged.length - 1] = {\n        type: \"markdown\",\n        value: `${last.value}${segment.value}`,\n      };\n      return;\n    }\n\n    merged.push({ type: \"markdown\", value: segment.value });\n  });\n\n  return merged;\n};\n\nconst ContentRender: React.FC<ContentRenderProps> = ({\n  content,\n  customRenderBar,\n  onSend,\n  typingSpeed = 30,\n  enableTypewriter = false,\n  userInput,\n  interactionDefaultValueOptions,\n  defaultButtonText,\n  defaultInputText,\n  defaultSelectedValues,\n  readonly = false,\n  onTypeFinished,\n  confirmButtonText,\n  copyButtonText,\n  copiedButtonText,\n  sandboxLoadingText,\n  sandboxStyleLoadingText,\n  sandboxScriptLoadingText,\n  sandboxFullscreenButtonText,\n  sandboxMode = \"content\",\n  onClickCustomButtonAfterContent,\n  beforeSend,\n  // tooltipMinLength,\n}) => {\n  const normalizedContent = useMemo(\n    () => normalizeInlineHtml(content),\n    [content]\n  );\n\n  const interactionDefaults = useMemo(\n    () =>\n      getInteractionDefaultValues(\n        content,\n        userInput,\n        interactionDefaultValueOptions\n      ),\n    [content, interactionDefaultValueOptions, userInput]\n  );\n\n  const resolvedDefaultButtonText =\n    defaultButtonText?.trim() || interactionDefaults.buttonText;\n  const resolvedDefaultInputText =\n    defaultInputText?.trim() || interactionDefaults.inputText;\n  const fallbackSelectedValues = useMemo(\n    () =>\n      userInput\n        ? userInput\n            .split(\",\")\n            .map((value) => value.trim())\n            .filter(Boolean)\n        : undefined,\n    [userInput]\n  );\n  const resolvedDefaultSelectedValues = defaultSelectedValues?.length\n    ? defaultSelectedValues\n    : interactionDefaults.selectedValues || fallbackSelectedValues;\n\n  // Use custom Hook to handle typewriter effect\n  const components: CustomComponents = {\n    \"custom-button-after-content\": ({\n      children,\n    }: {\n      children: React.ReactNode;\n    }) => {\n      return (\n        <button\n          className=\"content-render-custom-button-after-content\"\n          onClick={onClickCustomButtonAfterContent}\n        >\n          <span className=\"content-render-custom-button-after-content-inner\">\n            {children}\n          </span>\n        </button>\n      );\n    },\n    \"custom-variable\": (props) => (\n      <CustomButtonInputVariable\n        {...props}\n        readonly={readonly}\n        defaultButtonText={resolvedDefaultButtonText}\n        defaultInputText={resolvedDefaultInputText}\n        defaultSelectedValues={resolvedDefaultSelectedValues}\n        onSend={onSend}\n        beforeSend={beforeSend}\n        confirmButtonText={confirmButtonText}\n        // tooltipMinLength={tooltipMinLength}\n      />\n    ),\n    code: (props) => {\n      const { className, children, ...rest } = props as {\n        className?: string;\n        children?: React.ReactNode;\n      };\n      const match = /language-(\\w+)/.exec(className || \"\");\n      const language = match?.[1];\n      if (language === \"mermaid\") {\n        const chartContent = children?.toString().replace(/\\n$/, \"\") || \"\";\n        const frozen = mermaidBlockIsComplete(content, chartContent);\n        return <MermaidChart chart={chartContent} frozen={frozen} />;\n      }\n\n      return (\n        <code className={className} {...rest}>\n          {children}\n        </code>\n      );\n    },\n    table: ({ ...props }) => (\n      <div className=\"content-render-table-container\">\n        <table className=\"content-render-table\" {...props} />\n      </div>\n    ),\n    th: ({ ...props }) => <th className=\"content-render-th\" {...props} />,\n    td: ({ ...props }) => <td className=\"content-render-td\" {...props} />,\n    tr: ({ ...props }) => <tr className=\"content-render-tr\" {...props} />,\n    li: ({ node, ...props }) => {\n      const className = node?.properties?.className;\n      const hasTaskListItem =\n        (typeof className === \"string\" &&\n          className.includes(\"task-list-item\")) ||\n        (Array.isArray(className) && className.includes(\"task-list-item\"));\n      if (hasTaskListItem) {\n        return <li className=\"content-render-task-list-item\" {...props} />;\n      }\n      return <li {...props} />;\n    },\n    ol: ({ ...props }) => <ol className=\"content-render-ol\" {...props} />,\n    ul: ({ ...props }) => <ul className=\"content-render-ul\" {...props} />,\n    input: ({ ...props }) => {\n      if (props.type === \"checkbox\") {\n        return (\n          <input\n            type=\"checkbox\"\n            className=\"content-render-checkbox\"\n            disabled\n            {...props}\n          />\n        );\n      }\n      return <input {...props} />;\n    },\n    a: ({ children, ...props }) => (\n      <a target=\"_blank\" rel=\"noopener noreferrer\" {...props}>\n        {children}\n      </a>\n    ),\n    pre: (props) => (\n      <CodeBlock\n        {...props}\n        copyButtonText={copyButtonText}\n        copiedButtonText={copiedButtonText}\n      />\n    ),\n  };\n\n  const { displayContent, isComplete } = useTypewriterStateMachine({\n    // processMarkdownText will let code block printf(\"You win!\\n\") become printf(\"You win!<br/>\");\n    // content: processMarkdownText(content),\n    content: normalizedContent,\n    typingSpeed,\n    disabled: !enableTypewriter,\n  });\n  // Render the full content synchronously when typewriter is disabled\n  // to avoid a first-paint flash where content appears after helper actions.\n  const resolvedDisplayContent = enableTypewriter\n    ? displayContent\n    : normalizedContent;\n\n  const hasPotentialSandboxTags = useMemo(\n    () => SANDBOX_TAG_HINT_PATTERN.test(content),\n    [content]\n  );\n\n  const renderSegments = useMemo(\n    () => (hasPotentialSandboxTags ? splitContentSegments(content, true) : []),\n    [content, hasPotentialSandboxTags]\n  );\n\n  const hasSandbox = renderSegments.some(\n    (segment) => segment.type === \"sandbox\"\n  );\n  const mergedRenderSegments = useMemo(\n    () => mergeNonSandboxSegments(renderSegments),\n    [renderSegments]\n  );\n\n  const segments = useMemo(\n    () => parseMarkdownSegments(resolvedDisplayContent),\n    [resolvedDisplayContent]\n  );\n\n  const hasCompleted = useRef(false);\n\n  useEffect(() => {\n    if (hasSandbox) return;\n    if (isComplete && !hasCompleted.current) {\n      hasCompleted.current = true; // Mark as completed\n      onTypeFinished?.(); // Call the passed callback\n    }\n  }, [hasSandbox, isComplete, onTypeFinished]);\n\n  useEffect(() => {\n    if (hasSandbox) return;\n    hasCompleted.current = false; // Reset completion status when content changes\n  }, [hasSandbox, content]);\n\n  const renderMarkdownSegments = (raw: string, keyPrefix: string) => {\n    const normalized = normalizeInlineHtml(raw);\n    const parsed = parseMarkdownSegments(normalized);\n\n    return parsed.map((seg, index) => {\n      const key = `${keyPrefix}-${seg.type}-${index}`;\n\n      if (seg.type === \"text\") {\n        return (\n          <MarkdownRenderer\n            key={key}\n            components={components}\n            content={seg.value}\n          />\n        );\n      }\n\n      if (seg.type === \"mermaid\") {\n        return (\n          <MermaidChart key={key} chart={seg.value} frozen={!seg.complete} />\n        );\n      }\n\n      if (seg.type === \"svg\") {\n        return <SvgBlockInShadow key={key} svg={seg.value} />;\n      }\n\n      return null;\n    });\n  };\n\n  if (hasSandbox) {\n    return (\n      <div className=\"content-render markdown-body\">\n        {mergedRenderSegments.map((segment, idx) =>\n          segment.type === \"sandbox\" ? (\n            <IframeSandbox\n              key={`sandbox-${idx}`}\n              hideFullScreen\n              type=\"sandbox\"\n              content={segment.value}\n              className=\"content-render-iframe\"\n              loadingText={sandboxLoadingText}\n              styleLoadingText={sandboxStyleLoadingText}\n              scriptLoadingText={sandboxScriptLoadingText}\n              fullScreenButtonText={sandboxFullscreenButtonText}\n              mode={sandboxMode}\n            />\n          ) : (\n            <React.Fragment key={`md-${idx}`}>\n              {renderMarkdownSegments(segment.value, `md-${idx}`)}\n            </React.Fragment>\n          )\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"content-render markdown-body\">\n      {segments.map((seg, index) => {\n        if (seg.type === \"text\") {\n          return (\n            <MarkdownRenderer\n              key={index}\n              components={components}\n              content={seg.value}\n            />\n          );\n        }\n\n        if (seg.type === \"mermaid\") {\n          return (\n            <MermaidChart\n              key={index}\n              chart={seg.value}\n              frozen={!seg.complete}\n            />\n          );\n        }\n\n        if (seg.type === \"svg\") {\n          return <SvgBlockInShadow key={index} svg={seg.value} />;\n        }\n      })}\n\n      {customRenderBar && (\n        <div className=\"content-render-custom-bar\">\n          {React.createElement(customRenderBar, {\n            content,\n            displayContent,\n            onSend,\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ContentRender;\n"],"names":["SANDBOX_TAG_HINT_PATTERN","SvgBlockInShadow","svg","hostRef","useRef","useEffect","host","shadowRoot","styleId","styleEl","node","template","cleanedSvg","stripSvgTextLineBreaks","hasResponsiveSvg","hasFixedSvg","svgEl","viewBox","dimensions","value","viewBoxWidth","viewBoxHeight","widthAttr","heightAttr","isRelativeLength","normalized","toNumericLength","parsed","isWidthRelative","isHeightRelative","widthMissing","heightMissing","numericWidth","numericHeight","hostResponsive","jsx","remarkPlugins","remarkGfm","remarkMath","remarkFlow","remarkBreaks","rehypePlugins","preserveCustomVariableProperties","rehypeRaw","sanitizeInvalidTagName","restoreCustomVariableProperties","rehypeHighlight","highlightLanguages","subsetLanguages","rehypeKatex","MarkdownRenderer","markdownContent","components","ReactMarkdown","mergeNonSandboxSegments","segments","merged","segment","last","ContentRender","content","customRenderBar","onSend","typingSpeed","enableTypewriter","userInput","interactionDefaultValueOptions","defaultButtonText","defaultInputText","defaultSelectedValues","readonly","onTypeFinished","confirmButtonText","copyButtonText","copiedButtonText","sandboxLoadingText","sandboxStyleLoadingText","sandboxScriptLoadingText","sandboxFullscreenButtonText","sandboxMode","onClickCustomButtonAfterContent","beforeSend","normalizedContent","useMemo","normalizeInlineHtml","interactionDefaults","getInteractionDefaultValues","resolvedDefaultButtonText","resolvedDefaultInputText","fallbackSelectedValues","resolvedDefaultSelectedValues","children","props","CustomButtonInputVariable","className","rest","chartContent","frozen","mermaidBlockIsComplete","MermaidChart","CodeBlock","displayContent","isComplete","useTypewriterStateMachine","resolvedDisplayContent","hasPotentialSandboxTags","renderSegments","splitContentSegments","hasSandbox","mergedRenderSegments","parseMarkdownSegments","hasCompleted","renderMarkdownSegments","raw","keyPrefix","seg","index","key","idx","IframeSandbox","React","jsxs"],"mappings":"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"}
+{"version":3,"file":"ContentRender.es.js","sources":["../../../src/components/ContentRender/ContentRender.tsx"],"sourcesContent":["import \"highlight.js/styles/github.css\";\nimport \"katex/dist/katex.min.css\";\nimport React, { useEffect, useMemo, useRef } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport rehypeHighlight from \"rehype-highlight\";\nimport rehypeKatex from \"rehype-katex\";\nimport rehypeRaw from \"rehype-raw\";\nimport remarkBreaks from \"remark-breaks\";\nimport remarkFlow from \"remark-flow\";\nimport remarkGfm from \"remark-gfm\";\nimport remarkMath from \"remark-math\";\nimport { CustomRenderBarProps, OnSendContentParams } from \"../types\";\nimport { sanitizeInvalidTagName } from \"./utils/sanitize-invalid-tag-name\";\nimport { stripSvgTextLineBreaks } from \"./utils/strip-svg-text-line-breaks\";\nimport \"./contentRender.css\";\nimport \"./github-markdown-light.css\";\nimport CodeBlock from \"./CodeBlock\";\nimport CustomButtonInputVariable, {\n  ComponentsWithCustomVariable,\n} from \"./plugins/CustomVariable\";\nimport MermaidChart from \"./plugins/MermaidChart\";\nimport useTypewriterStateMachine from \"./useTypewriterStateMachine\";\nimport {\n  preserveCustomVariableProperties,\n  restoreCustomVariableProperties,\n} from \"./utils/custom-variable-props\";\nimport {\n  highlightLanguages,\n  subsetLanguages,\n} from \"./utils/highlight-languages\";\n// import { processMarkdownText } from \"./utils/process-markdown\";\nimport {\n  parseMarkdownSegments,\n  mermaidBlockIsComplete,\n} from \"./utils/mermaid-parse\";\nimport { normalizeInlineHtml } from \"./utils/normalize-inline-html\";\nimport IframeSandbox from \"./IframeSandbox\";\nimport {\n  splitContentSegments,\n  type RenderSegment,\n} from \"./utils/split-content\";\nimport {\n  getInteractionDefaultValues,\n  type InteractionDefaultValueOptions,\n} from \"../../lib/interaction-defaults\";\n\nconst SANDBOX_TAG_HINT_PATTERN =\n  /<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)\\b/i;\n// Define component Props type\nexport interface ContentRenderProps {\n  content: string;\n  /**\n   * Callback invoked when the custom button after content is clicked.\n   * This button is rendered via the `<custom-button-after-content>` tag in markdown content.\n   * @example\n   * ```tsx\n   * <ContentRender\n   *   content=\"Hello <custom-button-after-content>Ask</custom-button-after-content>\"\n   *   onClickCustomButtonAfterContent={() => console.log('Button clicked')}\n   * />\n   * ```\n   */\n  customRenderBar?: CustomRenderBarProps;\n  onClickCustomButtonAfterContent?: () => void;\n  onSend?: (content: OnSendContentParams) => void;\n  typingSpeed?: number;\n  enableTypewriter?: boolean;\n  userInput?: string;\n  interactionDefaultValueOptions?: InteractionDefaultValueOptions;\n  defaultButtonText?: string;\n  defaultInputText?: string; // Text input by user\n  defaultSelectedValues?: string[]; // Default selected values for multi-select\n  readonly?: boolean;\n  onTypeFinished?: () => void;\n  // Multi-select confirm button text (i18n support)\n  confirmButtonText?: string;\n  // Copy button text (i18n support)\n  copyButtonText?: string;\n  // Copied state text (i18n support)\n  copiedButtonText?: string;\n  // Dynamic interaction format for multi-select support\n  dynamicInteractionFormat?: string;\n  // Loading text before first HTML block renders inside iframe (i18n support)\n  sandboxLoadingText?: string;\n  // Loading text while styles are being generated inside iframe\n  sandboxStyleLoadingText?: string;\n  // Loading text while scripts are being cached/executed inside iframe\n  sandboxScriptLoadingText?: string;\n  // Disable sandbox loading overlays when upper layers have already entered an error state\n  disableSandboxLoadingOverlay?: boolean;\n  // Fullscreen button text for iframe sandbox\n  sandboxFullscreenButtonText?: string;\n  // Sandbox render mode\n  sandboxMode?: \"content\" | \"blackboard\";\n  beforeSend?: (param: OnSendContentParams) => boolean;\n  // tooltipMinLength?: number; // Control minimum character length for tooltip display, default 10\n}\n\n// Render svg string via Shadow DOM to avoid markdown wrapping\nconst SvgBlockInShadow: React.FC<{ svg: string }> = ({ svg }) => {\n  const hostRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const host = hostRef.current;\n    if (!host) return;\n    const shadowRoot = host.shadowRoot ?? host.attachShadow({ mode: \"open\" });\n    const styleId = \"content-render-svg-style\";\n    let styleEl = shadowRoot.getElementById(styleId) as HTMLStyleElement | null;\n\n    if (!styleEl) {\n      styleEl = document.createElement(\"style\");\n      styleEl.id = styleId;\n      // Keep intrinsic SVG width so the wrapper can scroll horizontally when needed\n      styleEl.textContent = `\n        svg { height: auto; display: inline-block; }\n        svg.content-render-svg-el--responsive { width: 100%; max-width: 100%; }\n        svg.content-render-svg-el--fixed { max-width: none; }\n      `;\n      shadowRoot.appendChild(styleEl);\n    }\n\n    const nodesToRemove = Array.from(shadowRoot.childNodes).filter(\n      (node) => node !== styleEl\n    );\n    nodesToRemove.forEach((node) => shadowRoot.removeChild(node));\n\n    const template = document.createElement(\"template\");\n    const cleanedSvg = stripSvgTextLineBreaks(svg);\n    template.innerHTML = cleanedSvg;\n    shadowRoot.append(template.content.cloneNode(true));\n\n    let hasResponsiveSvg = false;\n    let hasFixedSvg = false;\n\n    shadowRoot.querySelectorAll(\"svg\").forEach((svgEl) => {\n      // Derive responsive sizing from viewBox so pure viewBox SVGs stay visible and fluid\n      const viewBox = svgEl.getAttribute(\"viewBox\");\n      if (!viewBox) return;\n\n      const dimensions = viewBox\n        .trim()\n        .split(/[\\s,]+/)\n        .map((value) => Number(value));\n\n      if (dimensions.length !== 4 || dimensions.some(Number.isNaN)) return;\n\n      const [, , viewBoxWidth, viewBoxHeight] = dimensions;\n      const widthAttr = svgEl.getAttribute(\"width\");\n      const heightAttr = svgEl.getAttribute(\"height\");\n      const isRelativeLength = (value?: string | null) => {\n        if (!value) return false;\n        const normalized = value.trim().toLowerCase();\n        return normalized === \"auto\" || normalized.endsWith(\"%\");\n      };\n      const toNumericLength = (value?: string | null) => {\n        if (!value) return null;\n        const normalized = value.trim().toLowerCase();\n        if (normalized === \"auto\" || normalized.endsWith(\"%\")) {\n          return null;\n        }\n        const parsed = Number.parseFloat(normalized);\n        return Number.isNaN(parsed) ? null : parsed;\n      };\n      // Treat percentage/auto sizing as responsive so viewBox drives the layout\n      const isWidthRelative = isRelativeLength(widthAttr);\n      const isHeightRelative = isRelativeLength(heightAttr);\n      const widthMissing = !widthAttr || widthAttr === \"0\";\n      const heightMissing = !heightAttr || heightAttr === \"0\";\n      const numericWidth = toNumericLength(widthAttr);\n      const numericHeight = toNumericLength(heightAttr);\n      const matchesViewBox =\n        numericWidth === viewBoxWidth && numericHeight === viewBoxHeight;\n\n      // Prefer responsive layout when sizing is relative or matches the viewBox\n      const shouldUseResponsiveSize =\n        isWidthRelative ||\n        isHeightRelative ||\n        (widthMissing && heightMissing) ||\n        matchesViewBox;\n\n      if (shouldUseResponsiveSize) {\n        hasResponsiveSvg = true;\n        svgEl.classList.add(\"content-render-svg-el--responsive\");\n        svgEl.classList.remove(\"content-render-svg-el--fixed\");\n        svgEl.style.width = \"100%\";\n        svgEl.style.height = \"auto\";\n        if (!svgEl.style.aspectRatio && viewBoxHeight > 0) {\n          svgEl.style.aspectRatio = `${viewBoxWidth} / ${viewBoxHeight}`;\n        }\n        return;\n      }\n\n      hasFixedSvg = true;\n      svgEl.classList.add(\"content-render-svg-el--fixed\");\n      svgEl.classList.remove(\"content-render-svg-el--responsive\");\n      if (widthMissing && viewBoxWidth > 0) {\n        svgEl.setAttribute(\"width\", `${viewBoxWidth}`);\n      }\n      if (heightMissing && viewBoxHeight > 0) {\n        svgEl.setAttribute(\"height\", `${viewBoxHeight}`);\n      }\n    });\n\n    const hostResponsive = hasResponsiveSvg && !hasFixedSvg;\n    host.classList.toggle(\"content-render-svg--responsive\", hostResponsive);\n    host.classList.toggle(\"content-render-svg--fixed\", !hostResponsive);\n  }, [svg]);\n\n  return (\n    <div className=\"content-render-svg-scroll\">\n      <div className=\"content-render-svg\" ref={hostRef} />\n    </div>\n  );\n};\n\n// Extended component interface\ntype CustomComponents = ComponentsWithCustomVariable & {\n  \"custom-button-after-content\"?: React.ComponentType<{\n    children: React.ReactNode;\n  }>;\n};\n\nconst remarkPlugins = [remarkGfm, remarkMath, remarkFlow, remarkBreaks];\n\nconst rehypePlugins = [\n  preserveCustomVariableProperties,\n  rehypeRaw,\n  sanitizeInvalidTagName,\n  restoreCustomVariableProperties,\n  [rehypeHighlight, { languages: highlightLanguages, subset: subsetLanguages }],\n  rehypeKatex,\n];\n\nexport const MarkdownRenderer: React.FC<{\n  content: string;\n  components: CustomComponents;\n}> = ({ content: markdownContent, components }) => (\n  <div className=\"markdown-renderer\">\n    <ReactMarkdown\n      remarkPlugins={remarkPlugins}\n      rehypePlugins={rehypePlugins}\n      components={components}\n    >\n      {markdownContent}\n    </ReactMarkdown>\n  </div>\n);\n\nconst mergeNonSandboxSegments = (segments: RenderSegment[]) => {\n  if (segments.length <= 1) return segments;\n  const merged: RenderSegment[] = [];\n\n  segments.forEach((segment) => {\n    if (segment.type === \"sandbox\") {\n      merged.push(segment);\n      return;\n    }\n\n    const last = merged[merged.length - 1];\n    if (last && last.type !== \"sandbox\") {\n      merged[merged.length - 1] = {\n        type: \"markdown\",\n        value: `${last.value}${segment.value}`,\n      };\n      return;\n    }\n\n    merged.push({ type: \"markdown\", value: segment.value });\n  });\n\n  return merged;\n};\n\nconst ContentRender: React.FC<ContentRenderProps> = ({\n  content,\n  customRenderBar,\n  onSend,\n  typingSpeed = 30,\n  enableTypewriter = false,\n  userInput,\n  interactionDefaultValueOptions,\n  defaultButtonText,\n  defaultInputText,\n  defaultSelectedValues,\n  readonly = false,\n  onTypeFinished,\n  confirmButtonText,\n  copyButtonText,\n  copiedButtonText,\n  sandboxLoadingText,\n  sandboxStyleLoadingText,\n  sandboxScriptLoadingText,\n  disableSandboxLoadingOverlay = false,\n  sandboxFullscreenButtonText,\n  sandboxMode = \"content\",\n  onClickCustomButtonAfterContent,\n  beforeSend,\n  // tooltipMinLength,\n}) => {\n  const normalizedContent = useMemo(\n    () => normalizeInlineHtml(content),\n    [content]\n  );\n\n  const interactionDefaults = useMemo(\n    () =>\n      getInteractionDefaultValues(\n        content,\n        userInput,\n        interactionDefaultValueOptions\n      ),\n    [content, interactionDefaultValueOptions, userInput]\n  );\n\n  const resolvedDefaultButtonText =\n    defaultButtonText?.trim() || interactionDefaults.buttonText;\n  const resolvedDefaultInputText =\n    defaultInputText?.trim() || interactionDefaults.inputText;\n  const fallbackSelectedValues = useMemo(\n    () =>\n      userInput\n        ? userInput\n            .split(\",\")\n            .map((value) => value.trim())\n            .filter(Boolean)\n        : undefined,\n    [userInput]\n  );\n  const resolvedDefaultSelectedValues = defaultSelectedValues?.length\n    ? defaultSelectedValues\n    : interactionDefaults.selectedValues || fallbackSelectedValues;\n\n  // Use custom Hook to handle typewriter effect\n  const components: CustomComponents = {\n    \"custom-button-after-content\": ({\n      children,\n    }: {\n      children: React.ReactNode;\n    }) => {\n      return (\n        <button\n          className=\"content-render-custom-button-after-content\"\n          onClick={onClickCustomButtonAfterContent}\n        >\n          <span className=\"content-render-custom-button-after-content-inner\">\n            {children}\n          </span>\n        </button>\n      );\n    },\n    \"custom-variable\": (props) => (\n      <CustomButtonInputVariable\n        {...props}\n        readonly={readonly}\n        defaultButtonText={resolvedDefaultButtonText}\n        defaultInputText={resolvedDefaultInputText}\n        defaultSelectedValues={resolvedDefaultSelectedValues}\n        onSend={onSend}\n        beforeSend={beforeSend}\n        confirmButtonText={confirmButtonText}\n        // tooltipMinLength={tooltipMinLength}\n      />\n    ),\n    code: (props) => {\n      const { className, children, ...rest } = props as {\n        className?: string;\n        children?: React.ReactNode;\n      };\n      const match = /language-(\\w+)/.exec(className || \"\");\n      const language = match?.[1];\n      if (language === \"mermaid\") {\n        const chartContent = children?.toString().replace(/\\n$/, \"\") || \"\";\n        const frozen = mermaidBlockIsComplete(content, chartContent);\n        return <MermaidChart chart={chartContent} frozen={frozen} />;\n      }\n\n      return (\n        <code className={className} {...rest}>\n          {children}\n        </code>\n      );\n    },\n    table: ({ ...props }) => (\n      <div className=\"content-render-table-container\">\n        <table className=\"content-render-table\" {...props} />\n      </div>\n    ),\n    th: ({ ...props }) => <th className=\"content-render-th\" {...props} />,\n    td: ({ ...props }) => <td className=\"content-render-td\" {...props} />,\n    tr: ({ ...props }) => <tr className=\"content-render-tr\" {...props} />,\n    li: ({ node, ...props }) => {\n      const className = node?.properties?.className;\n      const hasTaskListItem =\n        (typeof className === \"string\" &&\n          className.includes(\"task-list-item\")) ||\n        (Array.isArray(className) && className.includes(\"task-list-item\"));\n      if (hasTaskListItem) {\n        return <li className=\"content-render-task-list-item\" {...props} />;\n      }\n      return <li {...props} />;\n    },\n    ol: ({ ...props }) => <ol className=\"content-render-ol\" {...props} />,\n    ul: ({ ...props }) => <ul className=\"content-render-ul\" {...props} />,\n    input: ({ ...props }) => {\n      if (props.type === \"checkbox\") {\n        return (\n          <input\n            type=\"checkbox\"\n            className=\"content-render-checkbox\"\n            disabled\n            {...props}\n          />\n        );\n      }\n      return <input {...props} />;\n    },\n    a: ({ children, ...props }) => (\n      <a target=\"_blank\" rel=\"noopener noreferrer\" {...props}>\n        {children}\n      </a>\n    ),\n    pre: (props) => (\n      <CodeBlock\n        {...props}\n        copyButtonText={copyButtonText}\n        copiedButtonText={copiedButtonText}\n      />\n    ),\n  };\n\n  const { displayContent, isComplete } = useTypewriterStateMachine({\n    // processMarkdownText will let code block printf(\"You win!\\n\") become printf(\"You win!<br/>\");\n    // content: processMarkdownText(content),\n    content: normalizedContent,\n    typingSpeed,\n    disabled: !enableTypewriter,\n  });\n  // Render the full content synchronously when typewriter is disabled\n  // to avoid a first-paint flash where content appears after helper actions.\n  const resolvedDisplayContent = enableTypewriter\n    ? displayContent\n    : normalizedContent;\n\n  const hasPotentialSandboxTags = useMemo(\n    () => SANDBOX_TAG_HINT_PATTERN.test(content),\n    [content]\n  );\n\n  const renderSegments = useMemo(\n    () => (hasPotentialSandboxTags ? splitContentSegments(content, true) : []),\n    [content, hasPotentialSandboxTags]\n  );\n\n  const hasSandbox = renderSegments.some(\n    (segment) => segment.type === \"sandbox\"\n  );\n  const mergedRenderSegments = useMemo(\n    () => mergeNonSandboxSegments(renderSegments),\n    [renderSegments]\n  );\n\n  const segments = useMemo(\n    () => parseMarkdownSegments(resolvedDisplayContent),\n    [resolvedDisplayContent]\n  );\n\n  const hasCompleted = useRef(false);\n\n  useEffect(() => {\n    if (hasSandbox) return;\n    if (isComplete && !hasCompleted.current) {\n      hasCompleted.current = true; // Mark as completed\n      onTypeFinished?.(); // Call the passed callback\n    }\n  }, [hasSandbox, isComplete, onTypeFinished]);\n\n  useEffect(() => {\n    if (hasSandbox) return;\n    hasCompleted.current = false; // Reset completion status when content changes\n  }, [hasSandbox, content]);\n\n  const renderMarkdownSegments = (raw: string, keyPrefix: string) => {\n    const normalized = normalizeInlineHtml(raw);\n    const parsed = parseMarkdownSegments(normalized);\n\n    return parsed.map((seg, index) => {\n      const key = `${keyPrefix}-${seg.type}-${index}`;\n\n      if (seg.type === \"text\") {\n        return (\n          <MarkdownRenderer\n            key={key}\n            components={components}\n            content={seg.value}\n          />\n        );\n      }\n\n      if (seg.type === \"mermaid\") {\n        return (\n          <MermaidChart key={key} chart={seg.value} frozen={!seg.complete} />\n        );\n      }\n\n      if (seg.type === \"svg\") {\n        return <SvgBlockInShadow key={key} svg={seg.value} />;\n      }\n\n      return null;\n    });\n  };\n\n  if (hasSandbox) {\n    return (\n      <div className=\"content-render markdown-body\">\n        {mergedRenderSegments.map((segment, idx) =>\n          segment.type === \"sandbox\" ? (\n            <IframeSandbox\n              key={`sandbox-${idx}`}\n              hideFullScreen\n              type=\"sandbox\"\n              content={segment.value}\n              className=\"content-render-iframe\"\n              loadingText={sandboxLoadingText}\n              styleLoadingText={sandboxStyleLoadingText}\n              scriptLoadingText={sandboxScriptLoadingText}\n              disableLoadingOverlay={disableSandboxLoadingOverlay}\n              fullScreenButtonText={sandboxFullscreenButtonText}\n              mode={sandboxMode}\n            />\n          ) : (\n            <React.Fragment key={`md-${idx}`}>\n              {renderMarkdownSegments(segment.value, `md-${idx}`)}\n            </React.Fragment>\n          )\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"content-render markdown-body\">\n      {segments.map((seg, index) => {\n        if (seg.type === \"text\") {\n          return (\n            <MarkdownRenderer\n              key={index}\n              components={components}\n              content={seg.value}\n            />\n          );\n        }\n\n        if (seg.type === \"mermaid\") {\n          return (\n            <MermaidChart\n              key={index}\n              chart={seg.value}\n              frozen={!seg.complete}\n            />\n          );\n        }\n\n        if (seg.type === \"svg\") {\n          return <SvgBlockInShadow key={index} svg={seg.value} />;\n        }\n      })}\n\n      {customRenderBar && (\n        <div className=\"content-render-custom-bar\">\n          {React.createElement(customRenderBar, {\n            content,\n            displayContent,\n            onSend,\n          })}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default ContentRender;\n"],"names":["SANDBOX_TAG_HINT_PATTERN","SvgBlockInShadow","svg","hostRef","useRef","useEffect","host","shadowRoot","styleId","styleEl","node","template","cleanedSvg","stripSvgTextLineBreaks","hasResponsiveSvg","hasFixedSvg","svgEl","viewBox","dimensions","value","viewBoxWidth","viewBoxHeight","widthAttr","heightAttr","isRelativeLength","normalized","toNumericLength","parsed","isWidthRelative","isHeightRelative","widthMissing","heightMissing","numericWidth","numericHeight","hostResponsive","jsx","remarkPlugins","remarkGfm","remarkMath","remarkFlow","remarkBreaks","rehypePlugins","preserveCustomVariableProperties","rehypeRaw","sanitizeInvalidTagName","restoreCustomVariableProperties","rehypeHighlight","highlightLanguages","subsetLanguages","rehypeKatex","MarkdownRenderer","markdownContent","components","ReactMarkdown","mergeNonSandboxSegments","segments","merged","segment","last","ContentRender","content","customRenderBar","onSend","typingSpeed","enableTypewriter","userInput","interactionDefaultValueOptions","defaultButtonText","defaultInputText","defaultSelectedValues","readonly","onTypeFinished","confirmButtonText","copyButtonText","copiedButtonText","sandboxLoadingText","sandboxStyleLoadingText","sandboxScriptLoadingText","disableSandboxLoadingOverlay","sandboxFullscreenButtonText","sandboxMode","onClickCustomButtonAfterContent","beforeSend","normalizedContent","useMemo","normalizeInlineHtml","interactionDefaults","getInteractionDefaultValues","resolvedDefaultButtonText","resolvedDefaultInputText","fallbackSelectedValues","resolvedDefaultSelectedValues","children","props","CustomButtonInputVariable","className","rest","chartContent","frozen","mermaidBlockIsComplete","MermaidChart","CodeBlock","displayContent","isComplete","useTypewriterStateMachine","resolvedDisplayContent","hasPotentialSandboxTags","renderSegments","splitContentSegments","hasSandbox","mergedRenderSegments","parseMarkdownSegments","hasCompleted","renderMarkdownSegments","raw","keyPrefix","seg","index","key","idx","IframeSandbox","React","jsxs"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("../../_virtual/jsx-runtime.cjs.js"),t=require("react"),Ne=require("react-dom/client"),Oe=require("./SandboxApp.cjs.js"),Ve=require("./ContentRender.cjs.js"),E=require("./utils/iframe-viewport-height.cjs.js"),Ee=require("../../lib/sandboxInteraction.cjs.js"),qe=require("./utils/iframe-scaling.cjs.js");let ne=null;const Be=()=>(ne||(ne=Promise.resolve().then(()=>require("./blackboard-vendor.cjs.js")).then(c=>c.injectBlackboardLibraries)),ne),We=/<img\b[^>]*>/i,Pe=180,De=240,$e=c=>c.split(/\s+/).filter(Boolean).map(i=>{const s=i.split(":");return s[s.length-1]!=="h-screen"&&s[s.length-1]!=="min-h-screen"?i:(s[s.length-1]="h-full",s.join(":"))}).join(" "),ze=(c,i)=>!i||!c.trim()?c:c.replace(/^(\s*<[a-zA-Z][\w:-]*)(\s[^>]*?)?>/,(s,O,M="")=>{const d=M.match(/\bclass\s*=\s*(["'])([^"']*)\1/i);if(!d)return s;const V=$e(d[2]);return V===d[2]?s:`${O}${M.replace(d[0],`class=${d[1]}${V}${d[1]}`)}>`}),Ge=({content:c,type:i,className:s,styleLoadingText:O,scriptLoadingText:M,fullScreenButtonText:d,hideFullScreen:V=!1,mode:l="content",replaceRootScreenHeightWithFull:Se=!1,enableScaling:ve=!1})=>{const q=t.useRef(null),f=t.useRef(null),G=t.useRef(null),T=t.useRef(()=>{}),[ye,Ce]=t.useState(480),[re,Me]=t.useState(0),[L,oe]=t.useState(0),U=t.useRef(!1),Y=t.useRef(!1),ie=t.useRef(0),[se,Te]=t.useState(0),[X,Ae]=t.useState(!1),_e=i==="sandbox",m=l==="blackboard",H=ve&&m&&i==="sandbox",A=m&&i==="sandbox",S=A&&Se,Z=t.useRef(""),B=t.useMemo(()=>i==="sandbox"?c:"",[c,i]),r=t.useMemo(()=>ze(B,S),[B,S]),ce=t.useMemo(()=>S?E.inspectViewportHeightFromHtmlRootString(B):E.EMPTY_ROOT_HEIGHT_META,[B,S]),le=t.useMemo(()=>S&&ce.hasFullViewportHeight,[ce.hasFullViewportHeight,S]),[W,ue]=t.useState(r),ae=t.useRef(r),J=t.useRef(r),_=t.useRef(null),k=t.useRef(null),he=t.useRef(null),de=t.useCallback(n=>{if(typeof window>"u")return;const e=Date.now();e-ie.current<De||(ie.current=e,window.postMessage({source:Ee.SANDBOX_INTERACTION_MESSAGE_SOURCE,type:Ee.SANDBOX_INTERACTION_MESSAGE_TYPE,eventType:n},window.location.origin))},[]),K=()=>{_.current!==null&&(window.clearTimeout(_.current),_.current=null)},ke=()=>{k.current!==null&&(window.cancelAnimationFrame(k.current),k.current=null)};t.useEffect(()=>()=>{K(),ke()},[]),t.useEffect(()=>{const n=ae.current;ae.current=r;const e=!!n&&r.length>n.length&&r.startsWith(n),u=We.test(r);if(!(e&&u)){K(),J.current=r,ue(r);return}J.current=r,K(),_.current=window.setTimeout(()=>{ue(J.current),_.current=null},Pe)},[r]);const P=t.useMemo(()=>A?E.inspectViewportHeightFromHtmlRootString(W).viewportHeightCss:null,[W,A]);t.useEffect(()=>{he.current=P},[P]);const fe=!!P,j=m&&i==="sandbox"?H||le?"100%":P??`${ye}px`:void 0;t.useEffect(()=>{if(l!=="blackboard"){Z.current=r;return}const n=Z.current;!(n&&r.startsWith(n))&&n&&Te(u=>u+1),Z.current=r},[l,r]),t.useEffect(()=>{const n=f.current;if(!n)return;const e=n.contentDocument;if(!e)return;e.open(),e.write(`<!DOCTYPE html>
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("../../_virtual/jsx-runtime.cjs.js"),t=require("react"),Oe=require("react-dom/client"),Ve=require("./SandboxApp.cjs.js"),qe=require("./ContentRender.cjs.js"),E=require("./utils/iframe-viewport-height.cjs.js"),Se=require("../../lib/sandboxInteraction.cjs.js"),Be=require("./utils/iframe-scaling.cjs.js");let ne=null;const We=()=>(ne||(ne=Promise.resolve().then(()=>require("./blackboard-vendor.cjs.js")).then(c=>c.injectBlackboardLibraries)),ne),Pe=/<img\b[^>]*>/i,De=180,$e=240,ze=c=>c.split(/\s+/).filter(Boolean).map(i=>{const s=i.split(":");return s[s.length-1]!=="h-screen"&&s[s.length-1]!=="min-h-screen"?i:(s[s.length-1]="h-full",s.join(":"))}).join(" "),Ge=(c,i)=>!i||!c.trim()?c:c.replace(/^(\s*<[a-zA-Z][\w:-]*)(\s[^>]*?)?>/,(s,O,M="")=>{const d=M.match(/\bclass\s*=\s*(["'])([^"']*)\1/i);if(!d)return s;const V=ze(d[2]);return V===d[2]?s:`${O}${M.replace(d[0],`class=${d[1]}${V}${d[1]}`)}>`}),Le=({content:c,type:i,className:s,styleLoadingText:O,scriptLoadingText:M,fullScreenButtonText:d,hideFullScreen:V=!1,mode:l="content",replaceRootScreenHeightWithFull:ve=!1,enableScaling:ye=!1,disableLoadingOverlay:re=!1})=>{const q=t.useRef(null),f=t.useRef(null),G=t.useRef(null),T=t.useRef(()=>{}),[Ce,Me]=t.useState(480),[oe,Te]=t.useState(0),[L,ie]=t.useState(0),U=t.useRef(!1),Y=t.useRef(!1),se=t.useRef(0),[ce,Ae]=t.useState(0),[X,_e]=t.useState(!1),ke=i==="sandbox",m=l==="blackboard",H=ye&&m&&i==="sandbox",A=m&&i==="sandbox",S=A&&ve,Z=t.useRef(""),B=t.useMemo(()=>i==="sandbox"?c:"",[c,i]),r=t.useMemo(()=>Ge(B,S),[B,S]),le=t.useMemo(()=>S?E.inspectViewportHeightFromHtmlRootString(B):E.EMPTY_ROOT_HEIGHT_META,[B,S]),ue=t.useMemo(()=>S&&le.hasFullViewportHeight,[le.hasFullViewportHeight,S]),[W,ae]=t.useState(r),he=t.useRef(r),J=t.useRef(r),_=t.useRef(null),k=t.useRef(null),de=t.useRef(null),fe=t.useCallback(n=>{if(typeof window>"u")return;const e=Date.now();e-se.current<$e||(se.current=e,window.postMessage({source:Se.SANDBOX_INTERACTION_MESSAGE_SOURCE,type:Se.SANDBOX_INTERACTION_MESSAGE_TYPE,eventType:n},window.location.origin))},[]),K=()=>{_.current!==null&&(window.clearTimeout(_.current),_.current=null)},je=()=>{k.current!==null&&(window.cancelAnimationFrame(k.current),k.current=null)};t.useEffect(()=>()=>{K(),je()},[]),t.useEffect(()=>{const n=he.current;he.current=r;const e=!!n&&r.length>n.length&&r.startsWith(n),u=Pe.test(r);if(!(e&&u)){K(),J.current=r,ae(r);return}J.current=r,K(),_.current=window.setTimeout(()=>{ae(J.current),_.current=null},De)},[r]);const P=t.useMemo(()=>A?E.inspectViewportHeightFromHtmlRootString(W).viewportHeightCss:null,[W,A]);t.useEffect(()=>{de.current=P},[P]);const me=!!P,j=m&&i==="sandbox"?H||ue?"100%":P??`${Ce}px`:void 0;t.useEffect(()=>{if(l!=="blackboard"){Z.current=r;return}const n=Z.current;!(n&&r.startsWith(n))&&n&&Ae(u=>u+1),Z.current=r},[l,r]),t.useEffect(()=>{const n=f.current;if(!n)return;const e=n.contentDocument;if(!e)return;e.open(),e.write(`<!DOCTYPE html>
 <html${l==="blackboard"?' style="height: 100%;"':""}>
   <head>
     <meta charset="utf-8" />
@@ -20,5 +20,5 @@
   <body>
     <div id="root"></div>
   </body>
-</html>`),e.close(),e.documentElement.setAttribute("data-theme","light"),e.documentElement.style.colorScheme="light",e.body?.style.setProperty("color-scheme","light");const u=m&&i==="sandbox",D=()=>de("click");u&&e.addEventListener("click",D,!0);const F=e.getElementById("root");if(!F)return;const ge=Ne.createRoot(F);G.current=ge;let I=!1;const be=o=>({heightAttrValue:o.getAttribute("height"),styleAttrValue:o.getAttribute("style"),classAttrValue:o.getAttribute("class")}),pe=o=>{const w=Array.from(o.children);return w.length===1?w[0]:null},Ie=()=>{if(!A||!f.current||!e.body)return null;const o=f.current.ownerDocument?.documentElement?.clientHeight||window.innerHeight,w=he.current,$=w?E.parseExplicitHeight(w,o):null;if($!==null)return Math.ceil($);const h=e.body.querySelector(".sandbox-wrapper")?.firstElementChild;if(!h)return null;const g=Array.from(h.children),x=g.length===1?g[0]:null,a=E.inspectViewportHeightFromNodeChain(x,{getNode:be,getSingleChild:pe}).viewportHeightCss;if(a){const b=E.parseExplicitHeight(a,o);if(b!==null)return Math.ceil(b)}const N=E.resolveExplicitHeightFromNodeChain(x,o,{getNode:be,getSingleChild:pe});return N!==null?Math.ceil(N):null},Q=()=>{if(!f.current||!e.body)return;if(!m){if(U.current){Y.current=!0;return}U.current=!0;const h=f.current,g=q.current?.clientWidth||0,x=h.style.height;if(g>0){const te=Math.round(g*9/16);h.style.height=te+"px",e.body.offsetHeight;let a=e.body.scrollHeight;const N=e.defaultView;if(N){const b=p=>{let y=0;const xe=R=>{if(R!==p&&R.scrollHeight>R.clientHeight+1){const z=N.getComputedStyle(R).overflowY;if(z==="auto"||z==="scroll"){const Re=R.getBoundingClientRect();Re.top>=0&&(y=Math.max(y,Math.ceil(Re.top+R.scrollHeight)))}}for(const z of R.children)xe(z)};return xe(p),y};a=Math.max(a,b(e.body));for(let p=0;p<8&&a>te;p++){h.style.height=a+"px",e.body.offsetHeight;const y=Math.max(e.body.scrollHeight,b(e.body));if(y<=a+1)break;a=y}}h.style.height=x,Me(b=>{const p=Math.max(200,Math.ceil(a));return b===p?b:p})}setTimeout(()=>{U.current=!1,Y.current&&(Y.current=!1,v())},50);return}if(H)return;const o=e.body.scrollHeight,w=e.documentElement?.scrollHeight||0,$=F?.scrollHeight||0,we=Math.max(o,w,$);if(A){const h=Ie(),g=Math.max(200,h??Math.ceil(we));Ce(x=>x===g?x:g)}},v=()=>{requestAnimationFrame(()=>{I||Q()})};T.current=v,Q(),v(),_e&&Be().then(o=>{I||(o(e),H&&qe.injectScalingSystem(e),requestAnimationFrame(()=>{I||v()}))}).catch(()=>{I||v()});const ee=new ResizeObserver(()=>Q());ee.observe(e.body),F&&ee.observe(F);const He=new MutationObserver(()=>{v()});return He.observe(e.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style","class"]}),()=>{I=!0,ee.disconnect(),He.disconnect(),H&&n.contentWindow?.__mdf_cleanupScaling?.(),u&&e.removeEventListener("click",D,!0),setTimeout(()=>{ge.unmount(),G.current=null,T.current=()=>{}},0)}},[]),t.useEffect(()=>{const n=()=>{Ae(!!document.fullscreenElement)};return document.addEventListener("fullscreenchange",n),()=>document.removeEventListener("fullscreenchange",n)},[]),t.useEffect(()=>{const n=q.current;if(!n)return;const e=new ResizeObserver(u=>{oe(u[0]?.contentRect.width??n.clientWidth)});return e.observe(n),oe(n.clientWidth),()=>e.disconnect()},[]);const me=t.useMemo(()=>{if(m||L===0||X)return;const n=Math.round(L*9/16);return{height:Math.max(n,re)}},[m,L,re,X]),je=()=>{const n=q.current||f.current;if(n){if(document.fullscreenElement){document.exitFullscreen().catch(()=>{});return}n.requestFullscreen&&n.requestFullscreen().catch(()=>{})}};t.useEffect(()=>{const n=G.current;if(!n)return;n.render(C.jsxRuntimeExports.jsx(Oe.default,{html:W,styleLoadingText:O,scriptLoadingText:M,resetToken:se,hasRootVhHeight:fe,mode:l,stretchRootHeight:le,enableScaling:H})),k.current=window.requestAnimationFrame(()=>{T.current?.(),H&&f.current?.contentWindow?.__mdf_triggerFitContent?.(),k.current=null});const e=setTimeout(()=>T.current?.(),100),u=setTimeout(()=>T.current?.(),500);return()=>{clearTimeout(e),clearTimeout(u)}},[W,O,M,se,l]);const Fe=["w-full relative content-render-iframe-sandbox",m?"h-full overflow-auto flex flex-col":me?"overflow-hidden flex items-center justify-center":"aspect-[16/9] overflow-hidden flex items-center justify-center"].filter(Boolean).join(" ");return C.jsxRuntimeExports.jsxs("div",{ref:q,"data-root-vh":fe?"true":"false",className:Fe,style:j?{height:j,minHeight:j}:me,children:[!V&&C.jsxRuntimeExports.jsx("button",{type:"button",onClick:je,className:"absolute top-2 right-2 z-50 p-1.5 bg-black/75 text-white rounded-md cursor-pointer",children:X?"退出全屏":d||"全屏浏览"}),l==="blackboard"&&i==="markdown"?C.jsxRuntimeExports.jsx("div",{onClick:()=>de("click"),children:C.jsxRuntimeExports.jsx(Ve.default,{content:c})}):C.jsxRuntimeExports.jsx("iframe",{ref:f,sandbox:"allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox",allow:"fullscreen",allowFullScreen:!0,className:[s,"w-full h-full mx-auto my-auto block"].filter(Boolean).join(" "),style:{height:j??"100%",minHeight:j,margin:"auto"}})]})};exports.default=Ge;
+</html>`),e.close(),e.documentElement.setAttribute("data-theme","light"),e.documentElement.style.colorScheme="light",e.body?.style.setProperty("color-scheme","light");const u=m&&i==="sandbox",D=()=>fe("click");u&&e.addEventListener("click",D,!0);const F=e.getElementById("root");if(!F)return;const be=Oe.createRoot(F);G.current=be;let I=!1;const pe=o=>({heightAttrValue:o.getAttribute("height"),styleAttrValue:o.getAttribute("style"),classAttrValue:o.getAttribute("class")}),He=o=>{const x=Array.from(o.children);return x.length===1?x[0]:null},Ne=()=>{if(!A||!f.current||!e.body)return null;const o=f.current.ownerDocument?.documentElement?.clientHeight||window.innerHeight,x=de.current,$=x?E.parseExplicitHeight(x,o):null;if($!==null)return Math.ceil($);const h=e.body.querySelector(".sandbox-wrapper")?.firstElementChild;if(!h)return null;const g=Array.from(h.children),w=g.length===1?g[0]:null,a=E.inspectViewportHeightFromNodeChain(w,{getNode:pe,getSingleChild:He}).viewportHeightCss;if(a){const b=E.parseExplicitHeight(a,o);if(b!==null)return Math.ceil(b)}const N=E.resolveExplicitHeightFromNodeChain(w,o,{getNode:pe,getSingleChild:He});return N!==null?Math.ceil(N):null},Q=()=>{if(!f.current||!e.body)return;if(!m){if(U.current){Y.current=!0;return}U.current=!0;const h=f.current,g=q.current?.clientWidth||0,w=h.style.height;if(g>0){const te=Math.round(g*9/16);h.style.height=te+"px",e.body.offsetHeight;let a=e.body.scrollHeight;const N=e.defaultView;if(N){const b=p=>{let y=0;const Re=R=>{if(R!==p&&R.scrollHeight>R.clientHeight+1){const z=N.getComputedStyle(R).overflowY;if(z==="auto"||z==="scroll"){const Ee=R.getBoundingClientRect();Ee.top>=0&&(y=Math.max(y,Math.ceil(Ee.top+R.scrollHeight)))}}for(const z of R.children)Re(z)};return Re(p),y};a=Math.max(a,b(e.body));for(let p=0;p<8&&a>te;p++){h.style.height=a+"px",e.body.offsetHeight;const y=Math.max(e.body.scrollHeight,b(e.body));if(y<=a+1)break;a=y}}h.style.height=w,Te(b=>{const p=Math.max(200,Math.ceil(a));return b===p?b:p})}setTimeout(()=>{U.current=!1,Y.current&&(Y.current=!1,v())},50);return}if(H)return;const o=e.body.scrollHeight,x=e.documentElement?.scrollHeight||0,$=F?.scrollHeight||0,we=Math.max(o,x,$);if(A){const h=Ne(),g=Math.max(200,h??Math.ceil(we));Me(w=>w===g?w:g)}},v=()=>{requestAnimationFrame(()=>{I||Q()})};T.current=v,Q(),v(),ke&&We().then(o=>{I||(o(e),H&&Be.injectScalingSystem(e),requestAnimationFrame(()=>{I||v()}))}).catch(()=>{I||v()});const ee=new ResizeObserver(()=>Q());ee.observe(e.body),F&&ee.observe(F);const xe=new MutationObserver(()=>{v()});return xe.observe(e.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style","class"]}),()=>{I=!0,ee.disconnect(),xe.disconnect(),H&&n.contentWindow?.__mdf_cleanupScaling?.(),u&&e.removeEventListener("click",D,!0),setTimeout(()=>{be.unmount(),G.current=null,T.current=()=>{}},0)}},[]),t.useEffect(()=>{const n=()=>{_e(!!document.fullscreenElement)};return document.addEventListener("fullscreenchange",n),()=>document.removeEventListener("fullscreenchange",n)},[]),t.useEffect(()=>{const n=q.current;if(!n)return;const e=new ResizeObserver(u=>{ie(u[0]?.contentRect.width??n.clientWidth)});return e.observe(n),ie(n.clientWidth),()=>e.disconnect()},[]);const ge=t.useMemo(()=>{if(m||L===0||X)return;const n=Math.round(L*9/16);return{height:Math.max(n,oe)}},[m,L,oe,X]),Fe=()=>{const n=q.current||f.current;if(n){if(document.fullscreenElement){document.exitFullscreen().catch(()=>{});return}n.requestFullscreen&&n.requestFullscreen().catch(()=>{})}};t.useEffect(()=>{const n=G.current;if(!n)return;n.render(C.jsxRuntimeExports.jsx(Ve.default,{html:W,styleLoadingText:O,scriptLoadingText:M,disableLoadingOverlay:re,resetToken:ce,hasRootVhHeight:me,mode:l,stretchRootHeight:ue,enableScaling:H})),k.current=window.requestAnimationFrame(()=>{T.current?.(),H&&f.current?.contentWindow?.__mdf_triggerFitContent?.(),k.current=null});const e=setTimeout(()=>T.current?.(),100),u=setTimeout(()=>T.current?.(),500);return()=>{clearTimeout(e),clearTimeout(u)}},[W,O,M,ce,l]);const Ie=["w-full relative content-render-iframe-sandbox",m?"h-full overflow-auto flex flex-col":ge?"overflow-hidden flex items-center justify-center":"aspect-[16/9] overflow-hidden flex items-center justify-center"].filter(Boolean).join(" ");return C.jsxRuntimeExports.jsxs("div",{ref:q,"data-root-vh":me?"true":"false",className:Ie,style:j?{height:j,minHeight:j}:ge,children:[!V&&C.jsxRuntimeExports.jsx("button",{type:"button",onClick:Fe,className:"absolute top-2 right-2 z-50 p-1.5 bg-black/75 text-white rounded-md cursor-pointer",children:X?"退出全屏":d||"全屏浏览"}),l==="blackboard"&&i==="markdown"?C.jsxRuntimeExports.jsx("div",{onClick:()=>fe("click"),children:C.jsxRuntimeExports.jsx(qe.default,{content:c,disableSandboxLoadingOverlay:re})}):C.jsxRuntimeExports.jsx("iframe",{ref:f,sandbox:"allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox",allow:"fullscreen",allowFullScreen:!0,className:[s,"w-full h-full mx-auto my-auto block"].filter(Boolean).join(" "),style:{height:j??"100%",minHeight:j,margin:"auto"}})]})};exports.default=Le;
 //# sourceMappingURL=IframeSandbox.cjs.js.map