npm - markdown-flow-ui - Versions diffs - 0.1.81-beta.2 → 0.1.81-beta.20 - Mend

markdown-flow-ui 0.1.81-beta.2 → 0.1.81-beta.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (62) hide show

package/dist/components/ContentRender/ContentRender.stories.d.ts CHANGED Viewed

@@ -34,3 +34,4 @@ export declare const CodeBlockShowcase: Story;
 export declare const EnglishChineseTypographyPreview: Story;
 export declare const SVGDemo: Story;
 export declare const HTMLDemo: Story;
+export declare const HTMLDemoIframeOnly: Story;

package/dist/components/ContentRender/IframeSandbox.d.ts CHANGED Viewed

@@ -2,6 +2,11 @@ import { default as React } from 'react';
 export interface IframeSandboxProps {
     content: string;
     className?: string;
+    loadingText?: string;
+    styleLoadingText?: string;
+    scriptLoadingText?: string;
+    fullScreenButtonText?: string;
+    mode?: "content" | "blackboard";
 }
 declare const IframeSandbox: React.FC<IframeSandboxProps>;
 export default IframeSandbox;

package/dist/components/ContentRender/IframeSandbox.js CHANGED Viewed

@@ -1,16 +1,34 @@
-import { j as m } from "../../_virtual/jsx-runtime.js";
-import { useRef as a, useState as R, useEffect as v } from "react";
-import { c as E } from "../../_virtual/client.js";
-import H from "./SandboxApp.js";
-const B = ({
-  content: s,
-  className: l
+import { j as y } from "../../_virtual/jsx-runtime.js";
+import B, { useRef as s, useState as C, useEffect as f } from "react";
+import { createRoot as D } from "react-dom/client";
+import F from "./SandboxApp.js";
+import { splitContentSegments as I } from "./utils/split-content.js";
+const $ = ({
+  content: i,
+  className: H,
+  loadingText: b,
+  styleLoadingText: g,
+  scriptLoadingText: p,
+  fullScreenButtonText: R,
+  mode: c = "content"
 }) => {
-  const n = a(null), e = a(null), [u, h] = R(480);
-  return v(() => {
-    const c = n.current;
-    if (!c) return;
-    const t = c.contentDocument;
+  const u = s(null), a = s(null), x = s(null), l = s(() => {
+  }), [w, E] = C(480), [v, S] = C(0), m = s(""), o = B.useMemo(() => {
+    const t = I(i).filter((r) => r.type === "sandbox");
+    return (c === "blackboard" ? t[t.length - 1]?.value || "" : t.map((r) => r.value).join(`
+`)) || "";
+  }, [i, c]);
+  return f(() => {
+    if (c !== "blackboard") {
+      m.current = o;
+      return;
+    }
+    const e = m.current;
+    !(e && o.startsWith(e)) && e && S((n) => n + 1), m.current = o;
+  }, [o, c]), f(() => {
+    const e = u.current;
+    if (!e) return;
+    const t = e.contentDocument;
     if (!t) return;
     t.open(), t.write(`<!DOCTYPE html>
 <html>
@@ -23,31 +41,56 @@ const B = ({
   <body>
     <div id="root"></div>
   </body>
-</html>`), t.close();
-    const o = t.getElementById("root");
-    if (!o) return;
-    e.current && e.current.unmount();
-    const r = E.createRoot(o);
-    e.current = r, r.render(/* @__PURE__ */ m.jsx(H, { html: s }));
+</html>`), t.close(), x.current = t;
+    const n = t.getElementById("root");
+    if (!n) return;
+    const r = D(n);
+    a.current = r;
     const d = () => {
-      if (!n.current || !t.body) return;
-      const f = t.body.getBoundingClientRect(), g = t.documentElement?.getBoundingClientRect(), b = f.height, p = g?.height || 0, x = Math.max(b, p), y = Math.max(200, Math.ceil(x));
-      h(y);
+      if (!u.current || !t.body) return;
+      const j = t.body.getBoundingClientRect(), M = t.documentElement?.getBoundingClientRect(), k = j.height, O = M?.height || 0, z = Math.max(k, O), A = Math.max(200, Math.ceil(z));
+      E(A);
     };
-    d();
-    const i = new ResizeObserver(() => d());
-    return i.observe(t.body), o && i.observe(o), () => {
-      i.disconnect(), r.unmount(), e.current = null;
+    l.current = d, d();
+    const h = new ResizeObserver(() => d());
+    return h.observe(t.body), n && h.observe(n), () => {
+      h.disconnect(), r.unmount(), a.current = null, x.current = null, l.current = () => {
+      };
     };
-  }, [s]), /* @__PURE__ */ m.jsx(
+  }, []), f(() => {
+    const e = a.current;
+    e && (e.render(
+      /* @__PURE__ */ y.jsx(
+        F,
+        {
+          html: o,
+          loadingText: b,
+          styleLoadingText: g,
+          scriptLoadingText: p,
+          fullScreenButtonText: R,
+          resetToken: v
+        }
+      )
+    ), requestAnimationFrame(() => l.current?.()));
+  }, [
+    i,
+    o,
+    b,
+    g,
+    p,
+    R,
+    v
+  ]), /* @__PURE__ */ y.jsx(
     "iframe",
     {
-      ref: n,
+      ref: u,
       sandbox: "allow-scripts allow-same-origin",
-      className: l,
+      allow: "fullscreen",
+      allowFullScreen: !0,
+      className: H,
       style: {
         width: "100%",
-        height: `${u}px`,
+        height: `${w}px`,
         margin: "16px 0"
       },
       title: "HTML Sandbox"
@@ -55,6 +98,6 @@ const B = ({
   );
 };
 export {
-  B as default
+  $ as default
 };
 //# sourceMappingURL=IframeSandbox.js.map

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

	@@ -1 +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\";\n\nexport interface IframeSandboxProps {\n content: string;\n className?: string;\n}\n\nconst IframeSandbox: React.FC<IframeSandboxProps> = ({\n content,\n className,\n}) => {\n const iframeRef = useRef<HTMLIFrameElement>(null);\n const rootRef = useRef<Root \| null>(null);\n const [height, setHeight] = useState(480);\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\n const rootEl = doc.getElementById(\"root\");\n if (!rootEl) return undefined;\n\n ~~if (rootRef.current) {\n rootRef.current.unmount();\n }\n\n~~ const root = createRoot(rootEl);\n rootRef.current = root;\n ~~root.render(<SandboxApp html={content} />);\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\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 root.unmount();\n rootRef.current = null;\n };\n }, [content]);\n\n return (\n <iframe\n ref={iframeRef}\n sandbox=\"allow-scripts allow-same-origin\"\n className={className}\n style={{\n width: \"100%\",\n height: `${height}px`,\n margin: \"16px 0\",\n }}\n title=\"HTML Sandbox\"\n />\n );\n};\n\nexport default IframeSandbox;\n"],"names":["IframeSandbox","content","className","iframeRef","useRef","rootRef","height","setHeight","useState","useEffect","~~iframe~~","~~doc~~","~~rootEl~~","~~root~~","~~createRoot~~","~~jsx~~","~~SandboxApp~~","updateHeight","bodyRect","htmlRect","bodyHeight","htmlHeight","contentHeight","nextHeight","resizeObserver"],"mappings":"~~;;;;AASA~~,MAAMA,IAA8C,CAAC;AAAA,EACnD,SAAAC;AAAA,EACA,WAAAC;~~AACF~~,MAAM;AACJ,QAAMC,IAAYC,EAA0B,IAAI,GAC1CC,IAAUD,EAAoB,IAAI,~~GAClC~~,~~CAACE~~,GAAQC,CAAS,IAAIC,EAAS,GAAG;~~AAExC~~,~~SAAAC~~,EAAU,MAAM;AACd,~~UAAMC~~,~~IAASP~~,EAAU;AACzB,QAAI,~~CAACO~~,EAAQ;AAEb,UAAMC,IAAMD,EAAO;AACnB,QAAI,CAACC,EAAK;AAEV,IAAAA,EAAI,KAAA,GACJA,EAAI,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAWN,GACJA,EAAI,MAAA;~~AAEJ~~,UAAMC,IAASD,EAAI,eAAe,MAAM;AACxC,QAAI,CAACC,EAAQ;AAEb,~~IAAIP~~,~~EAAQ,WACVA,EAAQ,QAAQ,QAAA;AAGlB,UAAMQ,~~IAAOC,~~EAAAA~~,~~WAAWF,~~CAAM;AAC9B,~~IAAAP~~,EAAQ,~~UAAUQ,GAClBA,EAAK,OAAOE,gBAAAA,MAACC,GAAA,EAAW,MAAMf,GAAS,CAAE~~;~~AAEzC~~,~~UAAMgB~~,IAAe,MAAM;AACzB,UAAI,~~CAACd~~,EAAU,WAAW,~~CAACQ~~,EAAI,KAAM;AACrC,~~YAAMO~~,~~IAAWP~~,EAAI,KAAK,sBAAA,~~GACpBQ~~,~~IAAWR~~,EAAI,iBAAiB,sBAAA,~~GAChCS~~,IAAaF,EAAS,QACtBG,IAAaF,GAAU,UAAU,GACjCG,IAAgB,KAAK,IAAIF,GAAYC,CAAU,GAC/CE,IAAa,KAAK,IAAI,KAAK,KAAK,KAAKD,CAAa,CAAC;AACzD,~~MAAAf~~,~~EAAUgB~~,CAAU;AAAA,IACtB;~~AAEA~~,~~IAAAN~~,EAAA;AAEA,UAAMO,IAAiB,IAAI,eAAe,MAAMP,GAAc;AAC9D,WAAAO,EAAe,~~QAAQb~~,EAAI,IAAI,GAC3BC,~~KACFY~~,EAAe,~~QAAQZ~~,CAAM,GAGxB,MAAM;AACX,~~MAAAY~~,EAAe,WAAA,~~GACfX~~,EAAK,QAAA,~~GACLR~~,EAAQ,UAAU;AAAA,~~IACpB~~;AAAA,EACF,GAAG,~~CAACJ~~,~~CAAO~~,~~CAAC~~,~~GAGVc~~,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,~~KAAKZ~~;AAAA,MACL,SAAQ;AAAA,MACR,~~WAAAD~~;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ,~~GAAGI~~,CAAM;AAAA,QACjB,QAAQ;AAAA,MAAA;AAAA,MAEV,OAAM;AAAA,IAAA;AAAA,EAAA;AAGZ;"}
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\";\n\nexport interface IframeSandboxProps {\n content: string;\n className?: string;\n loadingText?: string;\n styleLoadingText?: string;\n scriptLoadingText?: string;\n fullScreenButtonText?: string;\n mode?: \"content\" \| \"blackboard\";\n}\n\nconst IframeSandbox: React.FC<IframeSandboxProps> = ({\n content,\n className,\n loadingText,\n styleLoadingText,\n scriptLoadingText,\n fullScreenButtonText,\n mode = \"content\",\n}) => {\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 prevHtmlRef = useRef<string>(\"\");\n const htmlContent = React.useMemo(() => {\n const segments = splitContentSegments(content);\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 root.unmount();\n rootRef.current = null;\n docRef.current = null;\n updateHeightRef.current = () => {};\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 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 <iframe\n ref={iframeRef}\n sandbox=\"allow-scripts allow-same-origin\"\n allow=\"fullscreen\"\n allowFullScreen\n className={className}\n style={{\n width: \"100%\",\n height: `${height}px`,\n margin: \"16px 0\",\n }}\n title=\"HTML Sandbox\"\n />\n );\n};\n\nexport default IframeSandbox;\n"],"names":["IframeSandbox","content","className","loadingText","styleLoadingText","scriptLoadingText","fullScreenButtonText","mode","iframeRef","useRef","rootRef","docRef","updateHeightRef","height","setHeight","useState","resetToken","setResetToken","prevHtmlRef","htmlContent","React","sandboxSegments","splitContentSegments","seg","useEffect","prev","token","iframe","doc","rootEl","root","createRoot","updateHeight","bodyRect","htmlRect","bodyHeight","htmlHeight","contentHeight","nextHeight","resizeObserver","jsx","SandboxApp"],"mappings":"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"}

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

@@ -1,6 +1,11 @@
 import { default as React } from 'react';
 export interface SandboxAppProps {
     html: string;
+    loadingText?: string;
+    styleLoadingText?: string;
+    scriptLoadingText?: string;
+    fullScreenButtonText?: string;
+    resetToken?: number;
 }
 declare const SandboxApp: React.FC<SandboxAppProps>;
 export default SandboxApp;

package/dist/components/ContentRender/SandboxApp.js CHANGED Viewed

@@ -1,21 +1,199 @@
-import { j as s } from "../../_virtual/jsx-runtime.js";
-import { useRef as i, useEffect as u } from "react";
-const p = ({ html: o }) => {
-  const c = i(null);
-  return u(() => {
-    const e = c.current;
+import { j as u } from "../../_virtual/jsx-runtime.js";
+import { useRef as n, useState as b, useEffect as v } from "react";
+import Y 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 re = ({
+  html: f,
+  loadingText: q,
+  styleLoadingText: B,
+  scriptLoadingText: H,
+  fullScreenButtonText: L,
+  resetToken: p = 0
+}) => {
+  const A = n(null), S = n(null), [k, N] = b(!0), [V, C] = b(!1), [_, w] = b(!1), [O, Q] = b(!1), R = n([]), F = n([]), j = n(0), M = n(0), d = n(null), m = n(null), h = n(!1), y = n(!1), I = n(!1), D = n(p), J = 200, o = (e) => {
+    e.current && (clearTimeout(e.current), e.current = null);
+  }, T = (e, s, c, x) => {
+    const a = performance.now() - c.current, E = Math.max(0, J - a);
+    o(s), s.current = window.setTimeout(() => {
+      e(!1), x?.(), s.current = null;
+    }, E);
+  };
+  v(() => {
+    const e = () => {
+      Q(!!document.fullscreenElement);
+    };
+    return document.addEventListener("fullscreenchange", e), () => {
+      document.removeEventListener("fullscreenchange", e);
+    };
+  }, []), v(() => {
+    const e = S.current?.ownerDocument;
     if (!e) return;
-    e.innerHTML = "";
-    const t = document.createElement("div");
-    t.innerHTML = o, t.querySelectorAll("script").forEach((r) => {
-      const n = document.createElement("script");
-      Array.from(r.attributes).forEach((a) => {
-        n.setAttribute(a.name, a.value);
-      }), n.textContent = r.textContent, r.replaceWith(n);
-    }), e.append(...Array.from(t.childNodes));
-  }, [o]), /* @__PURE__ */ s.jsx("div", { ref: c });
+    const s = "sandbox-spinner-style";
+    let c = e.getElementById(s);
+    c || (c = e.createElement("style"), c.id = s, c.textContent = "@keyframes sandbox-spin { from { transform: rotate(0deg);} to { transform: rotate(360deg);} }", e.head?.appendChild(c));
+  }, []), v(() => {
+    p !== D.current && (I.current = !1, D.current = p), o(d), o(m), h.current = !1, y.current = !1;
+    const e = S.current;
+    if (!e) return;
+    const s = e.ownerDocument, c = s?.body;
+    if (!c) return;
+    R.current.forEach((t) => t.remove()), R.current = [], F.current.forEach((t) => t.remove()), F.current = [];
+    const x = I.current;
+    N(!x), C(!1), w(!1), e.innerHTML = "";
+    const a = document.createElement("div");
+    a.innerHTML = f;
+    const E = (f.match(/<script[\s>]/gi) || []).length, P = (f.match(/<\/script>/gi) || []).length, U = E > 0 && E === P, l = [];
+    Array.from(a.querySelectorAll("style, script")).forEach((t) => {
+      if (t.tagName.toLowerCase() === "style") {
+        const r = s.createElement("style");
+        r.textContent = t.textContent || "", Array.from(t.attributes).forEach((i) => {
+          r.setAttribute(i.name, i.value);
+        }), l.push(r);
+      } else {
+        const r = s.createElement("script");
+        Array.from(t.attributes).forEach((i) => {
+          r.setAttribute(i.name, i.value);
+        }), r.textContent = t.textContent || "", l.push(r);
+      }
+      t.remove();
+    });
+    const z = l.some(
+      (t) => t.tagName.toLowerCase() === "style"
+    ), G = l.some(
+      (t) => t.tagName.toLowerCase() === "script"
+    );
+    z && (h.current = !0, j.current = performance.now(), o(d), C(!0)), G && (y.current = !0, M.current = performance.now(), o(m), w(!0));
+    const W = !!a.firstElementChild;
+    N(!W && !x), W && (I.current = !0);
+    const X = Array.from(a.childNodes);
+    e.append(...X), l.forEach((t) => {
+      if (t.tagName.toLowerCase() === "style") {
+        s.head?.appendChild(t), R.current.push(t);
+        return;
+      }
+      if (U) {
+        const r = t, i = r.textContent || "";
+        if (!r.src)
+          try {
+            new Function(i);
+          } catch {
+            r.remove();
+            return;
+          }
+        try {
+          c.appendChild(r), F.current.push(r);
+        } catch {
+          r.remove();
+        }
+      } else
+        t.remove();
+    }), requestAnimationFrame(() => {
+      z && T(
+        C,
+        d,
+        j,
+        () => {
+          h.current = !1;
+        }
+      ), G && T(
+        w,
+        m,
+        M,
+        () => {
+          y.current = !1;
+        }
+      );
+    });
+  }, [f, p]), v(
+    () => () => {
+      o(d), o(m);
+    },
+    []
+  );
+  const g = _ || y.current ? H || "Building scripts cache..." : V || h.current ? B || "Building styles..." : k ? q || "Loading..." : null, K = () => {
+    const e = A.current;
+    if (e) {
+      if (!document.fullscreenElement) {
+        e.requestFullscreen?.().catch(() => {
+        });
+        return;
+      }
+      document.exitFullscreen?.();
+    }
+  };
+  return /* @__PURE__ */ u.jsxs(
+    "div",
+    {
+      ref: A,
+      style: { position: "relative", minHeight: 120 },
+      "aria-busy": !!g,
+      children: [
+        /* @__PURE__ */ u.jsx(
+          "div",
+          {
+            ref: S,
+            style: {
+              pointerEvents: g ? "none" : void 0
+            }
+          }
+        ),
+        /* @__PURE__ */ u.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: K,
+            style: {
+              position: "absolute",
+              top: 8,
+              right: 8,
+              zIndex: 30,
+              padding: "6px 10px",
+              borderRadius: 6,
+              border: "1px solid #cbd5e1",
+              background: "#ffffffcc",
+              color: "#0f172a",
+              fontSize: 12,
+              fontWeight: 600,
+              cursor: "pointer",
+              boxShadow: "0 4px 10px rgba(15, 23, 42, 0.08)"
+            },
+            children: O ? L || "Exit Fullscreen" : L || "Fullscreen"
+          }
+        ),
+        g && /* @__PURE__ */ u.jsxs(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              inset: 0,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              background: "rgba(51, 51, 51, 0.80)",
+              color: "#ffffff",
+              fontSize: 16,
+              fontWeight: 700,
+              gap: 10,
+              pointerEvents: "auto",
+              zIndex: 20
+            },
+            children: [
+              /* @__PURE__ */ u.jsx(
+                Y,
+                {
+                  "aria-hidden": !0,
+                  size: 20,
+                  style: { animation: "sandbox-spin 1s linear infinite" }
+                }
+              ),
+              g
+            ]
+          }
+        )
+      ]
+    }
+  );
 };
 export {
-  p as default
+  re as default
 };
 //# sourceMappingURL=SandboxApp.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SandboxApp.js","sources":["../../../src/components/ContentRender/SandboxApp.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\n\nexport interface SandboxAppProps {\n html: string;\n}\n\nconst SandboxApp: React.FC<SandboxAppProps> = ({ html }) => {\n const containerRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const container = containerRef.current;\n if (!container) return;\n\n container.innerHTML = \"\";\n const wrapper = document.createElement(\"div\");\n wrapper.innerHTML = html;\n\n // Ensure inline scripts execute by recreating them after injection\n wrapper.querySelectorAll(\"script\").forEach((script) => {\n const replacement = document.createElement(\"script\");\n Array.from(script.attributes).forEach((attr) => {\n replacement.setAttribute(attr.name, attr.value);\n });\n replacement.textContent = script.textContent;\n script.replaceWith(replacement);\n });\n\n container.append(...Array.from(wrapper.childNodes));\n }, [html]);\n\n return <div ref={containerRef} />;\n};\n\nexport default SandboxApp;\n"],"names":["SandboxApp","html","containerRef","useRef","useEffect","container","wrapper","script","replacement","attr","jsx"],"mappings":";;AAMA,MAAMA,IAAwC,CAAC,EAAE,MAAAC,QAAW;AAC1D,QAAMC,IAAeC,EAAuB,IAAI;AAEhD,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAYH,EAAa;AAC/B,QAAI,CAACG,EAAW;AAEhB,IAAAA,EAAU,YAAY;AACtB,UAAMC,IAAU,SAAS,cAAc,KAAK;AAC5C,IAAAA,EAAQ,YAAYL,GAGpBK,EAAQ,iBAAiB,QAAQ,EAAE,QAAQ,CAACC,MAAW;AACrD,YAAMC,IAAc,SAAS,cAAc,QAAQ;AACnD,YAAM,KAAKD,EAAO,UAAU,EAAE,QAAQ,CAACE,MAAS;AAC9C,QAAAD,EAAY,aAAaC,EAAK,MAAMA,EAAK,KAAK;AAAA,MAChD,CAAC,GACDD,EAAY,cAAcD,EAAO,aACjCA,EAAO,YAAYC,CAAW;AAAA,IAChC,CAAC,GAEDH,EAAU,OAAO,GAAG,MAAM,KAAKC,EAAQ,UAAU,CAAC;AAAA,EACpD,GAAG,CAACL,CAAI,CAAC,GAEFS,gBAAAA,EAAAA,IAAC,OAAA,EAAI,KAAKR,EAAA,CAAc;AACjC;"}
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 fullScreenButtonText?: string;\n resetToken?: number;\n}\n\nconst SandboxApp: React.FC<SandboxAppProps> = ({\n html,\n loadingText,\n styleLoadingText,\n scriptLoadingText,\n fullScreenButtonText,\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 [isFullscreen, setIsFullscreen] = 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 onFullscreenChange = () => {\n setIsFullscreen(!!document.fullscreenElement);\n };\n document.addEventListener(\"fullscreenchange\", onFullscreenChange);\n return () => {\n document.removeEventListener(\"fullscreenchange\", onFullscreenChange);\n };\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 handleToggleFullscreen = () => {\n const wrapper = wrapperRef.current;\n if (!wrapper) return;\n if (!document.fullscreenElement) {\n wrapper.requestFullscreen?.().catch(() => {});\n return;\n }\n document.exitFullscreen?.();\n };\n\n return (\n <div\n ref={wrapperRef}\n style={{ position: \"relative\", minHeight: 120 }}\n aria-busy={!!overlayMessage}\n >\n <div\n ref={containerRef}\n style={{\n pointerEvents: overlayMessage ? \"none\" : undefined,\n }}\n />\n <button\n type=\"button\"\n onClick={handleToggleFullscreen}\n style={{\n position: \"absolute\",\n top: 8,\n right: 8,\n zIndex: 30,\n padding: \"6px 10px\",\n borderRadius: 6,\n border: \"1px solid #cbd5e1\",\n background: \"#ffffffcc\",\n color: \"#0f172a\",\n fontSize: 12,\n fontWeight: 600,\n cursor: \"pointer\",\n boxShadow: \"0 4px 10px rgba(15, 23, 42, 0.08)\",\n }}\n >\n {isFullscreen\n ? fullScreenButtonText \|\| \"Exit Fullscreen\"\n : fullScreenButtonText \|\| \"Fullscreen\"}\n </button>\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","fullScreenButtonText","resetToken","wrapperRef","useRef","containerRef","isWaitingFirstDiv","setIsWaitingFirstDiv","useState","isGeneratingStyles","setIsGeneratingStyles","isGeneratingScripts","setIsGeneratingScripts","isFullscreen","setIsFullscreen","appendedStylesRef","appendedScriptsRef","styleStartRef","scriptStartRef","styleTimerRef","scriptTimerRef","hasStylesRef","hasScriptsRef","hasRenderedContentRef","prevResetTokenRef","MIN_LOADING_MS","clearTimer","timerRef","settleStateWithMinimumDelay","setter","startRef","onDone","elapsed","delay","useEffect","onFullscreenChange","doc","styleId","styleEl","container","body","node","hasRenderedBefore","wrapper","openScriptCount","closeScriptCount","shouldExecuteScripts","resourceQueue","cloned","attr","replacement","hasStyles","hasScripts","hasFirstElement","contentNodes","scriptNode","scriptText","overlayMessage","handleToggleFullscreen","jsxs","jsx","Loader2"],"mappings":"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"}

package/dist/components/ContentRender/index.d.ts CHANGED Viewed

@@ -1,5 +1,10 @@
 import { default as ContentRender } from './ContentRender';
 export default ContentRender;
+export { default as IframeSandbox } from './IframeSandbox';
+export type { IframeSandboxProps } from './IframeSandbox';
+export type { SandboxAppProps } from './SandboxApp';
+export type { RenderSegment } from './utils/split-content';
+export { splitContentSegments } from './utils/split-content';
 export { default as ContentRender } from './ContentRender';
 export { default as MarkdownFlowInput } from './MarkdownFlowInput';
 export { default as useTypewriter } from './useTypewriter';

package/dist/components/ContentRender/index.js CHANGED Viewed

@@ -1,7 +1,8 @@
 import o from "./ContentRender.js";
 import "../../_virtual/jsx-runtime.js";
-import "../ui/inputGroup/input-group.js";
 import "react";
+import "react-dom/client";
+import "../ui/inputGroup/input-group.js";
 export {
   o as ContentRender,
   o as default

package/dist/components/ContentRender/index.js.map CHANGED Viewed

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

package/dist/components/ContentRender/utils/split-content.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+export type RenderSegment = {
+    type: "markdown";
+    value: string;
+} | {
+    type: "sandbox";
+    value: string;
+};
+export declare const splitContentSegments: (raw: string) => RenderSegment[];

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

@@ -0,0 +1,18 @@
+const m = (t) => {
+  const o = /<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)[\s>]/i, e = t.search(o);
+  if (e === -1)
+    return [{ type: "markdown", value: t }];
+  const a = /<\/[a-z][^>]*>\s*\n(?=[^\s<])/gi;
+  let i = t.length, n;
+  for (; n = a.exec(t); )
+    if (!(n.index <= e)) {
+      i = n.index + n[0].length - 1;
+      break;
+    }
+  const s = [], l = t.slice(0, e), r = t.slice(e, i), c = t.slice(i);
+  return l.trim() && s.push({ type: "markdown", value: l }), s.push({ type: "sandbox", value: r }), c.trim() && s.push(...m(c)), s;
+};
+export {
+  m as splitContentSegments
+};
+//# sourceMappingURL=split-content.js.map

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

@@ -0,0 +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\n// Split incoming markdown content into markdown and sandbox HTML segments\nexport const splitContentSegments = (raw: string): RenderSegment[] => {\n const startPattern =\n /<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)[\\s>]/i;\n\n const startIndex = raw.search(startPattern);\n if (startIndex === -1) {\n return [{ type: \"markdown\", value: raw }];\n }\n\n const closingBoundary = /<\\/[a-z][^>]*>\\s*\\n(?=[^\\s<])/gi;\n let blockEnd = raw.length;\n let match: RegExpExecArray | null;\n\n while ((match = closingBoundary.exec(raw))) {\n if (match.index <= startIndex) continue;\n blockEnd = match.index + match[0].length - 1;\n break;\n }\n\n const segments: RenderSegment[] = [];\n const before = raw.slice(0, startIndex);\n const htmlBlock = raw.slice(startIndex, blockEnd);\n const after = raw.slice(blockEnd);\n\n if (before.trim()) {\n segments.push({ type: \"markdown\", value: before });\n }\n\n segments.push({ type: \"sandbox\", value: htmlBlock });\n\n if (after.trim()) {\n segments.push(...splitContentSegments(after));\n }\n\n return segments;\n};\n"],"names":["splitContentSegments","raw","startPattern","startIndex","closingBoundary","blockEnd","match","segments","before","htmlBlock","after"],"mappings":"AAKO,MAAMA,IAAuB,CAACC,MAAiC;AACpE,QAAMC,IACJ,sGAEIC,IAAaF,EAAI,OAAOC,CAAY;AAC1C,MAAIC,MAAe;AACjB,WAAO,CAAC,EAAE,MAAM,YAAY,OAAOF,GAAK;AAG1C,QAAMG,IAAkB;AACxB,MAAIC,IAAWJ,EAAI,QACfK;AAEJ,SAAQA,IAAQF,EAAgB,KAAKH,CAAG;AACtC,QAAI,EAAAK,EAAM,SAASH,IACnB;AAAA,MAAAE,IAAWC,EAAM,QAAQA,EAAM,CAAC,EAAE,SAAS;AAC3C;AAAA;AAGF,QAAMC,IAA4B,CAAA,GAC5BC,IAASP,EAAI,MAAM,GAAGE,CAAU,GAChCM,IAAYR,EAAI,MAAME,GAAYE,CAAQ,GAC1CK,IAAQT,EAAI,MAAMI,CAAQ;AAEhC,SAAIG,EAAO,UACTD,EAAS,KAAK,EAAE,MAAM,YAAY,OAAOC,GAAQ,GAGnDD,EAAS,KAAK,EAAE,MAAM,WAAW,OAAOE,GAAW,GAE/CC,EAAM,UACRH,EAAS,KAAK,GAAGP,EAAqBU,CAAK,CAAC,GAGvCH;AACT;"}

package/dist/components/MarkdownFlow/MarkdownFlow.js CHANGED Viewed

@@ -1,9 +1,10 @@
 import { j as o } from "../../_virtual/jsx-runtime.js";
 import B from "../ContentRender/ContentRender.js";
-import "../ui/inputGroup/input-group.js";
 import "react";
+import "react-dom/client";
+import "../ui/inputGroup/input-group.js";
 /* empty css                 */
-const b = ({
+const h = ({
   initialContentList: a = [],
   customRenderBar: d,
   onSend: n,
@@ -42,6 +43,6 @@ const b = ({
   );
 }) });
 export {
-  b as default
+  h as default
 };
 //# sourceMappingURL=MarkdownFlow.js.map

package/dist/components/MarkdownFlow/MarkdownFlow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MarkdownFlow.js","sources":["../../../src/components/MarkdownFlow/MarkdownFlow.tsx"],"sourcesContent":["import React from \"react\";\nimport ContentRender from \"../ContentRender\";\nimport { CustomRenderBarProps, OnSendContentParams } from \"../types\";\nimport \"./markdownFlow.css\";\n\nexport interface MarkdownFlowProps {\n initialContentList?: {\n content: string;\n isFinished?: boolean;\n defaultInputText?: string;\n defaultButtonText?: string;\n defaultSelectedValues?: string[];\n readonly?: boolean;\n customRenderBar?: CustomRenderBarProps;\n onClickCustomButtonAfterContent?: () => void;\n dynamicInteractionFormat?: string;\n }[];\n customRenderBar?: CustomRenderBarProps;\n onSend?: (content: OnSendContentParams) => void;\n typingSpeed?: number;\n enableTypewriter?: boolean;\n onBlockComplete?: (blockIndex: number) => void;\n // Multi-select confirm button text (i18n support)\n confirmButtonText?: string;\n // Copy button text for code blocks\n copyButtonText?: string;\n // Copied state text for code blocks\n copiedButtonText?: string;\n beforeSend?: (content: OnSendContentParams) => boolean;\n}\n\nconst MarkdownFlow: React.FC<MarkdownFlowProps> = ({\n initialContentList = [],\n customRenderBar,\n onSend: onSendProp,\n typingSpeed: typingSpeedProp,\n enableTypewriter = false,\n onBlockComplete,\n confirmButtonText,\n copyButtonText,\n copiedButtonText,\n beforeSend: beforeSendProp,\n}) => {\n return (\n <div className=\"markdown-flow\">\n {initialContentList.map((contentInfo, index) => {\n const isFinished = contentInfo.isFinished ?? false;\n const enableTypewriterForBlock = !isFinished && enableTypewriter;\n const onSend = isFinished ? undefined : onSendProp;\n const typingSpeed = isFinished ? undefined : typingSpeedProp;\n const beforeSend = beforeSendProp ?? (() => true);\n return (\n <ContentRender\n key={index}\n content={contentInfo.content}\n defaultInputText={contentInfo.defaultInputText}\n defaultButtonText={contentInfo.defaultButtonText}\n defaultSelectedValues={contentInfo.defaultSelectedValues}\n readonly={contentInfo.readonly}\n enableTypewriter={enableTypewriterForBlock}\n customRenderBar={contentInfo.customRenderBar \|\| customRenderBar}\n onSend={onSend}\n beforeSend={beforeSend}\n onClickCustomButtonAfterContent={\n contentInfo.onClickCustomButtonAfterContent\n }\n typingSpeed={typingSpeed}\n confirmButtonText={confirmButtonText}\n copyButtonText={copyButtonText}\n copiedButtonText={copiedButtonText}\n dynamicInteractionFormat={contentInfo.dynamicInteractionFormat}\n onTypeFinished={() => {\n onBlockComplete?.(index);\n }}\n />\n );\n })}\n </div>\n );\n};\n\nexport default MarkdownFlow;\n"],"names":["MarkdownFlow","initialContentList","customRenderBar","onSendProp","typingSpeedProp","enableTypewriter","onBlockComplete","confirmButtonText","copyButtonText","copiedButtonText","beforeSendProp","jsx","contentInfo","index","isFinished","enableTypewriterForBlock","onSend","typingSpeed","beforeSend","ContentRender"],"mappings":"~~;;;;;~~AA+BA,MAAMA,IAA4C,CAAC;AAAA,EACjD,oBAAAC,IAAqB,CAAA;AAAA,EACrB,iBAAAC;AAAA,EACA,QAAQC;AAAA,EACR,aAAaC;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,iBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAYC;AACd,MAEIC,gBAAAA,MAAC,SAAI,WAAU,iBACZ,YAAmB,IAAI,CAACC,GAAaC,MAAU;AAC9C,QAAMC,IAAaF,EAAY,cAAc,IACvCG,IAA2B,CAACD,KAAcT,GAC1CW,IAASF,IAAa,SAAYX,GAClCc,IAAcH,IAAa,SAAYV,GACvCc,IAAaR,MAAmB,MAAM;AAC5C,SACEC,gBAAAA,EAAAA;AAAAA,IAACQ;AAAA,IAAA;AAAA,MAEC,SAASP,EAAY;AAAA,MACrB,kBAAkBA,EAAY;AAAA,MAC9B,mBAAmBA,EAAY;AAAA,MAC/B,uBAAuBA,EAAY;AAAA,MACnC,UAAUA,EAAY;AAAA,MACtB,kBAAkBG;AAAA,MAClB,iBAAiBH,EAAY,mBAAmBV;AAAA,MAChD,QAAAc;AAAA,MACA,YAAAE;AAAA,MACA,iCACEN,EAAY;AAAA,MAEd,aAAAK;AAAA,MACA,mBAAAV;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,0BAA0BG,EAAY;AAAA,MACtC,gBAAgB,MAAM;AACpB,QAAAN,IAAkBO,CAAK;AAAA,MACzB;AAAA,IAAA;AAAA,IApBKA;AAAA,EAAA;AAuBX,CAAC,EAAA,CACH;"}
1	+ {"version":3,"file":"MarkdownFlow.js","sources":["../../../src/components/MarkdownFlow/MarkdownFlow.tsx"],"sourcesContent":["import React from \"react\";\nimport ContentRender from \"../ContentRender\";\nimport { CustomRenderBarProps, OnSendContentParams } from \"../types\";\nimport \"./markdownFlow.css\";\n\nexport interface MarkdownFlowProps {\n initialContentList?: {\n content: string;\n isFinished?: boolean;\n defaultInputText?: string;\n defaultButtonText?: string;\n defaultSelectedValues?: string[];\n readonly?: boolean;\n customRenderBar?: CustomRenderBarProps;\n onClickCustomButtonAfterContent?: () => void;\n dynamicInteractionFormat?: string;\n }[];\n customRenderBar?: CustomRenderBarProps;\n onSend?: (content: OnSendContentParams) => void;\n typingSpeed?: number;\n enableTypewriter?: boolean;\n onBlockComplete?: (blockIndex: number) => void;\n // Multi-select confirm button text (i18n support)\n confirmButtonText?: string;\n // Copy button text for code blocks\n copyButtonText?: string;\n // Copied state text for code blocks\n copiedButtonText?: string;\n beforeSend?: (content: OnSendContentParams) => boolean;\n}\n\nconst MarkdownFlow: React.FC<MarkdownFlowProps> = ({\n initialContentList = [],\n customRenderBar,\n onSend: onSendProp,\n typingSpeed: typingSpeedProp,\n enableTypewriter = false,\n onBlockComplete,\n confirmButtonText,\n copyButtonText,\n copiedButtonText,\n beforeSend: beforeSendProp,\n}) => {\n return (\n <div className=\"markdown-flow\">\n {initialContentList.map((contentInfo, index) => {\n const isFinished = contentInfo.isFinished ?? false;\n const enableTypewriterForBlock = !isFinished && enableTypewriter;\n const onSend = isFinished ? undefined : onSendProp;\n const typingSpeed = isFinished ? undefined : typingSpeedProp;\n const beforeSend = beforeSendProp ?? (() => true);\n return (\n <ContentRender\n key={index}\n content={contentInfo.content}\n defaultInputText={contentInfo.defaultInputText}\n defaultButtonText={contentInfo.defaultButtonText}\n defaultSelectedValues={contentInfo.defaultSelectedValues}\n readonly={contentInfo.readonly}\n enableTypewriter={enableTypewriterForBlock}\n customRenderBar={contentInfo.customRenderBar \|\| customRenderBar}\n onSend={onSend}\n beforeSend={beforeSend}\n onClickCustomButtonAfterContent={\n contentInfo.onClickCustomButtonAfterContent\n }\n typingSpeed={typingSpeed}\n confirmButtonText={confirmButtonText}\n copyButtonText={copyButtonText}\n copiedButtonText={copiedButtonText}\n dynamicInteractionFormat={contentInfo.dynamicInteractionFormat}\n onTypeFinished={() => {\n onBlockComplete?.(index);\n }}\n />\n );\n })}\n </div>\n );\n};\n\nexport default MarkdownFlow;\n"],"names":["MarkdownFlow","initialContentList","customRenderBar","onSendProp","typingSpeedProp","enableTypewriter","onBlockComplete","confirmButtonText","copyButtonText","copiedButtonText","beforeSendProp","jsx","contentInfo","index","isFinished","enableTypewriterForBlock","onSend","typingSpeed","beforeSend","ContentRender"],"mappings":";;;;;;AA+BA,MAAMA,IAA4C,CAAC;AAAA,EACjD,oBAAAC,IAAqB,CAAA;AAAA,EACrB,iBAAAC;AAAA,EACA,QAAQC;AAAA,EACR,aAAaC;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,iBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAYC;AACd,MAEIC,gBAAAA,MAAC,SAAI,WAAU,iBACZ,YAAmB,IAAI,CAACC,GAAaC,MAAU;AAC9C,QAAMC,IAAaF,EAAY,cAAc,IACvCG,IAA2B,CAACD,KAAcT,GAC1CW,IAASF,IAAa,SAAYX,GAClCc,IAAcH,IAAa,SAAYV,GACvCc,IAAaR,MAAmB,MAAM;AAC5C,SACEC,gBAAAA,EAAAA;AAAAA,IAACQ;AAAA,IAAA;AAAA,MAEC,SAASP,EAAY;AAAA,MACrB,kBAAkBA,EAAY;AAAA,MAC9B,mBAAmBA,EAAY;AAAA,MAC/B,uBAAuBA,EAAY;AAAA,MACnC,UAAUA,EAAY;AAAA,MACtB,kBAAkBG;AAAA,MAClB,iBAAiBH,EAAY,mBAAmBV;AAAA,MAChD,QAAAc;AAAA,MACA,YAAAE;AAAA,MACA,iCACEN,EAAY;AAAA,MAEd,aAAAK;AAAA,MACA,mBAAAV;AAAA,MACA,gBAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,0BAA0BG,EAAY;AAAA,MACtC,gBAAgB,MAAM;AACpB,QAAAN,IAAkBO,CAAK;AAAA,MACzB;AAAA,IAAA;AAAA,IApBKA;AAAA,EAAA;AAuBX,CAAC,EAAA,CACH;"}

package/dist/index.js CHANGED Viewed

@@ -1,14 +1,18 @@
-import { default as d } from "./components/MarkdownFlowEditor/MarkdownFlowEditor.js";
-import { default as p } from "./components/MarkdownFlow/MarkdownFlow.js";
+import { default as f } from "./components/MarkdownFlowEditor/MarkdownFlowEditor.js";
+import { default as m } from "./components/MarkdownFlow/MarkdownFlow.js";
 import "./_virtual/jsx-runtime.js";
 import "react";
 /* empty css                                         */
-import { default as m } from "./components/ContentRender/ContentRender.js";
-import { default as w } from "./components/ContentRender/MarkdownFlowInput.js";
+import { default as p } from "./components/ContentRender/ContentRender.js";
+import { default as s } from "./components/ContentRender/IframeSandbox.js";
+import { splitContentSegments as u } from "./components/ContentRender/utils/split-content.js";
+import { default as i } from "./components/ContentRender/MarkdownFlowInput.js";
 export {
-  m as ContentRender,
-  p as MarkdownFlow,
-  d as MarkdownFlowEditor,
-  w as MarkdownFlowInput
+  p as ContentRender,
+  s as IframeSandbox,
+  m as MarkdownFlow,
+  f as MarkdownFlowEditor,
+  i as MarkdownFlowInput,
+  u as splitContentSegments
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map CHANGED Viewed

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

package/dist/renderer.d.ts CHANGED Viewed

@@ -1,8 +1,12 @@
 import { default as MarkdownFlow } from './components/MarkdownFlow';
 import { default as ContentRender } from './components/ContentRender';
 import { default as MarkdownFlowInput, MarkdownFlowInputProps } from './components/ContentRender/MarkdownFlowInput';
+import { default as IframeSandbox, IframeSandboxProps } from './components/ContentRender/IframeSandbox';
+import { RenderSegment, splitContentSegments } from './components/ContentRender/utils/split-content';
 import { MarkdownFlowProps } from './components/MarkdownFlow/MarkdownFlow';
 import { ContentRenderProps } from './components/ContentRender/ContentRender';
 import { OnSendContentParams, CustomRenderBarProps } from './components/types';
-export { MarkdownFlow, ContentRender, MarkdownFlowInput };
-export type { OnSendContentParams, CustomRenderBarProps, MarkdownFlowProps, ContentRenderProps, MarkdownFlowInputProps, };
+import { SandboxAppProps } from './components/ContentRender/SandboxApp';
+export default ContentRender;
+export { MarkdownFlow, ContentRender, MarkdownFlowInput, IframeSandbox, splitContentSegments, };
+export type { OnSendContentParams, CustomRenderBarProps, MarkdownFlowProps, ContentRenderProps, MarkdownFlowInputProps, IframeSandboxProps, SandboxAppProps, RenderSegment, };