markdown-flow-ui 0.1.83-beta.0 → 0.1.83

package/dist/components/ContentRender/SandboxApp.js

@@ -1,181 +0,0 @@
-import { j as v } from "../../_virtual/jsx-runtime.js";
-import { useRef as n, useState as E, useEffect as S } from "react";
-import X 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: u,
-  loadingText: W,
-  styleLoadingText: q,
-  scriptLoadingText: z,
-  fullScreenButtonText: H,
-  resetToken: f = 0
-}) => {
-  const A = n(null), C = n(null), [V, I] = E(!0), [_, w] = E(!1), [O, b] = E(!1), [Q, k] = E(!1), R = n([]), F = n([]), N = n(0), T = n(0), p = n(null), d = n(null), m = n(!1), h = n(!1), L = n(!1), j = n(f), J = 200, o = (e) => {
-    e.current && (clearTimeout(e.current), e.current = null);
-  }, M = (e, s, c, g) => {
-    const i = performance.now() - c.current, x = Math.max(0, J - i);
-    o(s), s.current = window.setTimeout(() => {
-      e(!1), g?.(), s.current = null;
-    }, x);
-  };
-  S(() => {
-    const e = () => {
-      k(!!document.fullscreenElement);
-    };
-    return document.addEventListener("fullscreenchange", e), () => {
-      document.removeEventListener("fullscreenchange", e);
-    };
-  }, []), S(() => {
-    const e = C.current?.ownerDocument;
-    if (!e) return;
-    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));
-  }, []), S(() => {
-    f !== j.current && (L.current = !1, j.current = f), o(p), o(d), m.current = !1, h.current = !1;
-    const e = C.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 g = L.current;
-    I(!g), w(!1), b(!1), e.innerHTML = "";
-    const i = document.createElement("div");
-    i.innerHTML = u;
-    const x = (u.match(/<script[\s>]/gi) || []).length, K = (u.match(/<\/script>/gi) || []).length, P = x > 0 && x === K, l = [];
-    Array.from(i.querySelectorAll("style, script")).forEach((t) => {
-      if (t.tagName.toLowerCase() === "style") {
-        const r = s.createElement("style");
-        r.textContent = t.textContent || "", Array.from(t.attributes).forEach((a) => {
-          r.setAttribute(a.name, a.value);
-        }), l.push(r);
-      } else {
-        const r = s.createElement("script");
-        Array.from(t.attributes).forEach((a) => {
-          r.setAttribute(a.name, a.value);
-        }), r.textContent = t.textContent || "", l.push(r);
-      }
-      t.remove();
-    });
-    const D = l.some(
-      (t) => t.tagName.toLowerCase() === "style"
-    ), B = l.some(
-      (t) => t.tagName.toLowerCase() === "script"
-    );
-    D && (m.current = !0, N.current = performance.now(), o(p), w(!0)), B && (h.current = !0, T.current = performance.now(), o(d), b(!0));
-    const G = !!i.firstElementChild;
-    I(!G && !g), G && (L.current = !0);
-    const U = Array.from(i.childNodes);
-    e.append(...U), l.forEach((t) => {
-      if (t.tagName.toLowerCase() === "style") {
-        s.head?.appendChild(t), R.current.push(t);
-        return;
-      }
-      if (P) {
-        const r = t, a = r.textContent || "";
-        if (!r.src)
-          try {
-            new Function(a);
-          } catch {
-            r.remove();
-            return;
-          }
-        try {
-          c.appendChild(r), F.current.push(r);
-        } catch {
-          r.remove();
-        }
-      } else
-        t.remove();
-    }), requestAnimationFrame(() => {
-      D && M(
-        w,
-        p,
-        N,
-        () => {
-          m.current = !1;
-        }
-      ), B && M(
-        b,
-        d,
-        T,
-        () => {
-          h.current = !1;
-        }
-      );
-    });
-  }, [u, f]), S(
-    () => () => {
-      o(p), o(d);
-    },
-    []
-  );
-  const y = O || h.current ? z || "Building scripts cache..." : _ || m.current ? q || "Building styles..." : V ? W || "Loading..." : null;
-  return console.log(
-    "fullScreenButtonText",
-    H,
-    Q,
-    () => {
-      const e = A.current;
-      if (e) {
-        if (!document.fullscreenElement) {
-          e.requestFullscreen?.().catch(() => {
-          });
-          return;
-        }
-        document.exitFullscreen?.();
-      }
-    }
-  ), /* @__PURE__ */ v.jsxs(
-    "div",
-    {
-      ref: A,
-      style: { position: "relative", minHeight: 120 },
-      "aria-busy": !!y,
-      children: [
-        /* @__PURE__ */ v.jsx(
-          "div",
-          {
-            ref: C,
-            style: {
-              pointerEvents: y ? "none" : void 0
-            }
-          }
-        ),
-        y && /* @__PURE__ */ v.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__ */ v.jsx(
-                X,
-                {
-                  "aria-hidden": !0,
-                  size: 20,
-                  style: { animation: "sandbox-spin 1s linear infinite" }
-                }
-              ),
-              y
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  re as default
-};
-//# sourceMappingURL=SandboxApp.js.map

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

@@ -1 +0,0 @@
-{"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  console.log(\n    \"fullScreenButtonText\",\n    fullScreenButtonText,\n    isFullscreen,\n    handleToggleFullscreen\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","jsxs","jsx","Loader2"],"mappings":";;;AAYA,MAAMA,KAAwC,CAAC;AAAA,EAC7C,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,YAAAC,IAAa;AACf,MAAM;AACJ,QAAMC,IAAaC,EAAuB,IAAI,GACxCC,IAAeD,EAAuB,IAAI,GAC1C,CAACE,GAAmBC,CAAoB,IAAIC,EAAS,EAAI,GACzD,CAACC,GAAoBC,CAAqB,IAAIF,EAAS,EAAK,GAC5D,CAACG,GAAqBC,CAAsB,IAAIJ,EAAS,EAAK,GAC9D,CAACK,GAAcC,CAAe,IAAIN,EAAS,EAAK,GAChDO,IAAoBX,EAA2B,EAAE,GACjDY,IAAqBZ,EAA4B,EAAE,GACnDa,IAAgBb,EAAO,CAAC,GACxBc,IAAiBd,EAAO,CAAC,GACzBe,IAAgBf,EAAsB,IAAI,GAC1CgB,IAAiBhB,EAAsB,IAAI,GAC3CiB,IAAejB,EAAO,EAAK,GAC3BkB,IAAgBlB,EAAO,EAAK,GAC5BmB,IAAwBnB,EAAO,EAAK,GACpCoB,IAAoBpB,EAAOF,CAAU,GACrCuB,IAAiB,KAEjBC,IAAa,CAACC,MAAoD;AACtE,IAAIA,EAAS,YACX,aAAaA,EAAS,OAAO,GAC7BA,EAAS,UAAU;AAAA,EAEvB,GAEMC,IAA8B,CAClCC,GACAF,GACAG,GACAC,MACG;AACH,UAAMC,IAAU,YAAY,IAAA,IAAQF,EAAS,SACvCG,IAAQ,KAAK,IAAI,GAAGR,IAAiBO,CAAO;AAClD,IAAAN,EAAWC,CAAQ,GACnBA,EAAS,UAAU,OAAO,WAAW,MAAM;AACzC,MAAAE,EAAO,EAAK,GACZE,IAAA,GACAJ,EAAS,UAAU;AAAA,IACrB,GAAGM,CAAK;AAAA,EACV;AAEA,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAqB,MAAM;AAC/B,MAAArB,EAAgB,CAAC,CAAC,SAAS,iBAAiB;AAAA,IAC9C;AACA,oBAAS,iBAAiB,oBAAoBqB,CAAkB,GACzD,MAAM;AACX,eAAS,oBAAoB,oBAAoBA,CAAkB;AAAA,IACrE;AAAA,EACF,GAAG,CAAA,CAAE,GAELD,EAAU,MAAM;AACd,UAAME,IAAM/B,EAAa,SAAS;AAClC,QAAI,CAAC+B,EAAK;AACV,UAAMC,IAAU;AAChB,QAAIC,IAAUF,EAAI,eAAeC,CAAO;AACxC,IAAKC,MACHA,IAAUF,EAAI,cAAc,OAAO,GACnCE,EAAQ,KAAKD,GACbC,EAAQ,cACN,iGACFF,EAAI,MAAM,YAAYE,CAAO;AAAA,EAEjC,GAAG,CAAA,CAAE,GAELJ,EAAU,MAAM;AACd,IAAIhC,MAAesB,EAAkB,YACnCD,EAAsB,UAAU,IAChCC,EAAkB,UAAUtB,IAE9BwB,EAAWP,CAAa,GACxBO,EAAWN,CAAc,GACzBC,EAAa,UAAU,IACvBC,EAAc,UAAU;AAExB,UAAMiB,IAAYlC,EAAa;AAC/B,QAAI,CAACkC,EAAW;AAChB,UAAMH,IAAMG,EAAU,eAChBC,IAAOJ,GAAK;AAClB,QAAI,CAACI,EAAM;AAEX,IAAAzB,EAAkB,QAAQ,QAAQ,CAAC0B,MAASA,EAAK,QAAQ,GACzD1B,EAAkB,UAAU,CAAA,GAC5BC,EAAmB,QAAQ,QAAQ,CAACyB,MAASA,EAAK,QAAQ,GAC1DzB,EAAmB,UAAU,CAAA;AAE7B,UAAM0B,IAAoBnB,EAAsB;AAChD,IAAAhB,EAAqB,CAACmC,CAAiB,GACvChC,EAAsB,EAAK,GAC3BE,EAAuB,EAAK,GAC5B2B,EAAU,YAAY;AACtB,UAAMI,IAAU,SAAS,cAAc,KAAK;AAC5C,IAAAA,EAAQ,YAAY9C;AAEpB,UAAM+C,KAAmB/C,EAAK,MAAM,gBAAgB,KAAK,CAAA,GAAI,QACvDgD,KAAoBhD,EAAK,MAAM,cAAc,KAAK,CAAA,GAAI,QACtDiD,IACJF,IAAkB,KAAKA,MAAoBC,GAEvCE,IAA+B,CAAA;AAErC,UAAM,KAAKJ,EAAQ,iBAAiB,eAAe,CAAC,EAAE,QAAQ,CAACF,MAAS;AACtE,UAAIA,EAAK,QAAQ,YAAA,MAAkB,SAAS;AAC1C,cAAMO,IAASZ,EAAI,cAAc,OAAO;AACxC,QAAAY,EAAO,cAAcP,EAAK,eAAe,IACzC,MAAM,KAAKA,EAAK,UAAU,EAAE,QAAQ,CAACQ,MAAS;AAC5C,UAAAD,EAAO,aAAaC,EAAK,MAAMA,EAAK,KAAK;AAAA,QAC3C,CAAC,GACDF,EAAc,KAAKC,CAAM;AAAA,MAC3B,OAAO;AACL,cAAME,IAAcd,EAAI,cAAc,QAAQ;AAC9C,cAAM,KAAKK,EAAK,UAAU,EAAE,QAAQ,CAACQ,MAAS;AAC5C,UAAAC,EAAY,aAAaD,EAAK,MAAMA,EAAK,KAAK;AAAA,QAChD,CAAC,GACDC,EAAY,cAAcT,EAAK,eAAe,IAC9CM,EAAc,KAAKG,CAAW;AAAA,MAChC;AACA,MAAAT,EAAK,OAAA;AAAA,IACP,CAAC;AAED,UAAMU,IAAYJ,EAAc;AAAA,MAC9B,CAACN,MAASA,EAAK,QAAQ,kBAAkB;AAAA,IAAA,GAErCW,IAAaL,EAAc;AAAA,MAC/B,CAACN,MAASA,EAAK,QAAQ,kBAAkB;AAAA,IAAA;AAE3C,IAAIU,MACF9B,EAAa,UAAU,IACvBJ,EAAc,UAAU,YAAY,IAAA,GACpCS,EAAWP,CAAa,GACxBT,EAAsB,EAAI,IAExB0C,MACF9B,EAAc,UAAU,IACxBJ,EAAe,UAAU,YAAY,IAAA,GACrCQ,EAAWN,CAAc,GACzBR,EAAuB,EAAI;AAG7B,UAAMyC,IAAkB,CAAC,CAACV,EAAQ;AAClC,IAAApC,EAAqB,CAAC8C,KAAmB,CAACX,CAAiB,GACvDW,MACF9B,EAAsB,UAAU;AAGlC,UAAM+B,IAAe,MAAM,KAAKX,EAAQ,UAAU;AAClD,IAAAJ,EAAU,OAAO,GAAGe,CAAY,GAEhCP,EAAc,QAAQ,CAACN,MAAS;AAC9B,UAAIA,EAAK,QAAQ,YAAA,MAAkB,SAAS;AAC1C,QAAAL,EAAI,MAAM,YAAYK,CAAI,GAC1B1B,EAAkB,QAAQ,KAAK0B,CAAwB;AACvD;AAAA,MACF;AAEA,UAAIK,GAAsB;AACxB,cAAMS,IAAad,GACbe,IAAaD,EAAW,eAAe;AAG7C,YAFuB,CAACA,EAAW;AAGjC,cAAI;AAGF,gBAAI,SAASC,CAAU;AAAA,UACzB,QAAQ;AACN,YAAAD,EAAW,OAAA;AACX;AAAA,UACF;AAGF,YAAI;AACF,UAAAf,EAAK,YAAYe,CAAU,GAC3BvC,EAAmB,QAAQ,KAAKuC,CAAU;AAAA,QAC5C,QAAQ;AACN,UAAAA,EAAW,OAAA;AAAA,QACb;AAAA,MACF;AAEE,QAAAd,EAAK,OAAA;AAAA,IAET,CAAC,GACD,sBAAsB,MAAM;AAC1B,MAAIU,KACFvB;AAAA,QACElB;AAAA,QACAS;AAAA,QACAF;AAAA,QACA,MAAM;AACJ,UAAAI,EAAa,UAAU;AAAA,QACzB;AAAA,MAAA,GAGA+B,KACFxB;AAAA,QACEhB;AAAA,QACAQ;AAAA,QACAF;AAAA,QACA,MAAM;AACJ,UAAAI,EAAc,UAAU;AAAA,QAC1B;AAAA,MAAA;AAAA,IAGN,CAAC;AAAA,EACH,GAAG,CAACzB,GAAMK,CAAU,CAAC,GAErBgC;AAAA,IACE,MAAM,MAAM;AACV,MAAAR,EAAWP,CAAa,GACxBO,EAAWN,CAAc;AAAA,IAC3B;AAAA,IACA,CAAA;AAAA,EAAC;AAGH,QAAMqC,IACA9C,KAAuBW,EAAc,UAChCtB,KAAqB,8BAC1BS,KAAsBY,EAAa,UAC9BtB,KAAoB,uBACzBO,IAA0BR,KAAe,eACtC;AAaT,iBAAQ;AAAA,IACN;AAAA,IACAG;AAAA,IACAY;AAAA,IAb6B,MAAM;AACnC,YAAM8B,IAAUxC,EAAW;AAC3B,UAAKwC,GACL;AAAA,YAAI,CAAC,SAAS,mBAAmB;AAC/B,UAAAA,EAAQ,sBAAsB,MAAM,MAAM;AAAA,UAAC,CAAC;AAC5C;AAAA,QACF;AACA,iBAAS,iBAAA;AAAA;AAAA,IACX;AAAA,EAME,GAIAe,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKvD;AAAA,MACL,OAAO,EAAE,UAAU,YAAY,WAAW,IAAA;AAAA,MAC1C,aAAW,CAAC,CAACsD;AAAA,MAEb,UAAA;AAAA,QAAAE,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKtD;AAAA,YACL,OAAO;AAAA,cACL,eAAeoD,IAAiB,SAAS;AAAA,YAAA;AAAA,UAC3C;AAAA,QAAA;AAAA,QAyBDA,KACCC,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,UAAU;AAAA,cACV,OAAO;AAAA,cACP,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,gBAAgB;AAAA,cAChB,YAAY;AAAA,cACZ,OAAO;AAAA,cACP,UAAU;AAAA,cACV,YAAY;AAAA,cACZ,KAAK;AAAA,cACL,eAAe;AAAA,cACf,QAAQ;AAAA,YAAA;AAAA,YAGV,UAAA;AAAA,cAAAC,gBAAAA,EAAAA;AAAAA,gBAACC;AAAAA,gBAAA;AAAA,kBACC,eAAW;AAAA,kBACX,MAAM;AAAA,kBACN,OAAO,EAAE,WAAW,kCAAA;AAAA,gBAAkC;AAAA,cAAA;AAAA,cAEvDH;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;"}

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

@@ -1,8 +0,0 @@
-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

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

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

@@ -1 +0,0 @@
-{"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\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\n// Split incoming markdown content into markdown and sandbox HTML segments\nexport const splitContentSegments = (raw: string): RenderSegment[] => {\n  const sandboxStartIndex = raw.search(SANDBOX_START_PATTERN);\n  const inlineMatch = findInlineSandboxMatch(raw);\n\n  if (sandboxStartIndex === -1 && !inlineMatch) {\n    return [{ type: \"markdown\", value: raw }];\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 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({\n    type: shouldUseInline ? \"markdown\" : \"sandbox\",\n    value: htmlBlock,\n  });\n\n  if (after.trim()) {\n    segments.push(...splitContentSegments(after));\n  }\n  console.log(\"segments\", segments);\n  return segments;\n};\n"],"names":["SANDBOX_START_PATTERN","INLINE_SANDBOX_PATTERNS","closingBoundary","findHtmlBlockEnd","raw","startIndex","blockEnd","match","findInlineSandboxMatch","earliest","pattern","start","end","splitContentSegments","sandboxStartIndex","inlineMatch","shouldUseInline","segments","before","htmlBlock","after"],"mappings":"AAIA,MAAMA,IACJ,sGAEIC,IAAoC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEMC,IAAkB,mCAIlBC,IAAmB,CAACC,GAAaC,MAAuB;AAC5D,MAAIC,IAAWF,EAAI,QACfG;AAGJ,OAFAL,EAAgB,YAAY,GAEpBK,IAAQL,EAAgB,KAAKE,CAAG;AACtC,QAAI,EAAAG,EAAM,SAASF,IACnB;AAAA,MAAAC,IAAWC,EAAM,QAAQA,EAAM,CAAC,EAAE;AAClC;AAAA;AAGF,SAAOD;AACT,GAEME,IAAyB,CAACJ,MAAoC;AAClE,MAAIK,IAA+B;AAEnC,SAAAR,EAAwB,QAAQ,CAACS,MAAY;AAC3C,UAAMH,IAAQG,EAAQ,KAAKN,CAAG;AAC9B,QAAI,CAACG,KAAS,OAAOA,EAAM,SAAU,SAAU;AAC/C,UAAMI,IAAQJ,EAAM,OACdK,IAAML,EAAM,QAAQA,EAAM,CAAC,EAAE;AAEnC,KAAI,CAACE,KAAYE,IAAQF,EAAS,WAChCA,IAAW,EAAE,OAAAE,GAAO,KAAAC,EAAA;AAAA,EAExB,CAAC,GAEMH;AACT,GAGaI,IAAuB,CAACT,MAAiC;AACpE,QAAMU,IAAoBV,EAAI,OAAOJ,CAAqB,GACpDe,IAAcP,EAAuBJ,CAAG;AAE9C,MAAIU,MAAsB,MAAM,CAACC;AAC/B,WAAO,CAAC,EAAE,MAAM,YAAY,OAAOX,GAAK;AAG1C,QAAMY,IACJ,CAAC,CAACD,MACDD,MAAsB,MAAMC,EAAY,QAAQD,IAE7CT,IAAaW,IAAkBD,EAAa,QAAQD,GACpDR,IAAWU,IACbD,EAAa,MACbZ,EAAiBC,GAAKC,CAAU,GAE9BY,IAA4B,CAAA,GAC5BC,IAASd,EAAI,MAAM,GAAGC,CAAU,GAChCc,IAAYf,EAAI,MAAMC,GAAYC,CAAQ,GAC1Cc,IAAQhB,EAAI,MAAME,CAAQ;AAEhC,SAAIY,EAAO,UACTD,EAAS,KAAK,EAAE,MAAM,YAAY,OAAOC,GAAQ,GAGnDD,EAAS,KAAK;AAAA,IACZ,MAAMD,IAAkB,aAAa;AAAA,IACrC,OAAOG;AAAA,EAAA,CACR,GAEGC,EAAM,UACRH,EAAS,KAAK,GAAGJ,EAAqBO,CAAK,CAAC,GAE9C,QAAQ,IAAI,YAAYH,CAAQ,GACzBA;AACT;"}