@multiplatform.one/markdown 6.0.4 → 6.3.0

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;
+}

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

@@ -0,0 +1,98 @@
+"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 mountDiagramSvg_exports = {};
+__export(mountDiagramSvg_exports, {
+  mountDiagramSvg: () => mountDiagramSvg
+});
+module.exports = __toCommonJS(mountDiagramSvg_exports);
+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;
+}
+//# sourceMappingURL=mountDiagramSvg.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","mountDiagramSvg_exports","__export","mountDiagramSvg","module","exports","EXECUTABLE_SELECTOR","parseSvgElement","svg","xml","DOMParser","parseFromString","root","documentElement","tagName","toLowerCase","querySelector","unused","html","body","container","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Array","from","querySelectorAll","Symbol","iterator","_step","next","done","el","remove","err"],"sources":["../../../src/mermaid/mountDiagramSvg.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAUAC,MAAM,CAAAC,OAAA,GAAAT,YAAsB,CAAAK,uBAAA;AAO5B,IAAAK,mBAAS,GAAgB,+BAA6B;AACpD,SAAIC,gBAAAC,GAAA;EACF;IACA,IAAAC,GAAM,OAAOC,SAAI,GAAAC,eAAA,CAAAH,GAAA;IACjB,IAAII,IAAA,GAAMH,GAAA,CAAAI,eAAoB;IAC5B,KAAAD,IAAO,aAAAA,IAAA,uBAAAA,IAAA,CAAAE,OAAA,CAAAC,WAAA,kBAAAN,GAAA,CAAAO,aAAA;MACT,OAAAJ,IAAA;IACF;EAEA,SAAAK,MAAA,GACA;EACA,IAAAC,IAAO,OAAKR,SAAK,GAAAC,eAAmB,CAAAH,GAAA;EACtC,OAAAU,IAAA,CAAAC,IAAA,CAAAH,aAAA;AAEO;AACL,SAAMb,eAAOA,CAAAiB,SAAmB,EAAAZ,GAAA;EAChC,IAAII,IAAC,GAAML,eAAO,CAAAC,GAAA;EAClB,KAAAI,IAAA,EAAW,OAAM,KAAM;EACvB,IAAAS,yBAA2B,OAAM;IAAKC,iBAAK,QAAoB;IAAEC,cAAG;EAClE;IACE,SAAMC,SAAO,GAAKC,KAAK,CAAAC,IAAA,CAAAd,IAAA,CAAYe,gBAAA,CAAArB,mBAAA,GAAAsB,MAAA,CAAAC,QAAA,KAAAC,KAAA,IAAAT,yBAAA,IAAAS,KAAA,GAAAN,SAAA,CAAAO,IAAA,IAAAC,IAAA,GAAAX,yBAAA;MACnC,IACEY,EAAA,GAAKH,KAAA,CAAA9B,KAAW;MAGhBiC,EAAA,CAAAC,MAAG;IAAyB;EAC9B,EACF,OAAAC,GAAA;IACFb,iBAAA;IACAC,cAAU,GAAAY,GAAA;EACV,UAAO;IACT","ignoreList":[]}

package/dist/cjs/mermaid/renderMermaidDiagram.cjs

@@ -0,0 +1,92 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var renderMermaidDiagram_exports = {};
+__export(renderMermaidDiagram_exports, {
+  renderMermaidDiagram: () => renderMermaidDiagram,
+  resetMermaidForTesting: () => resetMermaidForTesting
+});
+module.exports = __toCommonJS(renderMermaidDiagram_exports);
+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;
+}

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

@@ -0,0 +1,110 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var renderMermaidDiagram_exports = {};
+__export(renderMermaidDiagram_exports, {
+  renderMermaidDiagram: () => renderMermaidDiagram,
+  resetMermaidForTesting: () => resetMermaidForTesting
+});
+module.exports = __toCommonJS(renderMermaidDiagram_exports);
+function _instanceof(left, right) {
+  "@swc/helpers - instanceof";
+
+  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+    return !!right[Symbol.hasInstance](left);
+  } else {
+    return left instanceof right;
+  }
+}
+var mermaidPromise = null;
+var idCounter = 0;
+var lastInitKey = null;
+function loadMermaid() {
+  if (!mermaidPromise) {
+    mermaidPromise = import("mermaid").then(function (mod) {
+      var _mod_default;
+      return (_mod_default = mod.default) !== null && _mod_default !== void 0 ? _mod_default : mod;
+    });
+  }
+  return mermaidPromise;
+}
+async function renderMermaidDiagram(code) {
+  var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  if (typeof document === "undefined") {
+    return {
+      ok: false,
+      error: "Mermaid diagrams require a DOM environment"
+    };
+  }
+  var id = `mpo-mermaid-${++idCounter}`;
+  try {
+    var _options_scheme, _options_fontFamily;
+    var mermaid = await loadMermaid();
+    var initKey = `${(_options_scheme = options.scheme) !== null && _options_scheme !== void 0 ? _options_scheme : "light"}|${(_options_fontFamily = options.fontFamily) !== null && _options_fontFamily !== void 0 ? _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);
+    var {
+      svg
+    } = await mermaid.render(id, code);
+    return {
+      ok: true,
+      svg
+    };
+  } catch (err) {
+    var _document_getElementById, _document_getElementById1;
+    (_document_getElementById = document.getElementById(`d${id}`)) === null || _document_getElementById === void 0 ? void 0 : _document_getElementById.remove();
+    (_document_getElementById1 = document.getElementById(id)) === null || _document_getElementById1 === void 0 ? void 0 : _document_getElementById1.remove();
+    var message = _instanceof(err, Error) ? err.message : String(err);
+    return {
+      ok: false,
+      error: message
+    };
+  }
+}
+function resetMermaidForTesting() {
+  mermaidPromise = null;
+  lastInitKey = null;
+}
+//# sourceMappingURL=renderMermaidDiagram.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","renderMermaidDiagram_exports","__export","renderMermaidDiagram","resetMermaidForTesting","module","exports","_instanceof","left","right","Symbol","hasInstance","mermaidPromise","idCounter","lastInitKey","loadMermaid","then","_mod_default","default","code","options","arguments","length","document","ok","error","id","_options_scheme","_options_fontFamily","mermaid","initKey","scheme","fontFamily","initialize","startOnLoad","securityLevel","theme"],"sources":["../../../src/mermaid/renderMermaidDiagram.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,4BAAA;AAAAC,QAAA,CAAAD,4BAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA,oBAAA;EAAAC,sBAAA,EAAAA,CAAA,KAAAA;AAAA;AAwBAC,MAAI,CAAAC,OAAA,GAAAV,YAAgD,CAAAK,4BAAA;AACpD,SAAIM,WAAYA,CAAAC,IAAA,EAAAC,KAAA;EAChB,2BAAiC;;EAEjC,IAAAA,KAAS,YAAsC,OAAAC,MAAA,oBAAAD,KAAA,CAAAC,MAAA,CAAAC,WAAA;IAC7C,OAAK,EAAAF,KAAA,CAAAC,MAAgB,CAAAC,WAAA,EAAAH,IAAA;EACnB;IACF,OAAAA,IAAA,YAAAC,KAAA;EACA;AACF;AAMA,IAAAG,cAAsB;AAIpB,IAAAC,SAAW;AACT,IAAAC,WAAS,GAAI;AAA2D,SAC1EC,YAAA;EACA,KAAAH,cAAW;IACXA,cAAI,qBAAAI,IAAA,WAAAnB,GAAA;MACF,IAAMoB,YAAU;MAChB,OAAM,CAAAA,YAAa,GAAApB,GAAQ,CAAAqB,OAAA,MAAU,IAAO,IAAID,YAAQ,UAAgB,IAAAA,YAAA,GAAApB,GAAA;IACxE;EACE;EAAmB,OACjBe,cAAa;AAAA;AACE,eACRT,oBAAmBA,CAAAgB,IAAA;EAAkB,IAAAC,OACxC,GAAAC,SAAQ,CAAAC,MAAa,GAAE,KAAAD,SAAY,QAAQ,SAAWA,SAAK;EAAA,IACjE,OAACE,QAAA;IACD;MACFC,EAAA;MAGAC,KAAM;IACN;EACA;EACF,IAAAC,EAAA,GAAS,eAAK,EAAAb,SAAA;EAEZ;IACA,IAAAc,eAAS,EAAAC,mBAA2B;IACpC,IAAAC,OAAM,SAAUd,WAAe;IAC/B,IAAAe,OAAS,GAAI,IAAAH,eAAc,GAAQP,OAAA,CAAAW,MAAA,cAAAJ,eAAA,cAAAA,eAAA,eAAAC,mBAAA,GAAAR,OAAA,CAAAY,UAAA,cAAAJ,mBAAA,cAAAA,mBAAA;IACrC,IAAAE,OAAA,KAAAhB,WAAA;MACFe,OAAA,CAAAI,UAAA;QAGOC,WAAS;QACdC,aAAiB;QACjBC,KAAA,EAAAhB,OAAc,CAAAW,MAAA;QAChB,IAAAX,OAAA,CAAAY,UAAA","ignoreList":[]}

package/dist/cjs/renderer.cjs

@@ -28,6 +28,7 @@ __export(renderer_exports, {
 module.exports = __toCommonJS(renderer_exports);
 var import_tamagui = require("tamagui");
 var import_components = require("./components/index.cjs");
+var import_MermaidBlock = require("./mermaid/MermaidBlock.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 function renderNode(node, key, options = {}) {
   const {
@@ -134,6 +135,11 @@ function renderNode(node, key, options = {}) {
             children: codeNode.value
           }, key);
         }
+        if (codeNode.lang === "mermaid") {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_MermaidBlock.MermaidBlock, {
+            children: codeNode.value
+          }, key);
+        }
         return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.CodeBlock, {
           lang: codeNode.lang,
           theme: codeTheme,
@@ -182,7 +188,8 @@ function renderNode(node, key, options = {}) {
           ...options,
           listContext: {
             ordered: listNode.ordered ?? false,
-            index: i
+            index: i,
+            start: listNode.start ?? void 0
           }
         }));
         if (CustomList) {
@@ -212,6 +219,7 @@ function renderNode(node, key, options = {}) {
           checked: liNode.checked,
           index: listContext?.index,
           ordered: listContext?.ordered,
+          start: listContext?.start,
           children: renderChildren(liNode, options)
         }, key);
       }

package/dist/cjs/renderer.native.js

@@ -31,6 +31,7 @@ module.exports = __toCommonJS(renderer_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_tamagui = require("tamagui");
 var import_components = require("./components/index.native.js");
+var import_MermaidBlock = require("./mermaid/MermaidBlock.native.js");
 function renderNode(node, key) {
   var options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
   var {
@@ -137,6 +138,11 @@ function renderNode(node, key) {
             children: codeNode.value
           }, key);
         }
+        if (codeNode.lang === "mermaid") {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_MermaidBlock.MermaidBlock, {
+            children: codeNode.value
+          }, key);
+        }
         return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.CodeBlock, {
           lang: codeNode.lang,
           theme: codeTheme,
@@ -183,12 +189,13 @@ function renderNode(node, key) {
         var listNode = node;
         var CustomList = listNode.ordered ? components.ol : components.ul;
         var listChildren = listNode.children.map(function (child, i) {
-          var _listNode_ordered2;
+          var _listNode_ordered2, _listNode_start;
           return renderNode(child, i, {
             ...options,
             listContext: {
               ordered: (_listNode_ordered2 = listNode.ordered) !== null && _listNode_ordered2 !== void 0 ? _listNode_ordered2 : false,
-              index: i
+              index: i,
+              start: (_listNode_start = listNode.start) !== null && _listNode_start !== void 0 ? _listNode_start : void 0
             }
           });
         });
@@ -220,6 +227,7 @@ function renderNode(node, key) {
           checked: liNode.checked,
           index: listContext === null || listContext === void 0 ? void 0 : listContext.index,
           ordered: listContext === null || listContext === void 0 ? void 0 : listContext.ordered,
+          start: listContext === null || listContext === void 0 ? void 0 : listContext.start,
           children: renderChildren(liNode, options)
         }, key);
       }