nested-markdown 0.0.11 → 0.0.13

package/dist/Mermaid-N3HH3ZBE.js

@@ -0,0 +1,64 @@
+import "./chunk-Q4XP6UTR.js";
+
+// src/Mermaid.tsx
+import { useEffect, useState, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+var MermaidClient = ({ chart, theme }) => {
+  const id = useId().replace(/:/g, "");
+  const [svg, setSvg] = useState("");
+  const [hydrated, setHydrated] = useState(false);
+  useEffect(() => {
+    let cancelled = false;
+    setHydrated(true);
+    const renderChart = async () => {
+      try {
+        const { default: mermaid } = await import("mermaid");
+        let mermaidTheme = "default";
+        if (theme === "dark") {
+          mermaidTheme = "dark";
+        } else if (theme === "light") {
+          mermaidTheme = "default";
+        } else if (typeof window !== "undefined" && typeof document !== "undefined") {
+          mermaidTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "default";
+        }
+        mermaid.initialize({
+          startOnLoad: false,
+          theme: mermaidTheme,
+          securityLevel: "loose",
+          suppressErrorRendering: true
+        });
+        const { svg: svg2 } = await mermaid.render(`mermaid-${id}`, chart);
+        if (!cancelled) {
+          setSvg(svg2);
+        }
+      } catch (error) {
+        console.error("Failed to render mermaid chart:", error);
+        if (!cancelled) {
+          setSvg(
+            `<pre class="mermaid-error" style="color: var(--nmd-error, #ef4444); padding: 8px; background: var(--nmd-error-bg, #fee2e2); border-radius: 4px;">Mermaid syntax error</pre>`
+          );
+        }
+      }
+    };
+    if (chart) {
+      renderChart();
+    }
+    return () => {
+      cancelled = true;
+    };
+  }, [chart, id, theme]);
+  if (!hydrated) {
+    return /* @__PURE__ */ jsx("pre", { className: "mermaid", children: chart });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "mermaid", dangerouslySetInnerHTML: { __html: svg } });
+};
+var Mermaid = ({ chart, theme }) => {
+  if (typeof window === "undefined" || typeof document === "undefined") {
+    return /* @__PURE__ */ jsx("pre", { className: "mermaid", children: chart });
+  }
+  return /* @__PURE__ */ jsx(MermaidClient, { chart, theme });
+};
+export {
+  Mermaid
+};
+//# sourceMappingURL=Mermaid-N3HH3ZBE.js.map

package/dist/Mermaid-N3HH3ZBE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Mermaid.tsx"],"sourcesContent":["import { useEffect, useState, useId } from \"react\";\n\nexport interface MermaidProps {\n  chart: string;\n  theme?: \"light\" | \"dark\";\n}\n\nconst MermaidClient = ({ chart, theme }: MermaidProps) => {\n  const id = useId().replace(/:/g, \"\");\n  const [svg, setSvg] = useState(\"\");\n  const [hydrated, setHydrated] = useState(false);\n\n  useEffect(() => {\n    let cancelled = false;\n    setHydrated(true);\n\n    const renderChart = async () => {\n      try {\n        const { default: mermaid } = await import(\"mermaid\");\n        let mermaidTheme: \"default\" | \"dark\" = \"default\";\n        if (theme === \"dark\") {\n          mermaidTheme = \"dark\";\n        } else if (theme === \"light\") {\n          mermaidTheme = \"default\";\n        } else if (\n          typeof window !== \"undefined\" &&\n          typeof document !== \"undefined\"\n        ) {\n          mermaidTheme = window.matchMedia(\"(prefers-color-scheme: dark)\")\n            .matches\n            ? \"dark\"\n            : \"default\";\n        }\n\n        mermaid.initialize({\n          startOnLoad: false,\n          theme: mermaidTheme,\n          securityLevel: \"loose\",\n          suppressErrorRendering: true,\n        });\n\n        const { svg } = await mermaid.render(`mermaid-${id}`, chart);\n        if (!cancelled) {\n          setSvg(svg);\n        }\n      } catch (error) {\n        console.error(\"Failed to render mermaid chart:\", error);\n        if (!cancelled) {\n          setSvg(\n            `<pre class=\"mermaid-error\" style=\"color: var(--nmd-error, #ef4444); padding: 8px; background: var(--nmd-error-bg, #fee2e2); border-radius: 4px;\">Mermaid syntax error</pre>`,\n          );\n        }\n      }\n    };\n\n    if (chart) {\n      renderChart();\n    }\n    return () => {\n      cancelled = true;\n    };\n  }, [chart, id, theme]);\n\n  if (!hydrated) {\n    return <pre className=\"mermaid\">{chart}</pre>;\n  }\n\n  return <div className=\"mermaid\" dangerouslySetInnerHTML={{ __html: svg }} />;\n};\n\nexport const Mermaid = ({ chart, theme }: MermaidProps) => {\n  if (typeof window === \"undefined\" || typeof document === \"undefined\") {\n    return <pre className=\"mermaid\">{chart}</pre>;\n  }\n  return <MermaidClient chart={chart} theme={theme} />;\n};\n"],"mappings":";;;AAAA,SAAS,WAAW,UAAU,aAAa;AAgEhC;AAzDX,IAAM,gBAAgB,CAAC,EAAE,OAAO,MAAM,MAAoB;AACxD,QAAM,KAAK,MAAM,EAAE,QAAQ,MAAM,EAAE;AACnC,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,EAAE;AACjC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,YAAU,MAAM;AACd,QAAI,YAAY;AAChB,gBAAY,IAAI;AAEhB,UAAM,cAAc,YAAY;AAC9B,UAAI;AACF,cAAM,EAAE,SAAS,QAAQ,IAAI,MAAM,OAAO,SAAS;AACnD,YAAI,eAAmC;AACvC,YAAI,UAAU,QAAQ;AACpB,yBAAe;AAAA,QACjB,WAAW,UAAU,SAAS;AAC5B,yBAAe;AAAA,QACjB,WACE,OAAO,WAAW,eAClB,OAAO,aAAa,aACpB;AACA,yBAAe,OAAO,WAAW,8BAA8B,EAC5D,UACC,SACA;AAAA,QACN;AAEA,gBAAQ,WAAW;AAAA,UACjB,aAAa;AAAA,UACb,OAAO;AAAA,UACP,eAAe;AAAA,UACf,wBAAwB;AAAA,QAC1B,CAAC;AAED,cAAM,EAAE,KAAAA,KAAI,IAAI,MAAM,QAAQ,OAAO,WAAW,EAAE,IAAI,KAAK;AAC3D,YAAI,CAAC,WAAW;AACd,iBAAOA,IAAG;AAAA,QACZ;AAAA,MACF,SAAS,OAAO;AACd,gBAAQ,MAAM,mCAAmC,KAAK;AACtD,YAAI,CAAC,WAAW;AACd;AAAA,YACE;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAEA,QAAI,OAAO;AACT,kBAAY;AAAA,IACd;AACA,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,OAAO,IAAI,KAAK,CAAC;AAErB,MAAI,CAAC,UAAU;AACb,WAAO,oBAAC,SAAI,WAAU,WAAW,iBAAM;AAAA,EACzC;AAEA,SAAO,oBAAC,SAAI,WAAU,WAAU,yBAAyB,EAAE,QAAQ,IAAI,GAAG;AAC5E;AAEO,IAAM,UAAU,CAAC,EAAE,OAAO,MAAM,MAAoB;AACzD,MAAI,OAAO,WAAW,eAAe,OAAO,aAAa,aAAa;AACpE,WAAO,oBAAC,SAAI,WAAU,WAAW,iBAAM;AAAA,EACzC;AACA,SAAO,oBAAC,iBAAc,OAAc,OAAc;AACpD;","names":["svg"]}

package/dist/chunk-Q4XP6UTR.js

@@ -0,0 +1,47 @@
+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 __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+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 __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+
+export {
+  __commonJS,
+  __export,
+  __toESM,
+  __publicField,
+  __privateAdd,
+  __privateMethod
+};
+//# sourceMappingURL=chunk-Q4XP6UTR.js.map

package/dist/chunk-Q4XP6UTR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index.cjs

@@ -9,6 +9,9 @@ var __typeError = (msg) => {
   throw TypeError(msg);
 };
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
@@ -6678,6 +6681,75 @@ var require_parser = __commonJS({
   }
 });
 
+// src/Mermaid.tsx
+var Mermaid_exports = {};
+__export(Mermaid_exports, {
+  Mermaid: () => Mermaid
+});
+var import_react2, import_jsx_runtime2, MermaidClient, Mermaid;
+var init_Mermaid = __esm({
+  "src/Mermaid.tsx"() {
+    "use strict";
+    import_react2 = require("react");
+    import_jsx_runtime2 = require("react/jsx-runtime");
+    MermaidClient = ({ chart, theme }) => {
+      const id = (0, import_react2.useId)().replace(/:/g, "");
+      const [svg5, setSvg] = (0, import_react2.useState)("");
+      const [hydrated, setHydrated] = (0, import_react2.useState)(false);
+      (0, import_react2.useEffect)(() => {
+        let cancelled = false;
+        setHydrated(true);
+        const renderChart = async () => {
+          try {
+            const { default: mermaid } = await import("mermaid");
+            let mermaidTheme = "default";
+            if (theme === "dark") {
+              mermaidTheme = "dark";
+            } else if (theme === "light") {
+              mermaidTheme = "default";
+            } else if (typeof window !== "undefined" && typeof document !== "undefined") {
+              mermaidTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "default";
+            }
+            mermaid.initialize({
+              startOnLoad: false,
+              theme: mermaidTheme,
+              securityLevel: "loose",
+              suppressErrorRendering: true
+            });
+            const { svg: svg6 } = await mermaid.render(`mermaid-${id}`, chart);
+            if (!cancelled) {
+              setSvg(svg6);
+            }
+          } catch (error) {
+            console.error("Failed to render mermaid chart:", error);
+            if (!cancelled) {
+              setSvg(
+                `<pre class="mermaid-error" style="color: var(--nmd-error, #ef4444); padding: 8px; background: var(--nmd-error-bg, #fee2e2); border-radius: 4px;">Mermaid syntax error</pre>`
+              );
+            }
+          }
+        };
+        if (chart) {
+          renderChart();
+        }
+        return () => {
+          cancelled = true;
+        };
+      }, [chart, id, theme]);
+      if (!hydrated) {
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("pre", { className: "mermaid", children: chart });
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mermaid", dangerouslySetInnerHTML: { __html: svg5 } });
+    };
+    Mermaid = ({ chart, theme }) => {
+      if (typeof window === "undefined" || typeof document === "undefined") {
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("pre", { className: "mermaid", children: chart });
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MermaidClient, { chart, theme });
+    };
+  }
+});
+
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
@@ -28245,67 +28317,6 @@ function expandNestedMarkdownSync(markdown, options2) {
   );
 }
 
-// src/Mermaid.tsx
-var import_react2 = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var MermaidClient = ({ chart, theme }) => {
-  const id = (0, import_react2.useId)().replace(/:/g, "");
-  const [svg5, setSvg] = (0, import_react2.useState)("");
-  const [hydrated, setHydrated] = (0, import_react2.useState)(false);
-  (0, import_react2.useEffect)(() => {
-    let cancelled = false;
-    setHydrated(true);
-    const renderChart = async () => {
-      try {
-        const { default: mermaid } = await import("mermaid");
-        let mermaidTheme = "default";
-        if (theme === "dark") {
-          mermaidTheme = "dark";
-        } else if (theme === "light") {
-          mermaidTheme = "default";
-        } else {
-          if (typeof window !== "undefined") {
-            mermaidTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "default";
-          }
-        }
-        mermaid.initialize({
-          startOnLoad: false,
-          theme: mermaidTheme,
-          securityLevel: "loose",
-          suppressErrorRendering: true
-        });
-        const { svg: svg6 } = await mermaid.render(`mermaid-${id}`, chart);
-        if (!cancelled) {
-          setSvg(svg6);
-        }
-      } catch (error) {
-        console.error("Failed to render mermaid chart:", error);
-        if (!cancelled) {
-          setSvg(
-            `<pre class="mermaid-error" style="color: var(--nmd-error, #ef4444); padding: 8px; background: var(--nmd-error-bg, #fee2e2); border-radius: 4px;">Mermaid syntax error</pre>`
-          );
-        }
-      }
-    };
-    if (chart) {
-      renderChart();
-    }
-    return () => {
-      cancelled = true;
-    };
-  }, [chart, id, theme]);
-  if (!hydrated) {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("pre", { className: "mermaid", children: chart });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mermaid", dangerouslySetInnerHTML: { __html: svg5 } });
-};
-var Mermaid = ({ chart, theme }) => {
-  if (typeof window === "undefined") {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("pre", { className: "mermaid", children: chart });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(MermaidClient, { chart, theme });
-};
-
 // src/NestedMarkdown.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function toKebabCase(propertyName) {
@@ -28399,6 +28410,45 @@ var remarkForceLooseLists = () => {
     visit3(tree);
   };
 };
+var MermaidRenderer = ({
+  chart,
+  theme,
+  className,
+  codeProps
+}) => {
+  const [MermaidComponent, setMermaidComponent] = (0, import_react3.useState)(null);
+  (0, import_react3.useEffect)(() => {
+    let mounted = true;
+    if (typeof window === "undefined" || typeof document === "undefined") {
+      return () => {
+        mounted = false;
+      };
+    }
+    Promise.resolve().then(() => (init_Mermaid(), Mermaid_exports)).then((mod) => {
+      if (mounted) {
+        setMermaidComponent(() => mod.Mermaid);
+      }
+    }).catch(() => {
+      if (mounted) {
+        setMermaidComponent(null);
+      }
+    });
+    return () => {
+      mounted = false;
+    };
+  }, []);
+  if (!MermaidComponent) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("pre", { className: "nmd-pre", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "code",
+      {
+        ...codeProps,
+        className: [className, "nmd-code"].filter(Boolean).join(" "),
+        children: chart
+      }
+    ) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MermaidComponent, { chart, theme });
+};
 var NestedMarkdown = ({
   content: content3,
   children: children2,
@@ -28458,17 +28508,15 @@ var NestedMarkdown = ({
       const isMermaid = match && match[1] === "mermaid";
       if (!inline2 && isMermaid) {
         const chart = String(children3).replace(/\n$/, "");
-        if (typeof window === "undefined") {
-          return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("pre", { className: "nmd-pre", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            "code",
-            {
-              ...props,
-              className: [className2, "nmd-code"].filter(Boolean).join(" "),
-              children: chart
-            }
-          ) });
-        }
-        return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Mermaid, { chart, theme: theme === "auto" ? void 0 : theme });
+        return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          MermaidRenderer,
+          {
+            chart,
+            theme: theme === "auto" ? void 0 : theme,
+            className: className2,
+            codeProps: props
+          }
+        );
       }
       return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "code",