@multiplatform.one/markdown 6.4.1 → 6.4.3

package/dist/esm/mdxComponents.native.js

@@ -0,0 +1,357 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { CodeInline, unwrapText } from "@multiplatform.one/components";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Link } from "@multiplatform.one/router";
+import { Children } from "react";
+import { H1, H2, H3, H4, H5, H6, Paragraph, Text, XStack, YStack, isWeb, styled } from "tamagui";
+import { ExternalIcon } from "./ExternalIcon/index.native.js";
+import { HR } from "./Hr/index.native.js";
+import { LinkIcon } from "./icons/index.native.js";
+import { LI } from "./Li/index.native.js";
+import { MDXCodeBlock } from "./MdxCodeBlock/index.native.js";
+import { MDXTable, MDXTableBody, MDXTableCell, MDXTableHead, MDXTableHeaderCell, MDXTableRow } from "./Table/index.native.js";
+import { UL } from "./Ul/index.native.js";
+var code = function code2(param) {
+  var {
+    hero: _hero,
+    line,
+    scrollable: _scrollable,
+    className,
+    children,
+    id: _id,
+    showLineNumbers,
+    collapsible: _collapsible,
+    ...props
+  } = param;
+  if (!className) return /* @__PURE__ */_jsx(CodeInline, {
+    children: unwrapText(children)
+  });
+  return /* @__PURE__ */_jsx(YStack, {
+    marginTop: "$3",
+    children: /* @__PURE__ */_jsx(MDXCodeBlock, {
+      className,
+      isHighlightingLines: line !== void 0,
+      showLineNumbers: showLineNumbers !== void 0,
+      line,
+      ...props,
+      children
+    })
+  });
+};
+var TableHighlight = styled(YStack, {
+  name: "TableHighlight",
+  backgroundColor: "$yellow1",
+  fullscreen: true
+});
+function MdxBlockquote(param) {
+  var {
+    children,
+    ...props
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */_jsx(YStack, {
+    marginVertical: "$4",
+    paddingHorizontal: knobProps.panelPadding.padding,
+    // Logical start rail so the quote mirrors in RTL; tamagui
+    // borderStartWidth does not compile to working CSS on web (SB-M-1215)
+    ...(isWeb ? {
+      style: {
+        marginInlineStart: 12,
+        borderInlineStartWidth: 1,
+        borderInlineStartStyle: "solid"
+      }
+    } : {
+      style: {
+        marginInlineStart: 12
+      },
+      borderStartWidth: 1
+    }),
+    borderColor: "$borderColor",
+    justifyContent: "center",
+    ...props,
+    children: /* @__PURE__ */_jsx(Paragraph, {
+      whiteSpace: "revert",
+      size: "$8",
+      lineHeight: "$9",
+      fontWeight: "300",
+      color: "$color",
+      opacity: 0.65,
+      children: unwrapText(children)
+    })
+  });
+}
+var mdxComponents = {
+  h1: function h1(props) {
+    return /* @__PURE__ */_jsx(H1, {
+      fontFamily: "$mono",
+      width: "max-content",
+      position: "relative",
+      marginBottom: "$2",
+      ...props
+    });
+  },
+  h2: function h2(param) {
+    var {
+      children,
+      ...props
+    } = param;
+    return /* @__PURE__ */_jsx(H2, {
+      position: "relative",
+      width: "fit-content",
+      marginTop: "$8",
+      marginBottom: "$4",
+      "data-heading": true,
+      size: "$9",
+      color: "$color12",
+      ...props,
+      children
+    });
+  },
+  h3: function h3(param) {
+    var {
+      children,
+      id,
+      ...props
+    } = param;
+    return /* @__PURE__ */_jsxs(LinkHeading, {
+      "data-heading": true,
+      marginTop: "$6",
+      marginBottom: "$2",
+      id,
+      children: [/* @__PURE__ */_jsx(H3, {
+        maxWidth: "100%",
+        position: "relative",
+        width: "fit-content",
+        size: "$8",
+        color: "$color11",
+        fontWeight: "600",
+        ...props,
+        children
+      }), getNonTextChildren(children)]
+    });
+  },
+  h4: function h4(props) {
+    return /* @__PURE__ */_jsx(H4, {
+      position: "relative",
+      width: "fit-content",
+      marginTop: "$8",
+      marginBottom: "$2",
+      size: "$8",
+      color: "$color8",
+      "data-heading": true,
+      ...props,
+      fontWeight: "400"
+    });
+  },
+  h5: function h5(props) {
+    return /* @__PURE__ */_jsx(H5, {
+      size: "$6",
+      fontWeight: "600",
+      marginTop: "$4",
+      ...props
+    });
+  },
+  h6: function h6(props) {
+    return /* @__PURE__ */_jsx(H6, {
+      marginTop: "$4",
+      ...props
+    });
+  },
+  p: function p(props) {
+    return /* @__PURE__ */_jsx(Paragraph, {
+      render: "p",
+      display: "block",
+      size: "$6",
+      marginVertical: "$2",
+      ...props
+    });
+  },
+  a: function a(param) {
+    var {
+      href = "",
+      children,
+      ...props
+    } = param;
+    return /* @__PURE__ */_jsx(Link, {
+      href,
+      children: /* @__PURE__ */_jsxs(Paragraph, {
+        // the router Link already renders the anchor; a nested <a> is invalid
+        render: "span",
+        fontSize: "inherit",
+        display: "inline",
+        cursor: "pointer",
+        focusVisibleStyle: {
+          outlineColor: "$outlineColor",
+          outlineWidth: 2,
+          outlineStyle: "solid",
+          outlineOffset: 2
+        },
+        ...props,
+        children: [children, typeof href === "string" && href.startsWith("http") ? /* @__PURE__ */_jsxs(_Fragment, {
+          children: ["\xA0", /* @__PURE__ */_jsx(Text, {
+            fontSize: "inherit",
+            display: "inline-flex",
+            y: 2,
+            style: {
+              marginLeft: -1
+            },
+            children: /* @__PURE__ */_jsx(ExternalIcon, {})
+          })]
+        }) : null]
+      })
+    });
+  },
+  hr: function hr(props) {
+    return /* @__PURE__ */_jsx(HR, {
+      ...props
+    });
+  },
+  ul: function ul(param) {
+    var {
+      children
+    } = param;
+    return /* @__PURE__ */_jsx(UL, {
+      render: "ul",
+      marginVertical: "$4",
+      children: Children.toArray(children).map(function (x) {
+        return typeof x === "string" ? null : x;
+      })
+    });
+  },
+  ol: function ol(props) {
+    return /* @__PURE__ */_jsx(YStack, {
+      ...props,
+      render: "ol",
+      marginBottom: "$3"
+    });
+  },
+  li: function li(props) {
+    return /* @__PURE__ */_jsx(LI, {
+      render: "li",
+      size: "$6",
+      marginBottom: "$1.5",
+      style: {
+        listStyleType: "disc"
+      },
+      children: props.children
+    });
+  },
+  strong: function strong(props) {
+    return /* @__PURE__ */_jsx(Paragraph, {
+      render: "strong",
+      fontSize: "inherit",
+      ...props,
+      fontWeight: "700"
+    });
+  },
+  em: function em(props) {
+    return /* @__PURE__ */_jsx(Paragraph, {
+      render: "em",
+      fontSize: "inherit",
+      ...props,
+      fontStyle: "italic"
+    });
+  },
+  del: function del(props) {
+    return /* @__PURE__ */_jsx(Paragraph, {
+      render: "del",
+      fontSize: "inherit",
+      ...props,
+      textDecorationLine: "line-through"
+    });
+  },
+  img: function img(param) {
+    var {
+      ...props
+    } = param;
+    return /* @__PURE__ */_jsx(YStack, {
+      render: "span",
+      marginVertical: "$6",
+      children: /* @__PURE__ */_jsx(YStack, {
+        render: "img",
+        ...props,
+        maxWidth: "100%"
+      })
+    });
+  },
+  pre: function pre(param) {
+    var {
+      children
+    } = param;
+    return /* @__PURE__ */_jsx(_Fragment, {
+      children
+    });
+  },
+  code,
+  blockquote: MdxBlockquote,
+  table: function table(props) {
+    return /* @__PURE__ */_jsx(MDXTable, {
+      ...props
+    });
+  },
+  thead: function thead(props) {
+    return /* @__PURE__ */_jsx(MDXTableHead, {
+      ...props
+    });
+  },
+  tbody: function tbody(props) {
+    return /* @__PURE__ */_jsx(MDXTableBody, {
+      ...props
+    });
+  },
+  tr: function tr(props) {
+    return /* @__PURE__ */_jsx(MDXTableRow, {
+      ...props
+    });
+  },
+  th: function th(props) {
+    return /* @__PURE__ */_jsx(MDXTableHeaderCell, {
+      ...props
+    });
+  },
+  td: function td(props) {
+    return /* @__PURE__ */_jsx(MDXTableCell, {
+      ...props
+    });
+  }
+};
+var LinkHeading = function LinkHeading2(param) {
+  var {
+    id,
+    children,
+    ...props
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */_jsxs(XStack, {
+    render: "a",
+    "data-heading": true,
+    href: `#${id}`,
+    id,
+    "data-id": id,
+    display: "inline-flex",
+    alignItems: "center",
+    ...knobProps.gapLg,
+    ...props,
+    children: [children, /* @__PURE__ */_jsx(YStack, {
+      render: "span",
+      opacity: 0.3,
+      children: /* @__PURE__ */_jsx(LinkIcon, {
+        size: 12
+      })
+    })]
+  });
+};
+var getNonTextChildren = function getNonTextChildren2(children) {
+  var _Children_map;
+  return (_Children_map = Children.map(children, function (x) {
+    if (typeof x === "string") return null;
+    if ((x === null || x === void 0 ? void 0 : x.type) === code) return null;
+    return x;
+  })) === null || _Children_map === void 0 ? void 0 : _Children_map.flat();
+};
+export { TableHighlight, mdxComponents };
+//# sourceMappingURL=mdxComponents.native.js.map

package/dist/esm/mdxComponents.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","CodeInline","unwrapText","useResolvedKnobs","Link","Children","H1","H2","H3","H4","H5","H6","Paragraph","Text","XStack","YStack","isWeb","styled","ExternalIcon","HR","LinkIcon","LI","MDXCodeBlock","MDXTable","MDXTableBody","MDXTableCell","MDXTableHead","MDXTableHeaderCell","MDXTableRow","UL","code","code2","param","hero","_hero","line","scrollable","_scrollable","className","children","id","_id","showLineNumbers","collapsible","_collapsible","props","marginTop","isHighlightingLines","TableHighlight","name","backgroundColor","fullscreen","MdxBlockquote","knobProps","marginVertical","paddingHorizontal","panelPadding","padding","style","marginInlineStart","borderInlineStartWidth","borderInlineStartStyle","borderStartWidth","borderColor","justifyContent","whiteSpace","size","lineHeight","fontWeight","color","opacity","mdxComponents","h1","fontFamily","width","position","marginBottom","h2","h3","LinkHeading","maxWidth","getNonTextChildren","h4","h5","h6","p","render","display","a","href","fontSize","cursor","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","outlineOffset","startsWith","y","marginLeft","hr","ul","toArray","map","x"],"sources":["../../src/mdxComponents.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/mermaid/MermaidBlock.mjs

@@ -0,0 +1,85 @@
+import { useEffect, useRef, useState } from "react";
+import { Text, View, useThemeName } from "tamagui";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { markdownCodeColors } from "../shared/colorRamps.mjs";
+import { CodeBlock } from "../components/index.mjs";
+import { mountDiagramSvg } from "./mountDiagramSvg.mjs";
+import { renderMermaidDiagram } from "./renderMermaidDiagram.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function MermaidBlock({
+  children
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const themeName = useThemeName();
+  const scheme = String(themeName).startsWith("dark") ? "dark" : "light";
+  const [state, setState] = useState({
+    status: "loading"
+  });
+  const svgHostRef = useRef(null);
+  useEffect(() => {
+    let cancelled = false;
+    setState({
+      status: "loading"
+    });
+    renderMermaidDiagram(children, {
+      scheme
+    }).then(result => {
+      if (cancelled) return;
+      setState(result.ok ? {
+        status: "ok",
+        svg: result.svg
+      } : {
+        status: "error",
+        error: result.error
+      });
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [children, scheme]);
+  useEffect(() => {
+    if (state.status !== "ok" || !svgHostRef.current) return;
+    mountDiagramSvg(svgHostRef.current, state.svg);
+  }, [state]);
+  if (state.status === "ok") {
+    return /* @__PURE__ */jsx(View, {
+      ...(knobProps.borderRadiusOuter ?? {
+        borderRadius: "$4"
+      }),
+      backgroundColor: markdownCodeColors.background.base,
+      borderWidth: 1,
+      borderColor: markdownCodeColors.border.base,
+      paddingHorizontal: 16,
+      paddingVertical: 12,
+      marginVertical: "$2",
+      overflow: "hidden",
+      children: /* @__PURE__ */jsx("div", {
+        ref: svgHostRef,
+        role: "img",
+        "aria-label": "Mermaid diagram",
+        "data-mermaid-diagram": "true",
+        style: {
+          display: "flex",
+          justifyContent: "center",
+          overflowX: "auto"
+        }
+      })
+    });
+  }
+  return /* @__PURE__ */jsxs(View, {
+    children: [state.status === "error" ? /* @__PURE__ */jsx(Text, {
+      color: "$red11",
+      fontSize: 13,
+      marginTop: "$2",
+      role: "alert",
+      children: `Mermaid: ${state.error}`
+    }) : null, /* @__PURE__ */jsx(CodeBlock, {
+      lang: "mermaid",
+      children
+    })]
+  });
+}
+export { MermaidBlock };
+//# sourceMappingURL=MermaidBlock.mjs.map

package/dist/esm/mermaid/MermaidBlock.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useState","Text","View","useThemeName","useResolvedKnobs","markdownCodeColors","CodeBlock","mountDiagramSvg","renderMermaidDiagram","jsx","jsxs","MermaidBlock","children","knobProps","themeName","scheme","String","startsWith","state","setState","status","svgHostRef","cancelled","then","result","ok","svg","error","current","borderRadiusOuter","borderRadius","backgroundColor","background","base","borderWidth","borderColor","border","paddingHorizontal","paddingVertical","marginVertical","overflow","ref","role","style","display","justifyContent","overflowX","color","fontSize","marginTop","lang"],"sources":["../../../src/mermaid/MermaidBlock.tsx"],"sourcesContent":[null],"mappings":"AAUA,SAASA,SAAA,EAAWC,MAAA,EAAQC,QAAA,QAAgB;AAC5C,SAASC,IAAA,EAAMC,IAAA,EAAMC,YAAA,QAAoB;AACzC,SAASC,gBAAA,QAAwB;AACjC,SAASC,kBAAA,QAA0B;AACnC,SAASC,SAAA,QAAiB;AAC1B,SAASC,eAAA,QAAuB;AAChC,SAASC,oBAAA,QAA4B;AAkD7B,SAAAC,GAAA,EAYJC,IAAA,QAZI;AAtCD,SAASC,aAAa;EAAEC;AAAS,GAAsB;EAC5D,MAAM;IAAEC;EAAU,IAAIT,gBAAA,CAAiB;EACvC,MAAMU,SAAA,GAAYX,YAAA,CAAa;EAC/B,MAAMY,MAAA,GAASC,MAAA,CAAOF,SAAS,EAAEG,UAAA,CAAW,MAAM,IAAI,SAAS;EAC/D,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAInB,QAAA,CAAuB;IAAEoB,MAAA,EAAQ;EAAU,CAAC;EACtE,MAAMC,UAAA,GAAatB,MAAA,CAAuB,IAAI;EAE9CD,SAAA,CAAU,MAAM;IACd,IAAIwB,SAAA,GAAY;IAChBH,QAAA,CAAS;MAAEC,MAAA,EAAQ;IAAU,CAAC;IAC9BZ,oBAAA,CAAqBI,QAAA,EAAU;MAAEG;IAAO,CAAC,EAAEQ,IAAA,CAAMC,MAAA,IAAW;MAC1D,IAAIF,SAAA,EAAW;MACfH,QAAA,CACEK,MAAA,CAAOC,EAAA,GAAK;QAAEL,MAAA,EAAQ;QAAMM,GAAA,EAAKF,MAAA,CAAOE;MAAI,IAAI;QAAEN,MAAA,EAAQ;QAASO,KAAA,EAAOH,MAAA,CAAOG;MAAM,CACzF;IACF,CAAC;IACD,OAAO,MAAM;MACXL,SAAA,GAAY;IACd;EACF,GAAG,CAACV,QAAA,EAAUG,MAAM,CAAC;EAErBjB,SAAA,CAAU,MAAM;IACd,IAAIoB,KAAA,CAAME,MAAA,KAAW,QAAQ,CAACC,UAAA,CAAWO,OAAA,EAAS;IAClDrB,eAAA,CAAgBc,UAAA,CAAWO,OAAA,EAASV,KAAA,CAAMQ,GAAG;EAC/C,GAAG,CAACR,KAAK,CAAC;EAEV,IAAIA,KAAA,CAAME,MAAA,KAAW,MAAM;IACzB,OACE,eAAAX,GAAA,CAACP,IAAA;MACE,IAAIW,SAAA,CAAUgB,iBAAA,IAAqB;QAAEC,YAAA,EAAc;MAAK;MACzDC,eAAA,EAAiB1B,kBAAA,CAAmB2B,UAAA,CAAWC,IAAA;MAC/CC,WAAA,EAAa;MACbC,WAAA,EAAa9B,kBAAA,CAAmB+B,MAAA,CAAOH,IAAA;MACvCI,iBAAA,EAAmB;MACnBC,eAAA,EAAiB;MACjBC,cAAA,EAAe;MACfC,QAAA,EAAS;MAET5B,QAAA,iBAAAH,GAAA,CAAC;QACCgC,GAAA,EAAKpB,UAAA;QACLqB,IAAA,EAAK;QACL,cAAW;QACX,wBAAqB;QACrBC,KAAA,EAAO;UAAEC,OAAA,EAAS;UAAQC,cAAA,EAAgB;UAAUC,SAAA,EAAW;QAAO;MAAA,CACxE;IAAA,CACF;EAEJ;EAEA,OACE,eAAApC,IAAA,CAACR,IAAA;IACEU,QAAA,GAAAM,KAAA,CAAME,MAAA,KAAW,UAChB,eAAAX,GAAA,CAACR,IAAA;MAAK8C,KAAA,EAAM;MAASC,QAAA,EAAU;MAAIC,SAAA,EAAU;MAAKP,IAAA,EAAK;MACpD9B,QAAA,cAAYM,KAAA,CAAMS,KAAK;IAAA,CAC1B,IACE,MACJ,eAAAlB,GAAA,CAACH,SAAA;MAAU4C,IAAA,EAAK;MAAWtC;IAAA,CAAS;EAAA,CACtC;AAEJ","ignoreList":[]}

package/dist/esm/mermaid/MermaidBlock.native.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CodeBlock } from "../components/index.native.js";
+function MermaidBlock(param) {
+  var {
+    children
+  } = param;
+  return /* @__PURE__ */_jsx(CodeBlock, {
+    lang: "mermaid",
+    children
+  });
+}
+export { MermaidBlock };
+//# sourceMappingURL=MermaidBlock.native.js.map

package/dist/esm/mermaid/MermaidBlock.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","CodeBlock","MermaidBlock","param","children","lang"],"sources":["../../../src/mermaid/MermaidBlock.native.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,QAAY;AAIxB,SAASC,SAAA,QAAiB;AACO,SAASC,aAAaC,KAAA,EAAO;EAC9D,IAAI;IAAEC;EAAS,IAAID,KAAA;EACnB,OAAqB,eAAAH,IAAA,CAAKC,SAAA,EAAW;IACjCI,IAAA,EAAM;IACND;EACJ,CAAC;AACL","ignoreList":[]}

package/dist/esm/mermaid/index.mjs

@@ -0,0 +1,4 @@
+import { mountDiagramSvg } from "./mountDiagramSvg.mjs";
+import { renderMermaidDiagram, resetMermaidForTesting } from "./renderMermaidDiagram.mjs";
+export { mountDiagramSvg, renderMermaidDiagram, resetMermaidForTesting };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/mermaid/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["mountDiagramSvg","renderMermaidDiagram","resetMermaidForTesting"],"sources":["../../../src/mermaid/index.ts"],"sourcesContent":[null],"mappings":"AAgBA,SAASA,eAAA,QAAuB;AAChC,SACEC,oBAAA,EACAC,sBAAA,QAGK","ignoreList":[]}

package/dist/esm/mermaid/index.native.js

@@ -0,0 +1,4 @@
+import { mountDiagramSvg } from "./mountDiagramSvg.native.js";
+import { renderMermaidDiagram, resetMermaidForTesting } from "./renderMermaidDiagram.native.js";
+export { mountDiagramSvg, renderMermaidDiagram, resetMermaidForTesting };
+//# sourceMappingURL=index.native.js.map

package/dist/esm/mermaid/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mountDiagramSvg","renderMermaidDiagram","resetMermaidForTesting"],"sources":["../../../src/mermaid/index.ts"],"sourcesContent":[null],"mappings":"AAgBA,SAASA,eAAA,QAAuB;AAChC,SAAAC,oBAAA,EAAAC,sBAAA;AAAA,SAEEF,eAAA,EAAAC,oBAGK,E","ignoreList":[]}

package/dist/esm/mermaid/mountDiagramSvg.mjs

@@ -0,0 +1,29 @@
+const EXECUTABLE_SELECTOR = "script, iframe, object, embed";
+function parseSvgElement(svg) {
+  try {
+    const xml = new DOMParser().parseFromString(svg, "image/svg+xml");
+    const root = xml.documentElement;
+    if (root?.tagName.toLowerCase() === "svg" && !xml.querySelector("parsererror")) {
+      return root;
+    }
+  } catch {}
+  const html = new DOMParser().parseFromString(svg, "text/html");
+  return html.body.querySelector("svg");
+}
+function mountDiagramSvg(container, svg) {
+  const root = parseSvgElement(svg);
+  if (!root) return false;
+  for (const el of Array.from(root.querySelectorAll(EXECUTABLE_SELECTOR))) el.remove();
+  for (const el of [root, ...Array.from(root.querySelectorAll("*"))]) {
+    for (const attr of Array.from(el.attributes)) {
+      const name = attr.name.toLowerCase();
+      if (name.startsWith("on") || name === "href" && attr.value.trim().toLowerCase().startsWith("javascript:")) {
+        el.removeAttribute(attr.name);
+      }
+    }
+  }
+  container.replaceChildren(document.importNode(root, true));
+  return true;
+}
+export { mountDiagramSvg };
+//# sourceMappingURL=mountDiagramSvg.mjs.map

package/dist/esm/mermaid/mountDiagramSvg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["EXECUTABLE_SELECTOR","parseSvgElement","svg","xml","DOMParser","parseFromString","root","documentElement","tagName","toLowerCase","querySelector","html","body","mountDiagramSvg","container","el","Array","from","querySelectorAll","remove","attr","attributes","name","startsWith","value","trim","removeAttribute","replaceChildren","document","importNode"],"sources":["../../../src/mermaid/mountDiagramSvg.ts"],"sourcesContent":[null],"mappings":"AAUA,MAAMA,mBAAA,GAAsB;AAO5B,SAASC,gBAAgBC,GAAA,EAA6B;EACpD,IAAI;IACF,MAAMC,GAAA,GAAM,IAAIC,SAAA,CAAU,EAAEC,eAAA,CAAgBH,GAAA,EAAK,eAAe;IAChE,MAAMI,IAAA,GAAOH,GAAA,CAAII,eAAA;IACjB,IAAID,IAAA,EAAME,OAAA,CAAQC,WAAA,CAAY,MAAM,SAAS,CAACN,GAAA,CAAIO,aAAA,CAAc,aAAa,GAAG;MAC9E,OAAOJ,IAAA;IACT;EACF,QAAQ,CAER;EACA,MAAMK,IAAA,GAAO,IAAIP,SAAA,CAAU,EAAEC,eAAA,CAAgBH,GAAA,EAAK,WAAW;EAC7D,OAAOS,IAAA,CAAKC,IAAA,CAAKF,aAAA,CAAc,KAAK;AACtC;AAEO,SAASG,gBAAgBC,SAAA,EAAwBZ,GAAA,EAAsB;EAC5E,MAAMI,IAAA,GAAOL,eAAA,CAAgBC,GAAG;EAChC,IAAI,CAACI,IAAA,EAAM,OAAO;EAClB,WAAWS,EAAA,IAAMC,KAAA,CAAMC,IAAA,CAAKX,IAAA,CAAKY,gBAAA,CAAiBlB,mBAAmB,CAAC,GAAGe,EAAA,CAAGI,MAAA,CAAO;EACnF,WAAWJ,EAAA,IAAM,CAACT,IAAA,EAAM,GAAGU,KAAA,CAAMC,IAAA,CAAKX,IAAA,CAAKY,gBAAA,CAAiB,GAAG,CAAC,CAAC,GAAG;IAClE,WAAWE,IAAA,IAAQJ,KAAA,CAAMC,IAAA,CAAKF,EAAA,CAAGM,UAAU,GAAG;MAC5C,MAAMC,IAAA,GAAOF,IAAA,CAAKE,IAAA,CAAKb,WAAA,CAAY;MACnC,IACEa,IAAA,CAAKC,UAAA,CAAW,IAAI,KACnBD,IAAA,KAAS,UAAUF,IAAA,CAAKI,KAAA,CAAMC,IAAA,CAAK,EAAEhB,WAAA,CAAY,EAAEc,UAAA,CAAW,aAAa,GAC5E;QACAR,EAAA,CAAGW,eAAA,CAAgBN,IAAA,CAAKE,IAAI;MAC9B;IACF;EACF;EACAR,SAAA,CAAUa,eAAA,CAAgBC,QAAA,CAASC,UAAA,CAAWvB,IAAA,EAAM,IAAI,CAAC;EACzD,OAAO;AACT","ignoreList":[]}

package/dist/esm/mermaid/mountDiagramSvg.native.js

@@ -0,0 +1,70 @@
+var EXECUTABLE_SELECTOR = "script, iframe, object, embed";
+function parseSvgElement(svg) {
+  try {
+    var xml = new DOMParser().parseFromString(svg, "image/svg+xml");
+    var root = xml.documentElement;
+    if ((root === null || root === void 0 ? void 0 : root.tagName.toLowerCase()) === "svg" && !xml.querySelector("parsererror")) {
+      return root;
+    }
+  } catch (unused) {}
+  var html = new DOMParser().parseFromString(svg, "text/html");
+  return html.body.querySelector("svg");
+}
+function mountDiagramSvg(container, svg) {
+  var root = parseSvgElement(svg);
+  if (!root) return false;
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = Array.from(root.querySelectorAll(EXECUTABLE_SELECTOR))[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var el = _step.value;
+      el.remove();
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  for (var _i = 0, _iter = [root, ...Array.from(root.querySelectorAll("*"))]; _i < _iter.length; _i++) {
+    var el1 = _iter[_i];
+    var _iteratorNormalCompletion1 = true,
+      _didIteratorError1 = false,
+      _iteratorError1 = void 0;
+    try {
+      for (var _iterator1 = Array.from(el1.attributes)[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+        var attr = _step1.value;
+        var name = attr.name.toLowerCase();
+        if (name.startsWith("on") || name === "href" && attr.value.trim().toLowerCase().startsWith("javascript:")) {
+          el1.removeAttribute(attr.name);
+        }
+      }
+    } catch (err) {
+      _didIteratorError1 = true;
+      _iteratorError1 = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+          _iterator1.return();
+        }
+      } finally {
+        if (_didIteratorError1) {
+          throw _iteratorError1;
+        }
+      }
+    }
+  }
+  container.replaceChildren(document.importNode(root, true));
+  return true;
+}
+export { mountDiagramSvg };
+//# sourceMappingURL=mountDiagramSvg.native.js.map

package/dist/esm/mermaid/mountDiagramSvg.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["EXECUTABLE_SELECTOR","parseSvgElement","svg","xml","DOMParser","parseFromString","root","documentElement","tagName","toLowerCase","querySelector","unused","html","body","mountDiagramSvg","container","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Array","from","querySelectorAll","Symbol","iterator","_step","next","done","el","value","remove","err","return"],"sources":["../../../src/mermaid/mountDiagramSvg.ts"],"sourcesContent":[null],"mappings":"AAUA,IAAAA,mBAAM,kCAAsB;AAO5B,SAASC,gBAAgBC,GAAA,EAA6B;EACpD,IAAI;IACF,IAAAC,GAAM,OAAMC,SAAI,GAAUC,eAAE,CAAAH,GAAgB,iBAAK;IACjD,IAAAI,IAAM,GAAAH,GAAO,CAAAI,eAAI;IACjB,IAAI,CAAAD,IAAA,KAAM,IAAQ,IAAAA,IAAA,KAAY,KAAM,SAAS,CAAC,GAAAA,IAAI,CAAAE,OAAA,CAAAC,WAAc,QAAgB,UAAAN,GAAA,CAAAO,aAAA;MAC9E,OAAOJ,IAAA;IACT;EACF,SAAQK,MAAA,GAER;EACA,IAAAC,IAAM,OAAOR,SAAI,GAAUC,eAAE,CAAAH,GAAgB,aAAK;EAClD,OAAOU,IAAA,CAAKC,IAAA,CAAKH,aAAA,CAAc,KAAK;AACtC;AAEO,SAASI,gBAAgBC,SAAA,EAAwBb,GAAA,EAAsB;EAC5E,IAAAI,IAAM,GAAAL,eAAO,CAAAC,GAAgB;EAC7B,IAAI,CAACI,IAAA,EAAM,OAAO;EAClB,IAAAU,yBAA4B,OAAK;IAAAC,iBAAiB;IAAAC,cAA0B,QAAO;EACnF;IACE,SAAAC,SAAW,GAAQC,KAAM,CAAAC,IAAK,CAAAf,IAAG,CAAAgB,gBAAa,CAAAtB,mBAAA,GAAAuB,MAAA,CAAAC,QAAA,KAAAC,KAAA,IAAAT,yBAAA,IAAAS,KAAA,GAAAN,SAAA,CAAAO,IAAA,IAAAC,IAAA,GAAAX,yBAAA;MAC5C,IAAAY,EAAM,GAAAH,KAAO,CAAAI,KAAK;MAClBD,EAAA,CAAAE,MACO;IAGL;EAA4B,SAC9BC,GAAA;IACFd,iBAAA;IACFC,cAAA,GAAAa,GAAA;EACA,UAAU;IACV;MACF,KAAAf,yBAAA,IAAAG,SAAA,CAAAa,MAAA","ignoreList":[]}

package/dist/esm/mermaid/renderMermaidDiagram.mjs

@@ -0,0 +1,55 @@
+let mermaidPromise = null;
+let idCounter = 0;
+let lastInitKey = null;
+function loadMermaid() {
+  if (!mermaidPromise) {
+    mermaidPromise = import("mermaid").then(mod => mod.default ?? mod);
+  }
+  return mermaidPromise;
+}
+async function renderMermaidDiagram(code, options = {}) {
+  if (typeof document === "undefined") {
+    return {
+      ok: false,
+      error: "Mermaid diagrams require a DOM environment"
+    };
+  }
+  const id = `mpo-mermaid-${++idCounter}`;
+  try {
+    const mermaid = await loadMermaid();
+    const initKey = `${options.scheme ?? "light"}|${options.fontFamily ?? ""}`;
+    if (initKey !== lastInitKey) {
+      mermaid.initialize({
+        startOnLoad: false,
+        securityLevel: "strict",
+        theme: options.scheme === "dark" ? "dark" : "default",
+        ...(options.fontFamily ? {
+          fontFamily: options.fontFamily
+        } : {})
+      });
+      lastInitKey = initKey;
+    }
+    await mermaid.parse(code);
+    const {
+      svg
+    } = await mermaid.render(id, code);
+    return {
+      ok: true,
+      svg
+    };
+  } catch (err) {
+    document.getElementById(`d${id}`)?.remove();
+    document.getElementById(id)?.remove();
+    const message = err instanceof Error ? err.message : String(err);
+    return {
+      ok: false,
+      error: message
+    };
+  }
+}
+function resetMermaidForTesting() {
+  mermaidPromise = null;
+  lastInitKey = null;
+}
+export { renderMermaidDiagram, resetMermaidForTesting };
+//# sourceMappingURL=renderMermaidDiagram.mjs.map

package/dist/esm/mermaid/renderMermaidDiagram.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["mermaidPromise","idCounter","lastInitKey","loadMermaid","then","mod","default","renderMermaidDiagram","code","options","document","ok","error","id","mermaid","initKey","scheme","fontFamily","initialize","startOnLoad","securityLevel","theme","parse","svg","render","err","getElementById","remove","message","Error","String","resetMermaidForTesting"],"sources":["../../../src/mermaid/renderMermaidDiagram.ts"],"sourcesContent":[null],"mappings":"AAwBA,IAAIA,cAAA,GAAgD;AACpD,IAAIC,SAAA,GAAY;AAChB,IAAIC,WAAA,GAA6B;AAEjC,SAASC,YAAA,EAAsC;EAC7C,IAAI,CAACH,cAAA,EAAgB;IACnBA,cAAA,GAAiB,OAAO,SAAS,EAAEI,IAAA,CAAMC,GAAA,IAAaA,GAAA,CAAIC,OAAA,IAAWD,GAAG;EAC1E;EACA,OAAOL,cAAA;AACT;AAMA,eAAsBO,qBACpBC,IAAA,EACAC,OAAA,GAAgC,CAAC,GACH;EAC9B,IAAI,OAAOC,QAAA,KAAa,aAAa;IACnC,OAAO;MAAEC,EAAA,EAAI;MAAOC,KAAA,EAAO;IAA6C;EAC1E;EACA,MAAMC,EAAA,GAAK,eAAe,EAAEZ,SAAS;EACrC,IAAI;IACF,MAAMa,OAAA,GAAU,MAAMX,WAAA,CAAY;IAClC,MAAMY,OAAA,GAAU,GAAGN,OAAA,CAAQO,MAAA,IAAU,OAAO,IAAIP,OAAA,CAAQQ,UAAA,IAAc,EAAE;IACxE,IAAIF,OAAA,KAAYb,WAAA,EAAa;MAC3BY,OAAA,CAAQI,UAAA,CAAW;QACjBC,WAAA,EAAa;QACbC,aAAA,EAAe;QACfC,KAAA,EAAOZ,OAAA,CAAQO,MAAA,KAAW,SAAS,SAAS;QAC5C,IAAIP,OAAA,CAAQQ,UAAA,GAAa;UAAEA,UAAA,EAAYR,OAAA,CAAQQ;QAAW,IAAI,CAAC;MACjE,CAAC;MACDf,WAAA,GAAca,OAAA;IAChB;IAGA,MAAMD,OAAA,CAAQQ,KAAA,CAAMd,IAAI;IACxB,MAAM;MAAEe;IAAI,IAAI,MAAMT,OAAA,CAAQU,MAAA,CAAOX,EAAA,EAAIL,IAAI;IAC7C,OAAO;MAAEG,EAAA,EAAI;MAAMY;IAAI;EACzB,SAASE,GAAA,EAAK;IAEZf,QAAA,CAASgB,cAAA,CAAe,IAAIb,EAAE,EAAE,GAAGc,MAAA,CAAO;IAC1CjB,QAAA,CAASgB,cAAA,CAAeb,EAAE,GAAGc,MAAA,CAAO;IACpC,MAAMC,OAAA,GAAUH,GAAA,YAAeI,KAAA,GAAQJ,GAAA,CAAIG,OAAA,GAAUE,MAAA,CAAOL,GAAG;IAC/D,OAAO;MAAEd,EAAA,EAAI;MAAOC,KAAA,EAAOgB;IAAQ;EACrC;AACF;AAGO,SAASG,uBAAA,EAA+B;EAC7C/B,cAAA,GAAiB;EACjBE,WAAA,GAAc;AAChB","ignoreList":[]}