@multiplatform.one/markdown 6.4.1 → 6.4.2

package/dist/cjs/mdxComponents.native.js

@@ -0,0 +1,386 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var mdxComponents_exports = {};
+__export(mdxComponents_exports, {
+  TableHighlight: () => TableHighlight,
+  mdxComponents: () => mdxComponents
+});
+module.exports = __toCommonJS(mdxComponents_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
+var import_router = require("@multiplatform.one/router");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_ExternalIcon = require("./ExternalIcon/index.native.js");
+var import_Hr = require("./Hr/index.native.js");
+var import_icons = require("./icons/index.native.js");
+var import_Li = require("./Li/index.native.js");
+var import_MdxCodeBlock = require("./MdxCodeBlock/index.native.js");
+var import_Table = require("./Table/index.native.js");
+var import_Ul = require("./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__ */(0, import_jsx_runtime.jsx)(import_components.CodeInline, {
+    children: (0, import_components.unwrapText)(children)
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    marginTop: "$3",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_MdxCodeBlock.MDXCodeBlock, {
+      className,
+      isHighlightingLines: line !== void 0,
+      showLineNumbers: showLineNumbers !== void 0,
+      line,
+      ...props,
+      children
+    })
+  });
+};
+var TableHighlight = (0, import_tamagui.styled)(import_tamagui.YStack, {
+  name: "TableHighlight",
+  backgroundColor: "$yellow1",
+  fullscreen: true
+});
+function MdxBlockquote(param) {
+  var {
+    children,
+    ...props
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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)
+    ...(import_tamagui.isWeb ? {
+      style: {
+        marginInlineStart: 12,
+        borderInlineStartWidth: 1,
+        borderInlineStartStyle: "solid"
+      }
+    } : {
+      style: {
+        marginInlineStart: 12
+      },
+      borderStartWidth: 1
+    }),
+    borderColor: "$borderColor",
+    justifyContent: "center",
+    ...props,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+      whiteSpace: "revert",
+      size: "$8",
+      lineHeight: "$9",
+      fontWeight: "300",
+      color: "$color",
+      opacity: 0.65,
+      children: (0, import_components.unwrapText)(children)
+    })
+  });
+}
+var mdxComponents = {
+  h1: function h1(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H1, {
+      fontFamily: "$mono",
+      width: "max-content",
+      position: "relative",
+      marginBottom: "$2",
+      ...props
+    });
+  },
+  h2: function h2(param) {
+    var {
+      children,
+      ...props
+    } = param;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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__ */(0, import_jsx_runtime.jsxs)(LinkHeading, {
+      "data-heading": true,
+      marginTop: "$6",
+      marginBottom: "$2",
+      id,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H3, {
+        maxWidth: "100%",
+        position: "relative",
+        width: "fit-content",
+        size: "$8",
+        color: "$color11",
+        fontWeight: "600",
+        ...props,
+        children
+      }), getNonTextChildren(children)]
+    });
+  },
+  h4: function h4(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.H5, {
+      size: "$6",
+      fontWeight: "600",
+      marginTop: "$4",
+      ...props
+    });
+  },
+  h6: function h6(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.H6, {
+      marginTop: "$4",
+      ...props
+    });
+  },
+  p: function p(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+      render: "p",
+      display: "block",
+      size: "$6",
+      marginVertical: "$2",
+      ...props
+    });
+  },
+  a: function a(param) {
+    var {
+      href = "",
+      children,
+      ...props
+    } = param;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_router.Link, {
+      href,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.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__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: ["\xA0", /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: "inherit",
+            display: "inline-flex",
+            y: 2,
+            style: {
+              marginLeft: -1
+            },
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ExternalIcon.ExternalIcon, {})
+          })]
+        }) : null]
+      })
+    });
+  },
+  hr: function hr(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Hr.HR, {
+      ...props
+    });
+  },
+  ul: function ul(param) {
+    var {
+      children
+    } = param;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Ul.UL, {
+      render: "ul",
+      marginVertical: "$4",
+      children: import_react.Children.toArray(children).map(function (x) {
+        return typeof x === "string" ? null : x;
+      })
+    });
+  },
+  ol: function ol(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      ...props,
+      render: "ol",
+      marginBottom: "$3"
+    });
+  },
+  li: function li(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Li.LI, {
+      render: "li",
+      size: "$6",
+      marginBottom: "$1.5",
+      style: {
+        listStyleType: "disc"
+      },
+      children: props.children
+    });
+  },
+  strong: function strong(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+      render: "strong",
+      fontSize: "inherit",
+      ...props,
+      fontWeight: "700"
+    });
+  },
+  em: function em(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+      render: "em",
+      fontSize: "inherit",
+      ...props,
+      fontStyle: "italic"
+    });
+  },
+  del: function del(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+      render: "del",
+      fontSize: "inherit",
+      ...props,
+      textDecorationLine: "line-through"
+    });
+  },
+  img: function img(param) {
+    var {
+      ...props
+    } = param;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      render: "span",
+      marginVertical: "$6",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        render: "img",
+        ...props,
+        maxWidth: "100%"
+      })
+    });
+  },
+  pre: function pre(param) {
+    var {
+      children
+    } = param;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+      children
+    });
+  },
+  code,
+  blockquote: MdxBlockquote,
+  table: function table(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Table.MDXTable, {
+      ...props
+    });
+  },
+  thead: function thead(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Table.MDXTableHead, {
+      ...props
+    });
+  },
+  tbody: function tbody(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Table.MDXTableBody, {
+      ...props
+    });
+  },
+  tr: function tr(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Table.MDXTableRow, {
+      ...props
+    });
+  },
+  th: function th(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Table.MDXTableHeaderCell, {
+      ...props
+    });
+  },
+  td: function td(props) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Table.MDXTableCell, {
+      ...props
+    });
+  }
+};
+var LinkHeading = function LinkHeading2(param) {
+  var {
+    id,
+    children,
+    ...props
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    render: "a",
+    "data-heading": true,
+    href: `#${id}`,
+    id,
+    "data-id": id,
+    display: "inline-flex",
+    alignItems: "center",
+    ...knobProps.gapLg,
+    ...props,
+    children: [children, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      render: "span",
+      opacity: 0.3,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.LinkIcon, {
+        size: 12
+      })
+    })]
+  });
+};
+var getNonTextChildren = function getNonTextChildren2(children) {
+  var _Children_map;
+  return (_Children_map = import_react.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();
+};
+//# sourceMappingURL=mdxComponents.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","mdxComponents_exports","__export","TableHighlight","mdxComponents","module","exports","import_jsx_runtime","require","import_components","import_theme","import_router","import_react","import_tamagui","import_ExternalIcon","import_Hr","import_icons","import_Li","import_MdxCodeBlock","import_Table","import_Ul","code","code2","param","hero","_hero","line","scrollable","_scrollable","className","children","id","_id","showLineNumbers","collapsible","_collapsible","props","jsx","CodeInline","unwrapText","YStack","marginTop","MDXCodeBlock","isHighlightingLines","styled","name","backgroundColor","fullscreen","MdxBlockquote","knobProps","useResolvedKnobs","marginVertical","paddingHorizontal","panelPadding","padding","isWeb","style","marginInlineStart","borderInlineStartWidth","borderInlineStartStyle","borderStartWidth","borderColor","justifyContent","Paragraph","whiteSpace","size","lineHeight","fontWeight","color","opacity","h1","H1","fontFamily","width","position","marginBottom","h2","H2","h3","jsxs","LinkHeading","H3","maxWidth","getNonTextChildren","h4","H4","h5","H5","h6","H6","p","render","display","a","href","Link","fontSize","cursor","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","outlineOffset","startsWith","Fragment","Text","y","marginLeft","ExternalIcon","hr","HR"],"sources":["../../src/mdxComponents.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/mermaid/MermaidBlock.cjs

@@ -0,0 +1,110 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var MermaidBlock_exports = {};
+__export(MermaidBlock_exports, {
+  MermaidBlock: () => MermaidBlock
+});
+module.exports = __toCommonJS(MermaidBlock_exports);
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_theme = require("@multiplatform.one/theme");
+var import_colorRamps = require("../shared/colorRamps.cjs");
+var import_components = require("../components/index.cjs");
+var import_mountDiagramSvg = require("./mountDiagramSvg.cjs");
+var import_renderMermaidDiagram = require("./renderMermaidDiagram.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function MermaidBlock({
+  children
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const themeName = (0, import_tamagui.useThemeName)();
+  const scheme = String(themeName).startsWith("dark") ? "dark" : "light";
+  const [state, setState] = (0, import_react.useState)({
+    status: "loading"
+  });
+  const svgHostRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    let cancelled = false;
+    setState({
+      status: "loading"
+    });
+    (0, import_renderMermaidDiagram.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]);
+  (0, import_react.useEffect)(() => {
+    if (state.status !== "ok" || !svgHostRef.current) return;
+    (0, import_mountDiagramSvg.mountDiagramSvg)(svgHostRef.current, state.svg);
+  }, [state]);
+  if (state.status === "ok") {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      ...(knobProps.borderRadiusOuter ?? {
+        borderRadius: "$4"
+      }),
+      backgroundColor: import_colorRamps.markdownCodeColors.background.base,
+      borderWidth: 1,
+      borderColor: import_colorRamps.markdownCodeColors.border.base,
+      paddingHorizontal: 16,
+      paddingVertical: 12,
+      marginVertical: "$2",
+      overflow: "hidden",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+        ref: svgHostRef,
+        role: "img",
+        "aria-label": "Mermaid diagram",
+        "data-mermaid-diagram": "true",
+        style: {
+          display: "flex",
+          justifyContent: "center",
+          overflowX: "auto"
+        }
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+    children: [state.status === "error" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      color: "$red11",
+      fontSize: 13,
+      marginTop: "$2",
+      role: "alert",
+      children: `Mermaid: ${state.error}`
+    }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.CodeBlock, {
+      lang: "mermaid",
+      children
+    })]
+  });
+}

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

@@ -0,0 +1,41 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var MermaidBlock_native_exports = {};
+__export(MermaidBlock_native_exports, {
+  MermaidBlock: () => MermaidBlock
+});
+module.exports = __toCommonJS(MermaidBlock_native_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("../components/index.native.js");
+function MermaidBlock(param) {
+  var {
+    children
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.CodeBlock, {
+    lang: "mermaid",
+    children
+  });
+}
+//# sourceMappingURL=MermaidBlock.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["MermaidBlock_native_exports","__export","MermaidBlock","module","exports","__toCommonJS","import_jsx_runtime","require","import_components","param","children","jsx","CodeBlock","lang"],"sources":["../../../src/mermaid/MermaidBlock.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,2BAAA;AAAA,IAAAM,kBAAA,GAA4BC,OAAA;AAIxB,IAAAC,iBAAA,GAA0BD,OAAA;AACO,SAASL,aAAaO,KAAA,EAAO;EAC9D,IAAI;IAAEC;EAAS,IAAID,KAAA;EACnB,OAAqB,mBAAAH,kBAAA,CAAAK,GAAA,EAAKH,iBAAA,CAAAI,SAAA,EAAW;IACjCC,IAAA,EAAM;IACNH;EACJ,CAAC;AACL","ignoreList":[]}

package/dist/cjs/mermaid/index.cjs

@@ -0,0 +1,31 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var mermaid_exports = {};
+__export(mermaid_exports, {
+  mountDiagramSvg: () => import_mountDiagramSvg.mountDiagramSvg,
+  renderMermaidDiagram: () => import_renderMermaidDiagram.renderMermaidDiagram,
+  resetMermaidForTesting: () => import_renderMermaidDiagram.resetMermaidForTesting
+});
+module.exports = __toCommonJS(mermaid_exports);
+var import_mountDiagramSvg = require("./mountDiagramSvg.cjs");
+var import_renderMermaidDiagram = require("./renderMermaidDiagram.cjs");

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

@@ -0,0 +1,34 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var mermaid_exports = {};
+__export(mermaid_exports, {
+  mountDiagramSvg: () => import_mountDiagramSvg.mountDiagramSvg,
+  renderMermaidDiagram: () => import_renderMermaidDiagram.renderMermaidDiagram,
+  resetMermaidForTesting: () => import_renderMermaidDiagram.resetMermaidForTesting
+});
+module.exports = __toCommonJS(mermaid_exports);
+var import_mountDiagramSvg = require("./mountDiagramSvg.native.js");
+var import_renderMermaidDiagram = require("./renderMermaidDiagram.native.js");
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","mermaid_exports","__export","mountDiagramSvg","import_mountDiagramSvg","renderMermaidDiagram","import_renderMermaidDiagram","resetMermaidForTesting","module","exports","require"],"sources":["../../../src/mermaid/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,eAAA;AAAAC,QAAA,CAAAD,eAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAC,sBAAA,CAAAD,eAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAC,2BAAA,CAAAD,oBAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAD,2BAAA,CAAAC;AAAA;AAgBAC,MAAA,CAAAC,OAAA,GAAAb,YAAgC,CAAAK,eAAA;AAChC,IAAAG,sBAAA,GAAAM,OAKO","ignoreList":[]}

package/dist/cjs/mermaid/mountDiagramSvg.cjs

@@ -0,0 +1,54 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var mountDiagramSvg_exports = {};
+__export(mountDiagramSvg_exports, {
+  mountDiagramSvg: () => mountDiagramSvg
+});
+module.exports = __toCommonJS(mountDiagramSvg_exports);
+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;
+}