markdown-flow-ui 0.1.80 → 0.1.81-beta.1

package/dist/_virtual/client.js

@@ -0,0 +1,6 @@
+import { __require as r } from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/react-dom@19.0.1_react@19.0.1/node_modules/react-dom/client.js";
+var i = r();
+export {
+  i as c
+};
+//# sourceMappingURL=client.js.map

package/dist/_virtual/client.js.map

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

package/dist/_virtual/client2.js

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

package/dist/_virtual/client2.js.map

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

package/dist/_virtual/index10.js

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

package/dist/_virtual/index11.js

@@ -1,6 +1,5 @@
-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();
+var r = {};
 export {
-  a as r
+  r as __exports
 };
 //# sourceMappingURL=index11.js.map

package/dist/_virtual/index11.js.map

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

package/dist/_virtual/index12.js

@@ -1,5 +1,6 @@
-var e = { exports: {} };
+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 {
-  e as __module
+  a as r
 };
 //# sourceMappingURL=index12.js.map

package/dist/_virtual/index12.js.map

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

package/dist/_virtual/index13.js

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

package/dist/_virtual/index13.js.map

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

package/dist/_virtual/index2.js

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

package/dist/_virtual/index2.js.map

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

package/dist/_virtual/index3.js

@@ -1,5 +1,7 @@
-var r = {};
+import { getAugmentedNamespace as e } from "./_commonjsHelpers.js";
+import * as r from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/unist-util-visit@5.0.0/node_modules/unist-util-visit/index.js";
+const m = /* @__PURE__ */ e(r);
 export {
-  r as __exports
+  m as default
 };
 //# sourceMappingURL=index3.js.map

package/dist/_virtual/index3.js.map

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

package/dist/_virtual/index4.js

@@ -1,7 +1,8 @@
-import { getAugmentedNamespace as e } from "./_commonjsHelpers.js";
-import * as r from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/unist-util-visit@5.0.0/node_modules/unist-util-visit/index.js";
-const m = /* @__PURE__ */ e(r);
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as s } from "../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+var e = s();
+const t = /* @__PURE__ */ r(e);
 export {
-  m as default
+  t as default
 };
 //# sourceMappingURL=index4.js.map

package/dist/_virtual/index4.js.map

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

package/dist/_virtual/index8.js

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

package/dist/_virtual/react-dom-client.development.js

@@ -0,0 +1,5 @@
+var e = {};
+export {
+  e as __exports
+};
+//# sourceMappingURL=react-dom-client.development.js.map

package/dist/_virtual/react-dom-client.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-dom-client.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/react-dom-client.production.js

@@ -0,0 +1,5 @@
+var o = {};
+export {
+  o as __exports
+};
+//# sourceMappingURL=react-dom-client.production.js.map

package/dist/_virtual/react-dom-client.production.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-dom-client.production.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/scheduler.development.js

@@ -0,0 +1,5 @@
+var e = {};
+export {
+  e as __exports
+};
+//# sourceMappingURL=scheduler.development.js.map

package/dist/_virtual/scheduler.development.js.map

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

package/dist/_virtual/scheduler.production.js

@@ -0,0 +1,5 @@
+var r = {};
+export {
+  r as __exports
+};
+//# sourceMappingURL=scheduler.production.js.map

package/dist/_virtual/scheduler.production.js.map

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

package/dist/components/ContentRender/ContentRender.js

@@ -1,114 +1,126 @@
 import { j as t } from "../../_virtual/jsx-runtime.js";
 /* empty css                                                                                                                            */
 /* empty css                                                                                                               */
-import I, { useRef as A, useEffect as k } from "react";
-import M from "../../_virtual/index.js";
+import D, { useMemo as C, useRef as W, useEffect as R } from "react";
+import I from "../../_virtual/index.js";
 /* empty css                  */
 /* empty css                          */
-import L from "./CodeBlock.js";
-import T from "./plugins/CustomVariable.js";
-import R from "./plugins/MermaidChart.js";
-import $ from "./useTypewriterStateMachine.js";
-import { preserveCustomVariableProperties as z, restoreCustomVariableProperties as H } from "./utils/custom-variable-props.js";
-import { subsetLanguages as P, highlightLanguages as V } from "./utils/highlight-languages.js";
-import { parseMarkdownSegments as _, mermaidBlockIsComplete as U } from "./utils/mermaid-parse.js";
-import { Markdown as W } from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/react-markdown@10.1.0_@types_react@19.2.2_react@19.0.1/node_modules/react-markdown/lib/index.js";
-import q from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rehype-raw@7.0.0/node_modules/rehype-raw/lib/index.js";
-import E from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rehype-highlight@7.0.2/node_modules/rehype-highlight/lib/index.js";
-import G from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rehype-katex@7.0.1/node_modules/rehype-katex/lib/index.js";
-import K from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/remark-gfm@4.0.1/node_modules/remark-gfm/lib/index.js";
-import D from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/remark-math@6.0.0/node_modules/remark-math/lib/index.js";
-import F from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/remark-breaks@4.0.0/node_modules/remark-breaks/lib/index.js";
-const J = ({ svg: a }) => {
-  const l = A(null);
-  return k(() => {
-    const c = l.current;
-    if (!c) return;
-    const o = c.shadowRoot ?? c.attachShadow({ mode: "open" }), b = "content-render-svg-style";
-    let n = o.getElementById(b);
-    n || (n = document.createElement("style"), n.id = b, n.textContent = `
+import F from "./CodeBlock.js";
+import J from "./plugins/CustomVariable.js";
+import z from "./plugins/MermaidChart.js";
+import O from "./useTypewriterStateMachine.js";
+import { preserveCustomVariableProperties as Q, restoreCustomVariableProperties as X } from "./utils/custom-variable-props.js";
+import { highlightLanguages as M, subsetLanguages as P } from "./utils/highlight-languages.js";
+import { parseMarkdownSegments as Y, mermaidBlockIsComplete as Z } from "./utils/mermaid-parse.js";
+import { normalizeInlineHtml as $ } from "./utils/normalize-inline-html.js";
+import ee from "./IframeSandbox.js";
+import { Markdown as H } from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/react-markdown@10.1.0_@types_react@19.2.2_react@19.0.1/node_modules/react-markdown/lib/index.js";
+import L from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rehype-raw@7.0.0/node_modules/rehype-raw/lib/index.js";
+import T from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rehype-katex@7.0.1/node_modules/rehype-katex/lib/index.js";
+import V from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/rehype-highlight@7.0.2/node_modules/rehype-highlight/lib/index.js";
+import _ from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/remark-gfm@4.0.1/node_modules/remark-gfm/lib/index.js";
+import E from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/remark-math@6.0.0/node_modules/remark-math/lib/index.js";
+import U from "../../Documents/ai-shifu/markdown-flow-ui/node_modules/.pnpm/remark-breaks@4.0.0/node_modules/remark-breaks/lib/index.js";
+const q = (r) => {
+  const m = /<(script|style|link|iframe|html|head|body|meta|title|base|template|div|section|article|main)[\s>]/i, a = r.search(m);
+  if (a === -1)
+    return [{ type: "markdown", value: r }];
+  const i = /<\/[a-z][^>]*>\s*\n(?=[^\s<])/gi;
+  let c = r.length, o;
+  for (; o = i.exec(r); )
+    if (!(o.index <= a)) {
+      c = o.index + o[0].length - 1;
+      break;
+    }
+  const d = [], u = r.slice(0, a), n = r.slice(a, c), l = r.slice(c);
+  return u.trim() && d.push({ type: "markdown", value: u }), d.push({ type: "sandbox", value: n }), l.trim() && d.push(...q(l)), d;
+}, te = ({ svg: r }) => {
+  const m = W(null);
+  return R(() => {
+    const a = m.current;
+    if (!a) return;
+    const i = a.shadowRoot ?? a.attachShadow({ mode: "open" }), c = "content-render-svg-style";
+    let o = i.getElementById(c);
+    o || (o = document.createElement("style"), o.id = c, o.textContent = `
         :host { display: block; width: 100%; max-width: 100%; text-align: center; }
         svg { max-width: 100%; height: auto; display: inline-block; }
-      `, o.appendChild(n)), Array.from(o.childNodes).filter(
-      (r) => r !== n
-    ).forEach((r) => o.removeChild(r));
-    const g = document.createElement("template");
-    g.innerHTML = a, o.append(g.content.cloneNode(!0)), o.querySelectorAll("svg").forEach((r) => {
-      const d = r.getAttribute("viewBox");
-      if (!d) return;
-      const u = d.trim().split(/[\s,]+/).map((x) => Number(x));
-      if (u.length !== 4 || u.some(Number.isNaN)) return;
-      const [, , h, m] = u, j = r.getAttribute("width"), y = r.getAttribute("height"), p = !!j && j !== "0", f = !!y && y !== "0";
-      if (!p && !f) {
-        r.style.width = "100%", r.style.height = "auto", !r.style.aspectRatio && m > 0 && (r.style.aspectRatio = `${h} / ${m}`);
+      `, i.appendChild(o)), Array.from(i.childNodes).filter(
+      (n) => n !== o
+    ).forEach((n) => i.removeChild(n));
+    const u = document.createElement("template");
+    u.innerHTML = r, i.append(u.content.cloneNode(!0)), i.querySelectorAll("svg").forEach((n) => {
+      const l = n.getAttribute("viewBox");
+      if (!l) return;
+      const f = l.trim().split(/[\s,]+/).map((v) => Number(v));
+      if (f.length !== 4 || f.some(Number.isNaN)) return;
+      const [, , x, p] = f, y = n.getAttribute("width"), j = n.getAttribute("height"), k = !!y && y !== "0", b = !!j && j !== "0";
+      if (!k && !b) {
+        n.style.width = "100%", n.style.height = "auto", !n.style.aspectRatio && p > 0 && (n.style.aspectRatio = `${x} / ${p}`);
         return;
       }
-      !p && h > 0 && r.setAttribute("width", `${h}`), !f && m > 0 && r.setAttribute("height", `${m}`);
+      !k && x > 0 && n.setAttribute("width", `${x}`), !b && p > 0 && n.setAttribute("height", `${p}`);
     });
-  }, [a]), /* @__PURE__ */ t.jsx("div", { className: "content-render-svg-scroll", children: /* @__PURE__ */ t.jsx("div", { className: "content-render-svg", ref: l }) });
-}, ge = ({
-  content: a,
-  customRenderBar: l,
-  onSend: c,
-  typingSpeed: o = 30,
-  enableTypewriter: b = !1,
-  defaultButtonText: n,
-  defaultInputText: N,
-  defaultSelectedValues: g,
-  readonly: r = !1,
-  onTypeFinished: d,
-  confirmButtonText: u,
-  copyButtonText: h,
-  copiedButtonText: m,
-  onClickCustomButtonAfterContent: j,
-  beforeSend: y
+  }, [r]), /* @__PURE__ */ t.jsx("div", { className: "content-render-svg-scroll", children: /* @__PURE__ */ t.jsx("div", { className: "content-render-svg", ref: m }) });
+}, Se = ({
+  content: r,
+  customRenderBar: m,
+  onSend: a,
+  typingSpeed: i = 30,
+  enableTypewriter: c = !1,
+  defaultButtonText: o,
+  defaultInputText: d,
+  defaultSelectedValues: u,
+  readonly: n = !1,
+  onTypeFinished: l,
+  confirmButtonText: f,
+  copyButtonText: x,
+  copiedButtonText: p,
+  onClickCustomButtonAfterContent: y,
+  beforeSend: j
   // tooltipMinLength,
 }) => {
-  const { displayContent: p, isComplete: f } = $({
-    // processMarkdownText will let code block printf("You win!\n") become printf("You win!<br/>");
-    // content: processMarkdownText(content),
-    content: a,
-    typingSpeed: o,
-    disabled: !b
-  }), w = {
+  const k = C(
+    () => $(r),
+    [r]
+  ), b = {
     "custom-button-after-content": ({
       children: e
     }) => /* @__PURE__ */ t.jsx(
       "button",
       {
         className: "content-render-custom-button-after-content",
-        onClick: j,
+        onClick: y,
         children: /* @__PURE__ */ t.jsx("span", { className: "content-render-custom-button-after-content-inner", children: e })
       }
     ),
     "custom-variable": (e) => /* @__PURE__ */ t.jsx(
-      T,
+      J,
       {
         ...e,
-        readonly: r,
-        defaultButtonText: n,
-        defaultInputText: N,
-        defaultSelectedValues: g,
-        onSend: c,
-        beforeSend: y,
-        confirmButtonText: u
+        readonly: n,
+        defaultButtonText: o,
+        defaultInputText: d,
+        defaultSelectedValues: u,
+        onSend: a,
+        beforeSend: j,
+        confirmButtonText: f
       }
     ),
     code: (e) => {
-      const { className: s, children: i, ...v } = e;
+      const { className: s, children: h, ...A } = e;
       if (/language-(\w+)/.exec(s || "")?.[1] === "mermaid") {
-        const C = i?.toString().replace(/\n$/, "") || "", S = U(a, C);
-        return /* @__PURE__ */ t.jsx(R, { chart: C, frozen: S });
+        const B = h?.toString().replace(/\n$/, "") || "", K = Z(r, B);
+        return /* @__PURE__ */ t.jsx(z, { chart: B, frozen: K });
       }
-      return /* @__PURE__ */ t.jsx("code", { className: s, ...v, children: i });
+      return /* @__PURE__ */ t.jsx("code", { className: s, ...A, children: h });
     },
     table: ({ ...e }) => /* @__PURE__ */ t.jsx("div", { className: "content-render-table-container", children: /* @__PURE__ */ t.jsx("table", { className: "content-render-table", ...e }) }),
     th: ({ ...e }) => /* @__PURE__ */ t.jsx("th", { className: "content-render-th", ...e }),
     td: ({ ...e }) => /* @__PURE__ */ t.jsx("td", { className: "content-render-td", ...e }),
     tr: ({ ...e }) => /* @__PURE__ */ t.jsx("tr", { className: "content-render-tr", ...e }),
     li: ({ node: e, ...s }) => {
-      const i = e?.properties?.className;
-      return typeof i == "string" && i.includes("task-list-item") || Array.isArray(i) && i.includes("task-list-item") ? /* @__PURE__ */ t.jsx("li", { className: "content-render-task-list-item", ...s }) : /* @__PURE__ */ t.jsx("li", { ...s });
+      const h = e?.properties?.className;
+      return typeof h == "string" && h.includes("task-list-item") || Array.isArray(h) && h.includes("task-list-item") ? /* @__PURE__ */ t.jsx("li", { className: "content-render-task-list-item", ...s }) : /* @__PURE__ */ t.jsx("li", { ...s });
     },
     ol: ({ ...e }) => /* @__PURE__ */ t.jsx("ol", { className: "content-render-ol", ...e }),
     ul: ({ ...e }) => /* @__PURE__ */ t.jsx("ul", { className: "content-render-ul", ...e }),
@@ -123,45 +135,94 @@ const J = ({ svg: a }) => {
     ) : /* @__PURE__ */ t.jsx("input", { ...e }),
     a: ({ children: e, ...s }) => /* @__PURE__ */ t.jsx("a", { target: "_blank", rel: "noopener noreferrer", ...s, children: e }),
     pre: (e) => /* @__PURE__ */ t.jsx(
-      L,
+      F,
       {
         ...e,
-        copyButtonText: h,
-        copiedButtonText: m
+        copyButtonText: x,
+        copiedButtonText: p
       }
     )
-  }, x = A(!1);
-  k(() => {
-    f && !x.current && (x.current = !0, d?.());
-  }, [f, d]), k(() => {
-    x.current = !1;
-  }, [a]);
-  const B = _(p);
-  return /* @__PURE__ */ t.jsxs("div", { className: "content-render markdown-body", children: [
-    B.map((e, s) => {
+  }, { displayContent: N, isComplete: v } = O({
+    // processMarkdownText will let code block printf("You win!\n") become printf("You win!<br/>");
+    // content: processMarkdownText(content),
+    content: k,
+    typingSpeed: i,
+    disabled: !c
+  }), S = C(
+    () => q(r),
+    [r]
+  ), g = S.some(
+    (e) => e.type === "sandbox"
+  ), G = C(
+    () => Y(N),
+    [N]
+  ), w = W(!1);
+  return R(() => {
+    g || v && !w.current && (w.current = !0, l?.());
+  }, [g, v, l]), R(() => {
+    g || (w.current = !1);
+  }, [g, r]), g ? /* @__PURE__ */ t.jsx("div", { className: "content-render", children: S.map(
+    (e, s) => e.type === "sandbox" ? /* @__PURE__ */ t.jsx(
+      ee,
+      {
+        content: e.value,
+        className: "content-render-iframe"
+      },
+      `sandbox-${s}`
+    ) : /* @__PURE__ */ t.jsx("div", { className: "markdown-body", children: /* @__PURE__ */ t.jsx(
+      H,
+      {
+        remarkPlugins: [
+          _,
+          E,
+          I,
+          [U, { omit: ["table", "code", "listItem"] }]
+        ],
+        rehypePlugins: [
+          L,
+          T,
+          [
+            V,
+            {
+              detect: !0,
+              subset: P,
+              languages: M
+            }
+          ]
+        ],
+        components: b,
+        children: $(e.value)
+      }
+    ) }, `md-${s}`)
+  ) }) : /* @__PURE__ */ t.jsxs("div", { className: "content-render", children: [
+    G.map((e, s) => {
       if (e.type === "text")
-        return /* @__PURE__ */ t.jsx(
-          W,
+        return /* @__PURE__ */ t.jsx("div", { className: "markdown-body", children: /* @__PURE__ */ t.jsx(
+          H,
           {
-            remarkPlugins: [K, D, M, F],
+            remarkPlugins: [
+              _,
+              E,
+              I,
+              U
+            ],
             rehypePlugins: [
-              z,
-              q,
-              H,
+              Q,
+              L,
+              X,
               [
-                E,
-                { languages: V, subset: P }
+                V,
+                { languages: M, subset: P }
               ],
-              G
+              T
             ],
-            components: w,
+            components: b,
             children: e.value
-          },
-          s
-        );
+          }
+        ) }, s);
       if (e.type === "mermaid")
         return /* @__PURE__ */ t.jsx(
-          R,
+          z,
           {
             chart: e.value,
             frozen: !e.complete
@@ -169,16 +230,16 @@ const J = ({ svg: a }) => {
           s
         );
       if (e.type === "svg")
-        return /* @__PURE__ */ t.jsx(J, { svg: e.value }, s);
+        return /* @__PURE__ */ t.jsx(te, { svg: e.value }, s);
     }),
-    l && /* @__PURE__ */ t.jsx("div", { className: "content-render-custom-bar", children: I.createElement(l, {
-      content: a,
-      displayContent: p,
-      onSend: c
+    m && /* @__PURE__ */ t.jsx("div", { className: "content-render-custom-bar", children: D.createElement(m, {
+      content: r,
+      displayContent: N,
+      onSend: a
     }) })
   ] });
 };
 export {
-  ge as default
+  Se as default
 };
 //# sourceMappingURL=ContentRender.js.map