markdown-flow-ui 0.1.83-beta.11 → 0.1.83-beta.13

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/@braintree_sanitize-url@7.1.1/node_modules/@braintree/sanitize-url/dist/index.js

@@ -1,4 +1,4 @@
-import { __exports as c } from "../../../../../../../../../../_virtual/index10.js";
+import { __exports as c } from "../../../../../../../../../../_virtual/index12.js";
 import { __require as v } from "./constants.js";
 var m;
 function g() {

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js

@@ -1,4 +1,4 @@
-import { __module as s } from "../../../../../../../../_virtual/index7.js";
+import { __module as s } from "../../../../../../../../_virtual/index5.js";
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/hast-util-to-jsx-runtime@2.3.6/node_modules/hast-util-to-jsx-runtime/lib/index.js

@@ -2,7 +2,7 @@ import { stringify as w } from "../../../../comma-separated-tokens@2.0.3/node_mo
 import { ok as u } from "../../../../devlop@1.1.0/node_modules/devlop/lib/default.js";
 import { svg as m, html as C } from "../../../../property-information@7.1.0/node_modules/property-information/index.js";
 import { stringify as N } from "../../../../space-separated-tokens@2.0.2/node_modules/space-separated-tokens/index.js";
-import S from "../../../../../../../../../_virtual/index5.js";
+import S from "../../../../../../../../../_virtual/index6.js";
 import { whitespace as j } from "../../../../hast-util-whitespace@3.0.0/node_modules/hast-util-whitespace/lib/index.js";
 import { name as x } from "../../../../estree-util-is-identifier-name@3.0.0/node_modules/estree-util-is-identifier-name/lib/index.js";
 import { VFileMessage as h } from "../../../../vfile-message@4.0.3/node_modules/vfile-message/lib/index.js";

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/mermaid@11.12.1/node_modules/mermaid/dist/chunks/mermaid.core/c4Diagram-YG6GDRKO.js

@@ -4,7 +4,7 @@ import { setAccDescription as Be, getAccDescription as Ie, getAccTitle as Me, se
 import { __name as g, log as fe } from "./chunk-AGHRB4JF.js";
 import "../../../../../../d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/selection/index.js";
 import "../../../../../../d3-zoom@3.0.0/node_modules/d3-zoom/src/transform.js";
-import { d as je } from "../../../../../../../../../../../_virtual/index8.js";
+import { d as je } from "../../../../../../../../../../../_virtual/index11.js";
 import jt from "../../../../../../d3-selection@3.0.0/node_modules/d3-selection/src/select.js";
 var Ft = (function() {
   var e = /* @__PURE__ */ g(function(_t, x, m, v) {

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/mermaid@11.12.1/node_modules/mermaid/dist/chunks/mermaid.core/chunk-S3R3BYOJ.js

@@ -1,6 +1,6 @@
 import { common_default as b, assignWithDepth_default as E, directiveRegex as $, sanitizeDirective as X, detectType as Y } from "./chunk-ABZYJK2D.js";
 import { __name as s, log as g } from "./chunk-AGHRB4JF.js";
-import { d as G } from "../../../../../../../../../../../_virtual/index8.js";
+import { d as G } from "../../../../../../../../../../../_virtual/index11.js";
 import "../../../../../../d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/selection/index.js";
 import "../../../../../../d3-zoom@3.0.0/node_modules/d3-zoom/src/transform.js";
 import w from "../../../../../../lodash-es@4.17.21/node_modules/lodash-es/memoize.js";

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/mermaid@11.12.1/node_modules/mermaid/dist/chunks/mermaid.core/chunk-TZMSLE5B.js

@@ -1,6 +1,6 @@
 import { lineBreakRegex as o } from "./chunk-ABZYJK2D.js";
 import { __name as n } from "./chunk-AGHRB4JF.js";
-import { d as l } from "../../../../../../../../../../../_virtual/index8.js";
+import { d as l } from "../../../../../../../../../../../_virtual/index11.js";
 var x = /* @__PURE__ */ n((s, t) => {
   const r = s.append("rect");
   if (r.attr("x", t.x), r.attr("y", t.y), r.attr("fill", t.fill), r.attr("stroke", t.stroke), r.attr("width", t.width), r.attr("height", t.height), t.name && r.attr("name", t.name), t.rx && r.attr("rx", t.rx), t.ry && r.attr("ry", t.ry), t.attrs !== void 0)

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/mermaid@11.12.1/node_modules/mermaid/dist/chunks/mermaid.core/ganttDiagram-LVOFAZNH.js

@@ -1,7 +1,7 @@
 import { utils_default as ie } from "./chunk-S3R3BYOJ.js";
 import { getAccDescription as se, setAccDescription as ne, getDiagramTitle as ae, setDiagramTitle as oe, getAccTitle as ce, setAccTitle as le, getConfig2 as K, configureSvgSize as ue, common_default as de, clear as fe } from "./chunk-ABZYJK2D.js";
 import { __name as c, log as mt } from "./chunk-AGHRB4JF.js";
-import { d as he } from "../../../../../../../../../../../_virtual/index8.js";
+import { d as he } from "../../../../../../../../../../../_virtual/index11.js";
 import L from "../../../../../../../../../../../_virtual/dayjs.min.js";
 import me from "../../../../../../../../../../../_virtual/isoWeek.js";
 import ke from "../../../../../../../../../../../_virtual/customParseFormat.js";

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/mermaid@11.12.1/node_modules/mermaid/dist/chunks/mermaid.core/sequenceDiagram-WL72ISMW.js

@@ -6,7 +6,7 @@ import { setConfig2 as ke, getConfig2 as st, configureSvgSize as Pe, assignWithD
 import { __name as f, log as Q } from "./chunk-AGHRB4JF.js";
 import "../../../../../../d3-transition@3.0.1_d3-selection@3.0.0/node_modules/d3-transition/src/selection/index.js";
 import "../../../../../../d3-zoom@3.0.0/node_modules/d3-zoom/src/transform.js";
-import { d as ne } from "../../../../../../../../../../../_virtual/index8.js";
+import { d as ne } from "../../../../../../../../../../../_virtual/index11.js";
 import Mt from "../../../../../../d3-selection@3.0.0/node_modules/d3-selection/src/select.js";
 var Ut = (function() {
   var e = /* @__PURE__ */ f(function(pt, v, A, L) {

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rc-util@5.44.4_react-dom@19.0.1_react@19.0.1__react@19.0.1/node_modules/rc-util/es/ref.js

@@ -1,6 +1,6 @@
 import s from "../../../../@babel_runtime@7.28.4/node_modules/@babel/runtime/helpers/esm/typeof.js";
 import { version as c, isValidElement as l } from "react";
-import { r as n } from "../../../../../../../../../_virtual/index11.js";
+import { r as n } from "../../../../../../../../../_virtual/index8.js";
 import m from "./hooks/useMemo.js";
 import v from "./React/isFragment.js";
 var R = Number(c.split(".")[0]), y = function(r, t) {

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/react-is@18.3.1/node_modules/react-is/index.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../../../../../_virtual/index12.js";
+import { __module as e } from "../../../../../../../../_virtual/index10.js";
 import { __require as o } from "./cjs/react-is.production.min.js";
 import { __require as t } from "./cjs/react-is.development.js";
 var r;

package/dist/Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/unified@11.0.5/node_modules/unified/lib/index.js

@@ -1,5 +1,5 @@
 import { bail as P } from "../../../../bail@2.0.2/node_modules/bail/index.js";
-import y from "../../../../../../../../../_virtual/index6.js";
+import y from "../../../../../../../../../_virtual/index7.js";
 import z from "../../../../is-plain-obj@4.1.0/node_modules/is-plain-obj/index.js";
 import { CallableInstance as C } from "./callable-instance.js";
 import { trough as A } from "../../../../trough@2.2.0/node_modules/trough/lib/index.js";

package/dist/_virtual/index10.js

@@ -1,5 +1,5 @@
-var r = {};
+var e = { exports: {} };
 export {
-  r as __exports
+  e as __module
 };
 //# sourceMappingURL=index10.js.map

package/dist/_virtual/index11.js

@@ -1,6 +1,6 @@
-import { __require as r } from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/react-is@18.3.1/node_modules/react-is/index.js";
-var a = r();
+import { __require as r } from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/@braintree_sanitize-url@7.1.1/node_modules/@braintree/sanitize-url/dist/index.js";
+var i = r();
 export {
-  a as r
+  i as d
 };
 //# sourceMappingURL=index11.js.map

package/dist/_virtual/index12.js

@@ -1,5 +1,5 @@
-var e = { exports: {} };
+var r = {};
 export {
-  e as __module
+  r as __exports
 };
 //# sourceMappingURL=index12.js.map

package/dist/_virtual/index5.js

@@ -1,8 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/style-to-js@1.1.18/node_modules/style-to-js/cjs/index.js";
-var t = o();
-const a = /* @__PURE__ */ r(t);
+var s = { exports: {} };
 export {
-  a as default
+  s as __module
 };
 //# sourceMappingURL=index5.js.map

package/dist/_virtual/index5.js.map

@@ -1 +1 @@
-{"version":3,"file":"index5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/index6.js

@@ -1,7 +1,7 @@
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as r } from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/extend@3.0.2/node_modules/extend/index.js";
-var t = r();
-const a = /* @__PURE__ */ e(t);
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/style-to-js@1.1.18/node_modules/style-to-js/cjs/index.js";
+var t = o();
+const a = /* @__PURE__ */ r(t);
 export {
   a as default
 };

package/dist/_virtual/index7.js

@@ -1,5 +1,8 @@
-var s = { exports: {} };
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as r } from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/extend@3.0.2/node_modules/extend/index.js";
+var t = r();
+const a = /* @__PURE__ */ e(t);
 export {
-  s as __module
+  a as default
 };
 //# sourceMappingURL=index7.js.map

package/dist/_virtual/index7.js.map

@@ -1 +1 @@
-{"version":3,"file":"index7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index7.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/index8.js

@@ -1,6 +1,6 @@
-import { __require as r } from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/@braintree_sanitize-url@7.1.1/node_modules/@braintree/sanitize-url/dist/index.js";
-var i = r();
+import { __require as r } from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/react-is@18.3.1/node_modules/react-is/index.js";
+var a = r();
 export {
-  i as d
+  a as r
 };
 //# sourceMappingURL=index8.js.map

package/dist/components/ContentRender/IframeSandbox.js

@@ -13,22 +13,22 @@ const V = ({
   scriptLoadingText: R,
   fullScreenButtonText: m,
   hideFullScreen: y = !1,
-  mode: r = "content"
+  mode: n = "content"
 }) => {
   const C = c(null), i = c(null), f = c(null), w = c(null), d = c(() => {
   }), [k, F] = p(480), [E, H] = p(0), [M, N] = p(!1), h = c(""), o = D.useMemo(() => {
     const t = W(u).filter((s) => s.type === "sandbox");
-    return (r === "blackboard" ? t[t.length - 1]?.value || "" : t.map((s) => s.value).join(`
+    return (n === "blackboard" ? t[t.length - 1]?.value || "" : t.map((s) => s.value).join(`
 `)) || "";
-  }, [u, r]);
+  }, [u, n]);
   a(() => {
-    if (r !== "blackboard") {
+    if (n !== "blackboard") {
       h.current = o;
       return;
     }
     const e = h.current;
-    !(e && o.startsWith(e)) && e && H((n) => n + 1), h.current = o;
-  }, [o, r]), a(() => {
+    !(e && o.startsWith(e)) && e && H((r) => r + 1), h.current = o;
+  }, [o, n]), a(() => {
     const e = i.current;
     if (!e) return;
     const t = e.contentDocument;
@@ -45,9 +45,9 @@ const V = ({
     <div id="root"></div>
   </body>
 </html>`), t.close(), w.current = t;
-    const n = t.getElementById("root");
-    if (!n) return;
-    const s = _(n);
+    const r = t.getElementById("root");
+    if (!r) return;
+    const s = _(r);
     f.current = s;
     const b = () => {
       if (!i.current || !t.body) return;
@@ -56,7 +56,7 @@ const V = ({
     };
     d.current = b, b();
     const g = new ResizeObserver(() => b());
-    return g.observe(t.body), n && g.observe(n), () => {
+    return g.observe(t.body), r && g.observe(r), () => {
       g.disconnect(), setTimeout(() => {
         s.unmount(), f.current = null, w.current = null, d.current = () => {
         };
@@ -92,7 +92,8 @@ const V = ({
           scriptLoadingText: R,
           fullScreenButtonText: m,
           hideFullScreen: y,
-          resetToken: E
+          resetToken: E,
+          mode: n
         }
       )
     ), requestAnimationFrame(() => d.current?.()));
@@ -103,7 +104,8 @@ const V = ({
     x,
     R,
     m,
-    E
+    E,
+    n
   ]), /* @__PURE__ */ l.jsxs(
     "div",
     {
@@ -119,7 +121,7 @@ const V = ({
             children: M ? "退出全屏" : m || "全屏浏览"
           }
         ),
-        r === "blackboard" && j === "markdown" ? /* @__PURE__ */ l.jsx(Y, { content: u }) : /* @__PURE__ */ l.jsx(
+        n === "blackboard" && j === "markdown" ? /* @__PURE__ */ l.jsx(Y, { content: u }) : /* @__PURE__ */ l.jsx(
           "iframe",
           {
             ref: i,
@@ -128,7 +130,7 @@ const V = ({
             allowFullScreen: !0,
             className: "w-full",
             style: {
-              height: r === "blackboard" ? "100%" : `${k}px`
+              height: n === "blackboard" ? "100%" : `${k}px`
               // height: `${height}px`,
               // margin: "16px 0",
             }

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

@@ -1 +1 @@
-{"version":3,"file":"IframeSandbox.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\";\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 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 [height, setHeight] = useState(480);\n  const [resetToken, setResetToken] = useState(0);\n  const [isFullscreen, setIsFullscreen] = useState(false);\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\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>\n  <head>\n    <meta charset=\"utf-8\" />\n    <style>\n      html, body { margin: 0; padding: 0; }\n    </style>\n  </head>\n  <body>\n    <div id=\"root\"></div>\n  </body>\n</html>`);\n    doc.close();\n    docRef.current = doc;\n\n    const rootEl = doc.getElementById(\"root\");\n    if (!rootEl) return undefined;\n\n    const root = createRoot(rootEl);\n    rootRef.current = root;\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 nextHeight = Math.max(200, Math.ceil(contentHeight));\n      setHeight(nextHeight);\n    };\n    updateHeightRef.current = updateHeight;\n\n    updateHeight();\n\n    const resizeObserver = new ResizeObserver(() => updateHeight());\n    resizeObserver.observe(doc.body);\n    if (rootEl) {\n      resizeObserver.observe(rootEl);\n    }\n\n    return () => {\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={htmlContent}\n        loadingText={loadingText}\n        styleLoadingText={styleLoadingText}\n        scriptLoadingText={scriptLoadingText}\n        fullScreenButtonText={fullScreenButtonText}\n        hideFullScreen={hideFullScreen}\n        resetToken={resetToken}\n      />\n    );\n    requestAnimationFrame(() => updateHeightRef.current?.());\n  }, [\n    content,\n    htmlContent,\n    loadingText,\n    styleLoadingText,\n    scriptLoadingText,\n    fullScreenButtonText,\n    resetToken,\n  ]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={\n        \"w-full h-full overflow-auto relative flex flex-col justify-center\"\n      }\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\"\n          allow=\"fullscreen\"\n          allowFullScreen\n          className={(className, \"w-full\")}\n          style={{\n            height: mode === \"blackboard\" ? \"100%\" : `${height}px`,\n            // height: `${height}px`,\n            // margin: \"16px 0\",\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default IframeSandbox;\n"],"names":["IframeSandbox","content","type","className","loadingText","styleLoadingText","scriptLoadingText","fullScreenButtonText","hideFullScreen","mode","containerRef","useRef","iframeRef","rootRef","docRef","updateHeightRef","height","setHeight","useState","resetToken","setResetToken","isFullscreen","setIsFullscreen","prevHtmlRef","htmlContent","React","sandboxSegments","splitContentSegments","seg","useEffect","prev","token","iframe","doc","rootEl","root","createRoot","updateHeight","bodyRect","htmlRect","bodyHeight","htmlHeight","contentHeight","nextHeight","resizeObserver","onFullscreenChange","toggleFullscreen","target","jsx","SandboxApp","jsxs","ContentRender"],"mappings":"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"}
+{"version":3,"file":"IframeSandbox.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\";\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 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 [height, setHeight] = useState(480);\n  const [resetToken, setResetToken] = useState(0);\n  const [isFullscreen, setIsFullscreen] = useState(false);\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\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>\n  <head>\n    <meta charset=\"utf-8\" />\n    <style>\n      html, body { margin: 0; padding: 0; }\n    </style>\n  </head>\n  <body>\n    <div id=\"root\"></div>\n  </body>\n</html>`);\n    doc.close();\n    docRef.current = doc;\n\n    const rootEl = doc.getElementById(\"root\");\n    if (!rootEl) return undefined;\n\n    const root = createRoot(rootEl);\n    rootRef.current = root;\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 nextHeight = Math.max(200, Math.ceil(contentHeight));\n      setHeight(nextHeight);\n    };\n    updateHeightRef.current = updateHeight;\n\n    updateHeight();\n\n    const resizeObserver = new ResizeObserver(() => updateHeight());\n    resizeObserver.observe(doc.body);\n    if (rootEl) {\n      resizeObserver.observe(rootEl);\n    }\n\n    return () => {\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={htmlContent}\n        loadingText={loadingText}\n        styleLoadingText={styleLoadingText}\n        scriptLoadingText={scriptLoadingText}\n        fullScreenButtonText={fullScreenButtonText}\n        hideFullScreen={hideFullScreen}\n        resetToken={resetToken}\n        mode={mode}\n      />\n    );\n    requestAnimationFrame(() => updateHeightRef.current?.());\n  }, [\n    content,\n    htmlContent,\n    loadingText,\n    styleLoadingText,\n    scriptLoadingText,\n    fullScreenButtonText,\n    resetToken,\n    mode,\n  ]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={\n        \"w-full h-full overflow-auto relative flex flex-col justify-center\"\n      }\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\"\n          allow=\"fullscreen\"\n          allowFullScreen\n          className={(className, \"w-full\")}\n          style={{\n            height: mode === \"blackboard\" ? \"100%\" : `${height}px`,\n            // height: `${height}px`,\n            // margin: \"16px 0\",\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default IframeSandbox;\n"],"names":["IframeSandbox","content","type","className","loadingText","styleLoadingText","scriptLoadingText","fullScreenButtonText","hideFullScreen","mode","containerRef","useRef","iframeRef","rootRef","docRef","updateHeightRef","height","setHeight","useState","resetToken","setResetToken","isFullscreen","setIsFullscreen","prevHtmlRef","htmlContent","React","sandboxSegments","splitContentSegments","seg","useEffect","prev","token","iframe","doc","rootEl","root","createRoot","updateHeight","bodyRect","htmlRect","bodyHeight","htmlHeight","contentHeight","nextHeight","resizeObserver","onFullscreenChange","toggleFullscreen","target","jsx","SandboxApp","jsxs","ContentRender"],"mappings":"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"}

package/dist/components/ContentRender/SandboxApp.d.ts

@@ -5,6 +5,7 @@ export interface SandboxAppProps {
     styleLoadingText?: string;
     scriptLoadingText?: string;
     resetToken?: number;
+    mode?: "content" | "blackboard";
 }
 declare const SandboxApp: React.FC<SandboxAppProps>;
 export default SandboxApp;

package/dist/components/ContentRender/SandboxApp.js

@@ -1,39 +1,40 @@
-import { j as v } from "../../_virtual/jsx-runtime.js";
-import { useRef as n, useState as A, useEffect as I } from "react";
-import K from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/loader-circle.js";
-const Z = ({
+import { j as S } from "../../_virtual/jsx-runtime.js";
+import { useRef as n, useState as I, useEffect as L } from "react";
+import U from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/lucide-react@0.525.0_react@19.0.1/node_modules/lucide-react/dist/esm/icons/loader-circle.js";
+const ee = ({
   html: u,
-  loadingText: B,
-  styleLoadingText: W,
-  scriptLoadingText: z,
-  resetToken: f = 0
+  loadingText: W,
+  styleLoadingText: z,
+  scriptLoadingText: k,
+  resetToken: f = 0,
+  mode: q = "content"
 }) => {
-  const q = n(null), S = n(null), [H, L] = A(!0), [V, C] = A(!1), [_, E] = A(!1), b = n([]), w = n([]), N = n(0), j = n(0), p = n(null), d = n(null), m = n(!1), h = n(!1), R = n(!1), D = n(f), O = 200, c = (t) => {
+  const H = n(null), C = n(null), [V, N] = I(!0), [_, E] = I(!1), [O, b] = I(!1), w = n([]), R = n([]), j = n(0), D = n(0), p = n(null), d = n(null), m = n(!1), h = n(!1), A = n(!1), M = n(f), Q = 200, c = (t) => {
     t.current && (clearTimeout(t.current), t.current = null);
-  }, M = (t, s, o, g) => {
-    const a = performance.now() - o.current, x = Math.max(0, O - a);
+  }, T = (t, s, o, v) => {
+    const a = performance.now() - o.current, x = Math.max(0, Q - a);
     c(s), s.current = window.setTimeout(() => {
-      t(!1), g?.(), s.current = null;
+      t(!1), v?.(), s.current = null;
     }, x);
   };
-  I(() => {
-    const t = S.current?.ownerDocument;
+  L(() => {
+    const t = C.current?.ownerDocument;
     if (!t) return;
     const s = "sandbox-spinner-style";
     let o = t.getElementById(s);
     o || (o = t.createElement("style"), o.id = s, o.textContent = "@keyframes sandbox-spin { from { transform: rotate(0deg);} to { transform: rotate(360deg);} }", t.head?.appendChild(o));
-  }, []), I(() => {
-    f !== D.current && (R.current = !1, D.current = f), c(p), c(d), m.current = !1, h.current = !1;
-    const t = S.current;
+  }, []), L(() => {
+    f !== M.current && (A.current = !1, M.current = f), c(p), c(d), m.current = !1, h.current = !1;
+    const t = C.current;
     if (!t) return;
     const s = t.ownerDocument, o = s?.body;
     if (!o) return;
-    b.current.forEach((e) => e.remove()), b.current = [], w.current.forEach((e) => e.remove()), w.current = [];
-    const g = R.current;
-    L(!g), C(!1), E(!1), t.innerHTML = "";
+    w.current.forEach((e) => e.remove()), w.current = [], R.current.forEach((e) => e.remove()), R.current = [];
+    const v = A.current;
+    N(!v), E(!1), b(!1), t.innerHTML = "";
     const a = document.createElement("div");
     a.innerHTML = u;
-    const x = (u.match(/<script[\s>]/gi) || []).length, Q = (u.match(/<\/script>/gi) || []).length, k = x > 0 && x === Q, l = [];
+    const x = (u.match(/<script[\s>]/gi) || []).length, J = (u.match(/<\/script>/gi) || []).length, K = x > 0 && x === J, l = [];
     Array.from(a.querySelectorAll("style, script")).forEach((e) => {
       if (e.tagName.toLowerCase() === "style") {
         const r = s.createElement("style");
@@ -48,21 +49,21 @@ const Z = ({
       }
       e.remove();
     });
-    const T = l.some(
+    const B = l.some(
       (e) => e.tagName.toLowerCase() === "style"
     ), F = l.some(
       (e) => e.tagName.toLowerCase() === "script"
     );
-    T && (m.current = !0, N.current = performance.now(), c(p), C(!0)), F && (h.current = !0, j.current = performance.now(), c(d), E(!0));
+    B && (m.current = !0, j.current = performance.now(), c(p), E(!0)), F && (h.current = !0, D.current = performance.now(), c(d), b(!0));
     const G = !!a.firstElementChild;
-    L(!G && !g), G && (R.current = !0);
-    const J = Array.from(a.childNodes);
-    t.append(...J), l.forEach((e) => {
+    N(!G && !v), G && (A.current = !0);
+    const P = Array.from(a.childNodes);
+    t.append(...P), l.forEach((e) => {
       if (e.tagName.toLowerCase() === "style") {
-        s.head?.appendChild(e), b.current.push(e);
+        s.head?.appendChild(e), w.current.push(e);
         return;
       }
-      if (k) {
+      if (K) {
         const r = e, i = r.textContent || "";
         if (!r.src)
           try {
@@ -72,59 +73,60 @@ const Z = ({
             return;
           }
         try {
-          o.appendChild(r), w.current.push(r);
+          o.appendChild(r), R.current.push(r);
         } catch {
           r.remove();
         }
       } else
         e.remove();
     }), requestAnimationFrame(() => {
-      T && M(
-        C,
+      B && T(
+        E,
         p,
-        N,
+        j,
         () => {
           m.current = !1;
         }
-      ), F && M(
-        E,
+      ), F && T(
+        b,
         d,
-        j,
+        D,
         () => {
           h.current = !1;
         }
       );
     });
-  }, [u, f]), I(
+  }, [u, f]), L(
     () => () => {
       c(p), c(d);
     },
     []
   );
-  const y = _ || h.current ? z || "Building scripts cache..." : V || m.current ? W || "Building styles..." : H ? B || "Loading..." : null;
-  return /* @__PURE__ */ v.jsxs(
+  const y = O || h.current ? k || "Building scripts cache..." : _ || m.current ? z || "Building styles..." : V ? W || "Loading..." : null, g = q === "blackboard";
+  return /* @__PURE__ */ S.jsxs(
     "div",
     {
-      ref: q,
+      ref: H,
       style: {
         position: "relative",
-        height: "100vh",
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "center"
+        width: "100%",
+        height: g ? "100vh" : void 0,
+        display: g ? "flex" : void 0,
+        flexDirection: g ? "column" : void 0,
+        justifyContent: g ? "center" : void 0
       },
       "aria-busy": !!y,
       children: [
-        /* @__PURE__ */ v.jsx(
+        /* @__PURE__ */ S.jsx(
           "div",
           {
-            ref: S,
+            ref: C,
             style: {
               pointerEvents: y ? "none" : void 0
             }
           }
         ),
-        y && /* @__PURE__ */ v.jsxs(
+        y && /* @__PURE__ */ S.jsxs(
           "div",
           {
             style: {
@@ -142,8 +144,8 @@ const Z = ({
               zIndex: 20
             },
             children: [
-              /* @__PURE__ */ v.jsx(
-                K,
+              /* @__PURE__ */ S.jsx(
+                U,
                 {
                   "aria-hidden": !0,
                   size: 20,
@@ -159,6 +161,6 @@ const Z = ({
   );
 };
 export {
-  Z as default
+  ee as default
 };
 //# sourceMappingURL=SandboxApp.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SandboxApp.js","sources":["../../../src/components/ContentRender/SandboxApp.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { Loader2 } from \"lucide-react\";\n\nexport interface SandboxAppProps {\n  html: string;\n  loadingText?: string;\n  styleLoadingText?: string;\n  scriptLoadingText?: string;\n  resetToken?: number;\n}\n\nconst SandboxApp: React.FC<SandboxAppProps> = ({\n  html,\n  loadingText,\n  styleLoadingText,\n  scriptLoadingText,\n  resetToken = 0,\n}) => {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [isWaitingFirstDiv, setIsWaitingFirstDiv] = useState(true);\n  const [isGeneratingStyles, setIsGeneratingStyles] = useState(false);\n  const [isGeneratingScripts, setIsGeneratingScripts] = useState(false);\n  const appendedStylesRef = useRef<HTMLStyleElement[]>([]);\n  const appendedScriptsRef = useRef<HTMLScriptElement[]>([]);\n  const styleStartRef = useRef(0);\n  const scriptStartRef = useRef(0);\n  const styleTimerRef = useRef<number | null>(null);\n  const scriptTimerRef = useRef<number | null>(null);\n  const hasStylesRef = useRef(false);\n  const hasScriptsRef = useRef(false);\n  const hasRenderedContentRef = useRef(false);\n  const prevResetTokenRef = useRef(resetToken);\n  const MIN_LOADING_MS = 200;\n\n  const clearTimer = (timerRef: React.MutableRefObject<number | null>) => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n  };\n\n  const settleStateWithMinimumDelay = (\n    setter: React.Dispatch<React.SetStateAction<boolean>>,\n    timerRef: React.MutableRefObject<number | null>,\n    startRef: React.MutableRefObject<number>,\n    onDone?: () => void\n  ) => {\n    const elapsed = performance.now() - startRef.current;\n    const delay = Math.max(0, MIN_LOADING_MS - elapsed);\n    clearTimer(timerRef);\n    timerRef.current = window.setTimeout(() => {\n      setter(false);\n      onDone?.();\n      timerRef.current = null;\n    }, delay);\n  };\n\n  useEffect(() => {\n    const doc = containerRef.current?.ownerDocument;\n    if (!doc) return;\n    const styleId = \"sandbox-spinner-style\";\n    let styleEl = doc.getElementById(styleId) as HTMLStyleElement | null;\n    if (!styleEl) {\n      styleEl = doc.createElement(\"style\");\n      styleEl.id = styleId;\n      styleEl.textContent =\n        \"@keyframes sandbox-spin { from { transform: rotate(0deg);} to { transform: rotate(360deg);} }\";\n      doc.head?.appendChild(styleEl);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (resetToken !== prevResetTokenRef.current) {\n      hasRenderedContentRef.current = false;\n      prevResetTokenRef.current = resetToken;\n    }\n    clearTimer(styleTimerRef);\n    clearTimer(scriptTimerRef);\n    hasStylesRef.current = false;\n    hasScriptsRef.current = false;\n\n    const container = containerRef.current;\n    if (!container) return;\n    const doc = container.ownerDocument;\n    const body = doc?.body;\n    if (!body) return;\n\n    appendedStylesRef.current.forEach((node) => node.remove());\n    appendedStylesRef.current = [];\n    appendedScriptsRef.current.forEach((node) => node.remove());\n    appendedScriptsRef.current = [];\n\n    const hasRenderedBefore = hasRenderedContentRef.current;\n    setIsWaitingFirstDiv(!hasRenderedBefore);\n    setIsGeneratingStyles(false);\n    setIsGeneratingScripts(false);\n    container.innerHTML = \"\";\n    const wrapper = document.createElement(\"div\");\n    wrapper.innerHTML = html;\n\n    const openScriptCount = (html.match(/<script[\\s>]/gi) || []).length;\n    const closeScriptCount = (html.match(/<\\/script>/gi) || []).length;\n    const shouldExecuteScripts =\n      openScriptCount > 0 && openScriptCount === closeScriptCount;\n\n    const resourceQueue: HTMLElement[] = [];\n\n    Array.from(wrapper.querySelectorAll(\"style, script\")).forEach((node) => {\n      if (node.tagName.toLowerCase() === \"style\") {\n        const cloned = doc.createElement(\"style\");\n        cloned.textContent = node.textContent || \"\";\n        Array.from(node.attributes).forEach((attr) => {\n          cloned.setAttribute(attr.name, attr.value);\n        });\n        resourceQueue.push(cloned);\n      } else {\n        const replacement = doc.createElement(\"script\");\n        Array.from(node.attributes).forEach((attr) => {\n          replacement.setAttribute(attr.name, attr.value);\n        });\n        replacement.textContent = node.textContent || \"\";\n        resourceQueue.push(replacement);\n      }\n      node.remove();\n    });\n\n    const hasStyles = resourceQueue.some(\n      (node) => node.tagName.toLowerCase() === \"style\"\n    );\n    const hasScripts = resourceQueue.some(\n      (node) => node.tagName.toLowerCase() === \"script\"\n    );\n    if (hasStyles) {\n      hasStylesRef.current = true;\n      styleStartRef.current = performance.now();\n      clearTimer(styleTimerRef);\n      setIsGeneratingStyles(true);\n    }\n    if (hasScripts) {\n      hasScriptsRef.current = true;\n      scriptStartRef.current = performance.now();\n      clearTimer(scriptTimerRef);\n      setIsGeneratingScripts(true);\n    }\n\n    const hasFirstElement = !!wrapper.firstElementChild;\n    setIsWaitingFirstDiv(!hasFirstElement && !hasRenderedBefore);\n    if (hasFirstElement) {\n      hasRenderedContentRef.current = true;\n    }\n\n    const contentNodes = Array.from(wrapper.childNodes);\n    container.append(...contentNodes);\n\n    resourceQueue.forEach((node) => {\n      if (node.tagName.toLowerCase() === \"style\") {\n        doc.head?.appendChild(node);\n        appendedStylesRef.current.push(node as HTMLStyleElement);\n        return;\n      }\n\n      if (shouldExecuteScripts) {\n        const scriptNode = node as HTMLScriptElement;\n        const scriptText = scriptNode.textContent || \"\";\n        const shouldValidate = !scriptNode.src;\n\n        if (shouldValidate) {\n          try {\n            // Validate script is syntactically complete before executing\n\n            new Function(scriptText);\n          } catch {\n            scriptNode.remove();\n            return;\n          }\n        }\n\n        try {\n          body.appendChild(scriptNode);\n          appendedScriptsRef.current.push(scriptNode);\n        } catch {\n          scriptNode.remove();\n        }\n      } else {\n        // Defer execution until all script tags are fully received\n        node.remove();\n      }\n    });\n    requestAnimationFrame(() => {\n      if (hasStyles) {\n        settleStateWithMinimumDelay(\n          setIsGeneratingStyles,\n          styleTimerRef,\n          styleStartRef,\n          () => {\n            hasStylesRef.current = false;\n          }\n        );\n      }\n      if (hasScripts) {\n        settleStateWithMinimumDelay(\n          setIsGeneratingScripts,\n          scriptTimerRef,\n          scriptStartRef,\n          () => {\n            hasScriptsRef.current = false;\n          }\n        );\n      }\n    });\n  }, [html, resetToken]);\n\n  useEffect(\n    () => () => {\n      clearTimer(styleTimerRef);\n      clearTimer(scriptTimerRef);\n    },\n    []\n  );\n\n  const overlayMessage = (() => {\n    if (isGeneratingScripts || hasScriptsRef.current)\n      return scriptLoadingText || \"Building scripts cache...\";\n    if (isGeneratingStyles || hasStylesRef.current)\n      return styleLoadingText || \"Building styles...\";\n    if (isWaitingFirstDiv) return loadingText || \"Loading...\";\n    return null;\n  })();\n\n  return (\n    <div\n      ref={wrapperRef}\n      style={{\n        position: \"relative\",\n        height: \"100vh\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n      }}\n      aria-busy={!!overlayMessage}\n    >\n      <div\n        ref={containerRef}\n        style={{\n          pointerEvents: overlayMessage ? \"none\" : undefined,\n        }}\n      />\n      {overlayMessage && (\n        <div\n          style={{\n            position: \"absolute\",\n            inset: 0,\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            background: \"rgba(51, 51, 51, 0.80)\",\n            color: \"#ffffff\",\n            fontSize: 16,\n            fontWeight: 700,\n            gap: 10,\n            pointerEvents: \"auto\",\n            zIndex: 20,\n          }}\n        >\n          <Loader2\n            aria-hidden\n            size={20}\n            style={{ animation: \"sandbox-spin 1s linear infinite\" }}\n          />\n          {overlayMessage}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default SandboxApp;\n"],"names":["SandboxApp","html","loadingText","styleLoadingText","scriptLoadingText","resetToken","wrapperRef","useRef","containerRef","isWaitingFirstDiv","setIsWaitingFirstDiv","useState","isGeneratingStyles","setIsGeneratingStyles","isGeneratingScripts","setIsGeneratingScripts","appendedStylesRef","appendedScriptsRef","styleStartRef","scriptStartRef","styleTimerRef","scriptTimerRef","hasStylesRef","hasScriptsRef","hasRenderedContentRef","prevResetTokenRef","MIN_LOADING_MS","clearTimer","timerRef","settleStateWithMinimumDelay","setter","startRef","onDone","elapsed","delay","useEffect","doc","styleId","styleEl","container","body","node","hasRenderedBefore","wrapper","openScriptCount","closeScriptCount","shouldExecuteScripts","resourceQueue","cloned","attr","replacement","hasStyles","hasScripts","hasFirstElement","contentNodes","scriptNode","scriptText","overlayMessage","jsxs","jsx","Loader2"],"mappings":"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"}
+{"version":3,"file":"SandboxApp.js","sources":["../../../src/components/ContentRender/SandboxApp.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { Loader2 } from \"lucide-react\";\n\nexport interface SandboxAppProps {\n  html: string;\n  loadingText?: string;\n  styleLoadingText?: string;\n  scriptLoadingText?: string;\n  resetToken?: number;\n  mode?: \"content\" | \"blackboard\";\n}\n\nconst SandboxApp: React.FC<SandboxAppProps> = ({\n  html,\n  loadingText,\n  styleLoadingText,\n  scriptLoadingText,\n  resetToken = 0,\n  mode = \"content\",\n}) => {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [isWaitingFirstDiv, setIsWaitingFirstDiv] = useState(true);\n  const [isGeneratingStyles, setIsGeneratingStyles] = useState(false);\n  const [isGeneratingScripts, setIsGeneratingScripts] = useState(false);\n  const appendedStylesRef = useRef<HTMLStyleElement[]>([]);\n  const appendedScriptsRef = useRef<HTMLScriptElement[]>([]);\n  const styleStartRef = useRef(0);\n  const scriptStartRef = useRef(0);\n  const styleTimerRef = useRef<number | null>(null);\n  const scriptTimerRef = useRef<number | null>(null);\n  const hasStylesRef = useRef(false);\n  const hasScriptsRef = useRef(false);\n  const hasRenderedContentRef = useRef(false);\n  const prevResetTokenRef = useRef(resetToken);\n  const MIN_LOADING_MS = 200;\n\n  const clearTimer = (timerRef: React.MutableRefObject<number | null>) => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n  };\n\n  const settleStateWithMinimumDelay = (\n    setter: React.Dispatch<React.SetStateAction<boolean>>,\n    timerRef: React.MutableRefObject<number | null>,\n    startRef: React.MutableRefObject<number>,\n    onDone?: () => void\n  ) => {\n    const elapsed = performance.now() - startRef.current;\n    const delay = Math.max(0, MIN_LOADING_MS - elapsed);\n    clearTimer(timerRef);\n    timerRef.current = window.setTimeout(() => {\n      setter(false);\n      onDone?.();\n      timerRef.current = null;\n    }, delay);\n  };\n\n  useEffect(() => {\n    const doc = containerRef.current?.ownerDocument;\n    if (!doc) return;\n    const styleId = \"sandbox-spinner-style\";\n    let styleEl = doc.getElementById(styleId) as HTMLStyleElement | null;\n    if (!styleEl) {\n      styleEl = doc.createElement(\"style\");\n      styleEl.id = styleId;\n      styleEl.textContent =\n        \"@keyframes sandbox-spin { from { transform: rotate(0deg);} to { transform: rotate(360deg);} }\";\n      doc.head?.appendChild(styleEl);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (resetToken !== prevResetTokenRef.current) {\n      hasRenderedContentRef.current = false;\n      prevResetTokenRef.current = resetToken;\n    }\n    clearTimer(styleTimerRef);\n    clearTimer(scriptTimerRef);\n    hasStylesRef.current = false;\n    hasScriptsRef.current = false;\n\n    const container = containerRef.current;\n    if (!container) return;\n    const doc = container.ownerDocument;\n    const body = doc?.body;\n    if (!body) return;\n\n    appendedStylesRef.current.forEach((node) => node.remove());\n    appendedStylesRef.current = [];\n    appendedScriptsRef.current.forEach((node) => node.remove());\n    appendedScriptsRef.current = [];\n\n    const hasRenderedBefore = hasRenderedContentRef.current;\n    setIsWaitingFirstDiv(!hasRenderedBefore);\n    setIsGeneratingStyles(false);\n    setIsGeneratingScripts(false);\n    container.innerHTML = \"\";\n    const wrapper = document.createElement(\"div\");\n    wrapper.innerHTML = html;\n\n    const openScriptCount = (html.match(/<script[\\s>]/gi) || []).length;\n    const closeScriptCount = (html.match(/<\\/script>/gi) || []).length;\n    const shouldExecuteScripts =\n      openScriptCount > 0 && openScriptCount === closeScriptCount;\n\n    const resourceQueue: HTMLElement[] = [];\n\n    Array.from(wrapper.querySelectorAll(\"style, script\")).forEach((node) => {\n      if (node.tagName.toLowerCase() === \"style\") {\n        const cloned = doc.createElement(\"style\");\n        cloned.textContent = node.textContent || \"\";\n        Array.from(node.attributes).forEach((attr) => {\n          cloned.setAttribute(attr.name, attr.value);\n        });\n        resourceQueue.push(cloned);\n      } else {\n        const replacement = doc.createElement(\"script\");\n        Array.from(node.attributes).forEach((attr) => {\n          replacement.setAttribute(attr.name, attr.value);\n        });\n        replacement.textContent = node.textContent || \"\";\n        resourceQueue.push(replacement);\n      }\n      node.remove();\n    });\n\n    const hasStyles = resourceQueue.some(\n      (node) => node.tagName.toLowerCase() === \"style\"\n    );\n    const hasScripts = resourceQueue.some(\n      (node) => node.tagName.toLowerCase() === \"script\"\n    );\n    if (hasStyles) {\n      hasStylesRef.current = true;\n      styleStartRef.current = performance.now();\n      clearTimer(styleTimerRef);\n      setIsGeneratingStyles(true);\n    }\n    if (hasScripts) {\n      hasScriptsRef.current = true;\n      scriptStartRef.current = performance.now();\n      clearTimer(scriptTimerRef);\n      setIsGeneratingScripts(true);\n    }\n\n    const hasFirstElement = !!wrapper.firstElementChild;\n    setIsWaitingFirstDiv(!hasFirstElement && !hasRenderedBefore);\n    if (hasFirstElement) {\n      hasRenderedContentRef.current = true;\n    }\n\n    const contentNodes = Array.from(wrapper.childNodes);\n    container.append(...contentNodes);\n\n    resourceQueue.forEach((node) => {\n      if (node.tagName.toLowerCase() === \"style\") {\n        doc.head?.appendChild(node);\n        appendedStylesRef.current.push(node as HTMLStyleElement);\n        return;\n      }\n\n      if (shouldExecuteScripts) {\n        const scriptNode = node as HTMLScriptElement;\n        const scriptText = scriptNode.textContent || \"\";\n        const shouldValidate = !scriptNode.src;\n\n        if (shouldValidate) {\n          try {\n            // Validate script is syntactically complete before executing\n\n            new Function(scriptText);\n          } catch {\n            scriptNode.remove();\n            return;\n          }\n        }\n\n        try {\n          body.appendChild(scriptNode);\n          appendedScriptsRef.current.push(scriptNode);\n        } catch {\n          scriptNode.remove();\n        }\n      } else {\n        // Defer execution until all script tags are fully received\n        node.remove();\n      }\n    });\n    requestAnimationFrame(() => {\n      if (hasStyles) {\n        settleStateWithMinimumDelay(\n          setIsGeneratingStyles,\n          styleTimerRef,\n          styleStartRef,\n          () => {\n            hasStylesRef.current = false;\n          }\n        );\n      }\n      if (hasScripts) {\n        settleStateWithMinimumDelay(\n          setIsGeneratingScripts,\n          scriptTimerRef,\n          scriptStartRef,\n          () => {\n            hasScriptsRef.current = false;\n          }\n        );\n      }\n    });\n  }, [html, resetToken]);\n\n  useEffect(\n    () => () => {\n      clearTimer(styleTimerRef);\n      clearTimer(scriptTimerRef);\n    },\n    []\n  );\n\n  const overlayMessage = (() => {\n    if (isGeneratingScripts || hasScriptsRef.current)\n      return scriptLoadingText || \"Building scripts cache...\";\n    if (isGeneratingStyles || hasStylesRef.current)\n      return styleLoadingText || \"Building styles...\";\n    if (isWaitingFirstDiv) return loadingText || \"Loading...\";\n    return null;\n  })();\n\n  const isBlackboard = mode === \"blackboard\";\n\n  return (\n    <div\n      ref={wrapperRef}\n      style={{\n        position: \"relative\",\n        width: \"100%\",\n        height: isBlackboard ? \"100vh\" : undefined,\n        display: isBlackboard ? \"flex\" : undefined,\n        flexDirection: isBlackboard ? \"column\" : undefined,\n        justifyContent: isBlackboard ? \"center\" : undefined,\n      }}\n      aria-busy={!!overlayMessage}\n    >\n      <div\n        ref={containerRef}\n        style={{\n          pointerEvents: overlayMessage ? \"none\" : undefined,\n        }}\n      />\n      {overlayMessage && (\n        <div\n          style={{\n            position: \"absolute\",\n            inset: 0,\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            background: \"rgba(51, 51, 51, 0.80)\",\n            color: \"#ffffff\",\n            fontSize: 16,\n            fontWeight: 700,\n            gap: 10,\n            pointerEvents: \"auto\",\n            zIndex: 20,\n          }}\n        >\n          <Loader2\n            aria-hidden\n            size={20}\n            style={{ animation: \"sandbox-spin 1s linear infinite\" }}\n          />\n          {overlayMessage}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default SandboxApp;\n"],"names":["SandboxApp","html","loadingText","styleLoadingText","scriptLoadingText","resetToken","mode","wrapperRef","useRef","containerRef","isWaitingFirstDiv","setIsWaitingFirstDiv","useState","isGeneratingStyles","setIsGeneratingStyles","isGeneratingScripts","setIsGeneratingScripts","appendedStylesRef","appendedScriptsRef","styleStartRef","scriptStartRef","styleTimerRef","scriptTimerRef","hasStylesRef","hasScriptsRef","hasRenderedContentRef","prevResetTokenRef","MIN_LOADING_MS","clearTimer","timerRef","settleStateWithMinimumDelay","setter","startRef","onDone","elapsed","delay","useEffect","doc","styleId","styleEl","container","body","node","hasRenderedBefore","wrapper","openScriptCount","closeScriptCount","shouldExecuteScripts","resourceQueue","cloned","attr","replacement","hasStyles","hasScripts","hasFirstElement","contentNodes","scriptNode","scriptText","overlayMessage","isBlackboard","jsxs","jsx","Loader2"],"mappings":"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"}

package/dist/components/ContentRender/utils/split-content.js

@@ -1,66 +1,64 @@
-const S = /<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)[\s>]/i, y = [
+const y = /<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)[\s>]/i, k = [
   /<svg[\s\S]*?<\/svg>/i,
   /<img\b[^>]*?>/i,
   /```mermaid[\s\S]*?```/i,
   /```[a-zA-Z0-9]+[\s\S]*?```/i
-], p = /<\/[a-z][^>]*>\s*\n(?=[^\s<])/gi, k = (t, e) => {
-  let i = t.length, n;
-  for (p.lastIndex = 0; n = p.exec(t); )
-    if (!(n.index <= e)) {
-      i = n.index + n[0].length;
+], v = /<\/[a-z][^>]*>\s*\n(?=[^\s<])/gi, I = (t, n) => {
+  let s = t.length, e;
+  for (v.lastIndex = 0; e = v.exec(t); )
+    if (!(e.index <= n)) {
+      s = e.index + e[0].length;
       break;
     }
-  return i;
-}, I = (t) => {
-  let e = null;
-  return y.forEach((i) => {
-    const n = i.exec(t);
-    if (!n || typeof n.index != "number") return;
-    const s = n.index, r = n.index + n[0].length;
-    (!e || s < e.start) && (e = { start: s, end: r });
-  }), e;
+  return s;
 }, B = (t) => {
-  const e = t.search(/^\s*\|.*\|\s*$/m);
-  if (e === -1) return null;
-  const i = t.slice(e).split(`
-`);
-  let n = e;
-  const s = [];
+  let n = null;
+  return k.forEach((s) => {
+    const e = s.exec(t);
+    if (!e || typeof e.index != "number") return;
+    const i = e.index, r = e.index + e[0].length;
+    (!n || i < n.start) && (n = { start: i, end: r });
+  }), n;
+}, E = (t) => {
+  const n = t.match(/^\s*\|.+\|\s*$/m);
+  if (!n || typeof n.index != "number") return null;
+  const s = n[0].match(/^\s*/)?.[0].length ?? 0, e = n.index + s, i = t.slice(e).split(`
+`), r = [];
   for (const c of i) {
     if (!c.trim().startsWith("|")) break;
-    s.push(c), n += c.length + 1;
+    r.push(c);
   }
-  const r = s.join(`
+  const o = r.join(`
 `);
-  return { start: e, block: r, end: n - 1 };
-}, f = (t, e = !1) => {
-  const i = t.indexOf("```");
-  if (e && i !== -1 && t.indexOf("```", i + 3) === -1)
+  return { start: e, block: o, end: e + o.length };
+}, u = (t, n = !1) => {
+  const s = t.indexOf("```");
+  if (n && s !== -1 && t.indexOf("```", s + 3) === -1)
     return [{ type: "markdown", value: t }];
-  const n = t.search(/<svg\b/i);
-  if (n !== -1 && t.indexOf("</svg>", n) === -1)
+  const e = t.search(/<svg\b/i);
+  if (e !== -1 && t.indexOf("</svg>", e) === -1)
     return [{ type: "markdown", value: t }];
-  const s = B(t);
-  if (s) {
-    const l = [], b = t.slice(0, s.start);
-    e && b.trim() && l.push({ type: "text", value: b.trim() }), l.push({ type: "markdown", value: s.block });
-    const u = t.slice(s.end);
-    return u.trim() && l.push(
-      ...e ? f(u, !0) : f(u)
+  const i = E(t);
+  if (i) {
+    const l = [], p = t.slice(0, i.start);
+    n && p.trim() && l.push({ type: "text", value: p }), l.push({ type: "markdown", value: i.block });
+    const m = t.slice(i.end), S = m.length < t.length;
+    return m.trim() && S && l.push(
+      ...n ? u(m, !0) : u(m)
     ), l;
   }
-  if (t.match(/<svg[\s\S]*?<\/svg>/i) && e)
+  if (t.match(/<svg[\s\S]*?<\/svg>/i) && n && !(e > -1 && t.slice(0, e).trim().length > 0))
     return t.trim().toLowerCase().endsWith("</svg>") ? [{ type: "markdown", value: t }] : [{ type: "markdown", value: `${t}</svg>` }];
-  const c = t.search(S), o = I(t);
-  if (c === -1 && !o)
-    return e && t.trim() ? [{ type: "text", value: t }] : [];
-  const d = !!o && (c === -1 || o.start < c), m = d ? o.start : c, h = d ? o.end : k(t, m), a = [], g = t.slice(0, m), x = t.slice(m, h), v = t.slice(h);
-  return e && g.trim() && a.push({ type: "text", value: g }), a.push({
-    type: d ? "markdown" : "sandbox",
+  const o = t.search(y), c = B(t);
+  if (o === -1 && !c)
+    return n && t.trim() ? [{ type: "text", value: t }] : [];
+  const a = !!c && (o === -1 || c.start < o), h = a ? c.start : o, f = a ? c.end : I(t, h), d = [], g = t.slice(0, h), x = t.slice(h, f), b = t.slice(f);
+  return n && g.trim() && d.push({ type: "text", value: g }), d.push({
+    type: a ? "markdown" : "sandbox",
     value: x
-  }), v.trim() && a.push(...f(v, e)), a;
+  }), b.trim() && d.push(...u(b, n)), d;
 };
 export {
-  f as splitContentSegments
+  u as splitContentSegments
 };
 //# sourceMappingURL=split-content.js.map

package/dist/components/ContentRender/utils/split-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"split-content.js","sources":["../../../../src/components/ContentRender/utils/split-content.ts"],"sourcesContent":["export type RenderSegment =\n  | { type: \"markdown\"; value: string }\n  | { type: \"sandbox\"; value: string }\n  | { type: \"text\"; value: string };\n\nconst SANDBOX_START_PATTERN =\n  /<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)[\\s>]/i;\n\nconst INLINE_SANDBOX_PATTERNS: RegExp[] = [\n  /<svg[\\s\\S]*?<\\/svg>/i,\n  /<img\\b[^>]*?>/i,\n  /```mermaid[\\s\\S]*?```/i,\n  /```[a-zA-Z0-9]+[\\s\\S]*?```/i,\n];\n\nconst closingBoundary = /<\\/[a-z][^>]*>\\s*\\n(?=[^\\s<])/gi;\n\ntype MatchResult = { start: number; end: number };\n\nconst findHtmlBlockEnd = (raw: string, startIndex: number) => {\n  let blockEnd = raw.length;\n  let match: RegExpExecArray | null;\n  closingBoundary.lastIndex = 0;\n\n  while ((match = closingBoundary.exec(raw))) {\n    if (match.index <= startIndex) continue;\n    blockEnd = match.index + match[0].length;\n    break;\n  }\n\n  return blockEnd;\n};\n\nconst findInlineSandboxMatch = (raw: string): MatchResult | null => {\n  let earliest: MatchResult | null = null;\n\n  INLINE_SANDBOX_PATTERNS.forEach((pattern) => {\n    const match = pattern.exec(raw);\n    if (!match || typeof match.index !== \"number\") return;\n    const start = match.index;\n    const end = match.index + match[0].length;\n\n    if (!earliest || start < earliest.start) {\n      earliest = { start, end };\n    }\n  });\n\n  return earliest;\n};\n\nconst extractTableBlock = (\n  raw: string\n): { start: number; block: string; end: number } | null => {\n  const tableStart = raw.search(/^\\s*\\|.*\\|\\s*$/m);\n  if (tableStart === -1) return null;\n\n  const lines = raw.slice(tableStart).split(\"\\n\");\n  let endIndex = tableStart;\n  const tableLines: string[] = [];\n\n  for (const line of lines) {\n    const trimmed = line.trim();\n    if (!trimmed.startsWith(\"|\")) break;\n    tableLines.push(line);\n    endIndex += line.length + 1; // include newline\n  }\n\n  const block = tableLines.join(\"\\n\");\n  return { start: tableStart, block, end: endIndex - 1 };\n};\n\n// Split incoming markdown content into markdown and sandbox HTML segments\nexport const splitContentSegments = (\n  raw: string,\n  keepText = false\n): RenderSegment[] => {\n  const fenceStart = raw.indexOf(\"```\");\n  if (keepText && fenceStart !== -1) {\n    const closingFence = raw.indexOf(\"```\", fenceStart + 3);\n    if (closingFence === -1) {\n      return [{ type: \"markdown\", value: raw }];\n    }\n  }\n\n  const svgOpenIndex = raw.search(/<svg\\b/i);\n  if (svgOpenIndex !== -1 && raw.indexOf(\"</svg>\", svgOpenIndex) === -1) {\n    return [{ type: \"markdown\", value: raw }];\n  }\n\n  const tableBlock = extractTableBlock(raw);\n  if (tableBlock) {\n    const segments: RenderSegment[] = [];\n    const before = raw.slice(0, tableBlock.start);\n    if (keepText && before.trim()) {\n      segments.push({ type: \"text\", value: before.trim() });\n    }\n    segments.push({ type: \"markdown\", value: tableBlock.block });\n    const after = raw.slice(tableBlock.end);\n    if (after.trim()) {\n      segments.push(\n        ...(keepText\n          ? splitContentSegments(after, true)\n          : splitContentSegments(after))\n      );\n    }\n    return segments;\n  }\n\n  const completeSvgMatch = raw.match(/<svg[\\s\\S]*?<\\/svg>/i);\n  if (completeSvgMatch && keepText) {\n    if (!raw.trim().toLowerCase().endsWith(\"</svg>\")) {\n      return [{ type: \"markdown\", value: `${raw}</svg>` }];\n    }\n    return [{ type: \"markdown\", value: raw }];\n  }\n\n  const sandboxStartIndex = raw.search(SANDBOX_START_PATTERN);\n  const inlineMatch = findInlineSandboxMatch(raw);\n\n  if (sandboxStartIndex === -1 && !inlineMatch) {\n    if (keepText && raw.trim()) {\n      return [{ type: \"text\", value: raw }];\n    }\n    return [];\n  }\n\n  const shouldUseInline =\n    !!inlineMatch &&\n    (sandboxStartIndex === -1 || inlineMatch.start < sandboxStartIndex);\n\n  const startIndex = shouldUseInline ? inlineMatch!.start : sandboxStartIndex;\n  const blockEnd = shouldUseInline\n    ? inlineMatch!.end\n    : findHtmlBlockEnd(raw, startIndex);\n\n  const segments: RenderSegment[] = [];\n  const before = raw.slice(0, startIndex);\n  const matchedBlock = raw.slice(startIndex, blockEnd);\n  const after = raw.slice(blockEnd);\n\n  if (keepText && before.trim()) {\n    segments.push({ type: \"text\", value: before });\n  }\n\n  segments.push({\n    type: shouldUseInline ? \"markdown\" : \"sandbox\",\n    value: matchedBlock,\n  });\n\n  if (after.trim()) {\n    segments.push(...splitContentSegments(after, keepText));\n  }\n\n  return segments;\n};\n"],"names":["SANDBOX_START_PATTERN","INLINE_SANDBOX_PATTERNS","closingBoundary","findHtmlBlockEnd","raw","startIndex","blockEnd","match","findInlineSandboxMatch","earliest","pattern","start","end","extractTableBlock","tableStart","lines","endIndex","tableLines","line","block","splitContentSegments","keepText","fenceStart","svgOpenIndex","tableBlock","segments","before","after","sandboxStartIndex","inlineMatch","shouldUseInline","matchedBlock"],"mappings":"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"}
+{"version":3,"file":"split-content.js","sources":["../../../../src/components/ContentRender/utils/split-content.ts"],"sourcesContent":["export type RenderSegment =\n  | { type: \"markdown\"; value: string }\n  | { type: \"sandbox\"; value: string }\n  | { type: \"text\"; value: string };\n\nconst SANDBOX_START_PATTERN =\n  /<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)[\\s>]/i;\n\nconst INLINE_SANDBOX_PATTERNS: RegExp[] = [\n  /<svg[\\s\\S]*?<\\/svg>/i,\n  /<img\\b[^>]*?>/i,\n  /```mermaid[\\s\\S]*?```/i,\n  /```[a-zA-Z0-9]+[\\s\\S]*?```/i,\n];\n\nconst closingBoundary = /<\\/[a-z][^>]*>\\s*\\n(?=[^\\s<])/gi;\n\ntype MatchResult = { start: number; end: number };\n\nconst findHtmlBlockEnd = (raw: string, startIndex: number) => {\n  let blockEnd = raw.length;\n  let match: RegExpExecArray | null;\n  closingBoundary.lastIndex = 0;\n\n  while ((match = closingBoundary.exec(raw))) {\n    if (match.index <= startIndex) continue;\n    blockEnd = match.index + match[0].length;\n    break;\n  }\n\n  return blockEnd;\n};\n\nconst findInlineSandboxMatch = (raw: string): MatchResult | null => {\n  let earliest: MatchResult | null = null;\n\n  INLINE_SANDBOX_PATTERNS.forEach((pattern) => {\n    const match = pattern.exec(raw);\n    if (!match || typeof match.index !== \"number\") return;\n    const start = match.index;\n    const end = match.index + match[0].length;\n\n    if (!earliest || start < earliest.start) {\n      earliest = { start, end };\n    }\n  });\n\n  return earliest;\n};\n\nconst extractTableBlock = (\n  raw: string\n): { start: number; block: string; end: number } | null => {\n  const tableMatch = raw.match(/^\\s*\\|.+\\|\\s*$/m);\n  if (!tableMatch || typeof tableMatch.index !== \"number\") return null;\n\n  const leadingSpaces = tableMatch[0].match(/^\\s*/)?.[0].length ?? 0;\n  const tableStart = tableMatch.index + leadingSpaces;\n\n  const lines = raw.slice(tableStart).split(\"\\n\");\n  const tableLines: string[] = [];\n\n  for (const line of lines) {\n    const trimmed = line.trim();\n    if (!trimmed.startsWith(\"|\")) break;\n    tableLines.push(line);\n  }\n\n  const block = tableLines.join(\"\\n\");\n  return { start: tableStart, block, end: tableStart + block.length };\n};\n\n// Split incoming markdown content into markdown and sandbox HTML segments\nexport const splitContentSegments = (\n  raw: string,\n  keepText = false\n): RenderSegment[] => {\n  const fenceStart = raw.indexOf(\"```\");\n  if (keepText && fenceStart !== -1) {\n    const closingFence = raw.indexOf(\"```\", fenceStart + 3);\n    if (closingFence === -1) {\n      return [{ type: \"markdown\", value: raw }];\n    }\n  }\n\n  const svgOpenIndex = raw.search(/<svg\\b/i);\n  if (svgOpenIndex !== -1 && raw.indexOf(\"</svg>\", svgOpenIndex) === -1) {\n    return [{ type: \"markdown\", value: raw }];\n  }\n\n  const tableBlock = extractTableBlock(raw);\n  if (tableBlock) {\n    const segments: RenderSegment[] = [];\n    const before = raw.slice(0, tableBlock.start);\n    if (keepText && before.trim()) {\n      segments.push({ type: \"text\", value: before });\n    }\n    segments.push({ type: \"markdown\", value: tableBlock.block });\n    const after = raw.slice(tableBlock.end);\n    const hasProgress = after.length < raw.length;\n    if (after.trim() && hasProgress) {\n      segments.push(\n        ...(keepText\n          ? splitContentSegments(after, true)\n          : splitContentSegments(after))\n      );\n    }\n    return segments;\n  }\n\n  const completeSvgMatch = raw.match(/<svg[\\s\\S]*?<\\/svg>/i);\n  if (completeSvgMatch && keepText) {\n    const hasLeadingContent =\n      svgOpenIndex > -1 && raw.slice(0, svgOpenIndex).trim().length > 0;\n    if (!hasLeadingContent) {\n      if (!raw.trim().toLowerCase().endsWith(\"</svg>\")) {\n        return [{ type: \"markdown\", value: `${raw}</svg>` }];\n      }\n      return [{ type: \"markdown\", value: raw }];\n    }\n  }\n\n  const sandboxStartIndex = raw.search(SANDBOX_START_PATTERN);\n  const inlineMatch = findInlineSandboxMatch(raw);\n\n  if (sandboxStartIndex === -1 && !inlineMatch) {\n    if (keepText && raw.trim()) {\n      return [{ type: \"text\", value: raw }];\n    }\n    return [];\n  }\n\n  const shouldUseInline =\n    !!inlineMatch &&\n    (sandboxStartIndex === -1 || inlineMatch.start < sandboxStartIndex);\n\n  const startIndex = shouldUseInline ? inlineMatch!.start : sandboxStartIndex;\n  const blockEnd = shouldUseInline\n    ? inlineMatch!.end\n    : findHtmlBlockEnd(raw, startIndex);\n\n  const segments: RenderSegment[] = [];\n  const before = raw.slice(0, startIndex);\n  const matchedBlock = raw.slice(startIndex, blockEnd);\n  const after = raw.slice(blockEnd);\n\n  if (keepText && before.trim()) {\n    segments.push({ type: \"text\", value: before });\n  }\n\n  segments.push({\n    type: shouldUseInline ? \"markdown\" : \"sandbox\",\n    value: matchedBlock,\n  });\n\n  if (after.trim()) {\n    segments.push(...splitContentSegments(after, keepText));\n  }\n\n  return segments;\n};\n"],"names":["SANDBOX_START_PATTERN","INLINE_SANDBOX_PATTERNS","closingBoundary","findHtmlBlockEnd","raw","startIndex","blockEnd","match","findInlineSandboxMatch","earliest","pattern","start","end","extractTableBlock","tableMatch","leadingSpaces","tableStart","lines","tableLines","line","block","splitContentSegments","keepText","fenceStart","svgOpenIndex","tableBlock","segments","before","after","hasProgress","sandboxStartIndex","inlineMatch","shouldUseInline","matchedBlock"],"mappings":"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"}

package/package.json

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