nested-markdown 0.0.11 → 0.0.13

package/dist/index.js

@@ -1,40 +1,11 @@
-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, all4) => {
-  for (var name2 in all4)
-    __defProp(target, name2, { get: all4[name2], 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);
+import {
+  __commonJS,
+  __export,
+  __privateAdd,
+  __privateMethod,
+  __publicField,
+  __toESM
+} from "./chunk-Q4XP6UTR.js";
 
 // node_modules/inline-style-parser/cjs/index.js
 var require_cjs = __commonJS({
@@ -6677,7 +6648,10 @@ var require_parser = __commonJS({
 });
 
 // src/NestedMarkdown.tsx
-import { useState as useState3, useEffect as useEffect3 } from "react";
+import {
+  useState as useState2,
+  useEffect as useEffect2
+} from "react";
 
 // node_modules/devlop/lib/default.js
 function ok() {
@@ -8326,11 +8300,11 @@ function addChildren(props, children2) {
     }
   }
 }
-function productionCreate(_, jsx4, jsxs3) {
+function productionCreate(_, jsx3, jsxs3) {
   return create3;
   function create3(_2, type, props, key) {
     const isStaticChildren = Array.isArray(props.children);
-    const fn = isStaticChildren ? jsxs3 : jsx4;
+    const fn = isStaticChildren ? jsxs3 : jsx3;
     return key ? fn(type, props, key) : fn(type, props);
   }
 }
@@ -28234,69 +28208,8 @@ function expandNestedMarkdownSync(markdown, options2) {
   );
 }
 
-// src/Mermaid.tsx
-import { useEffect as useEffect2, useState as useState2, useId } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var MermaidClient = ({ chart, theme }) => {
-  const id = useId().replace(/:/g, "");
-  const [svg5, setSvg] = useState2("");
-  const [hydrated, setHydrated] = useState2(false);
-  useEffect2(() => {
-    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__ */ jsx2("pre", { className: "mermaid", children: chart });
-  }
-  return /* @__PURE__ */ jsx2("div", { className: "mermaid", dangerouslySetInnerHTML: { __html: svg5 } });
-};
-var Mermaid = ({ chart, theme }) => {
-  if (typeof window === "undefined") {
-    return /* @__PURE__ */ jsx2("pre", { className: "mermaid", children: chart });
-  }
-  return /* @__PURE__ */ jsx2(MermaidClient, { chart, theme });
-};
-
 // src/NestedMarkdown.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function toKebabCase(propertyName) {
   if (propertyName.startsWith("--")) return propertyName;
   if (propertyName.startsWith("Webkit")) {
@@ -28388,6 +28301,45 @@ var remarkForceLooseLists = () => {
     visit3(tree);
   };
 };
+var MermaidRenderer = ({
+  chart,
+  theme,
+  className,
+  codeProps
+}) => {
+  const [MermaidComponent, setMermaidComponent] = useState2(null);
+  useEffect2(() => {
+    let mounted = true;
+    if (typeof window === "undefined" || typeof document === "undefined") {
+      return () => {
+        mounted = false;
+      };
+    }
+    import("./Mermaid-N3HH3ZBE.js").then((mod) => {
+      if (mounted) {
+        setMermaidComponent(() => mod.Mermaid);
+      }
+    }).catch(() => {
+      if (mounted) {
+        setMermaidComponent(null);
+      }
+    });
+    return () => {
+      mounted = false;
+    };
+  }, []);
+  if (!MermaidComponent) {
+    return /* @__PURE__ */ jsx2("pre", { className: "nmd-pre", children: /* @__PURE__ */ jsx2(
+      "code",
+      {
+        ...codeProps,
+        className: [className, "nmd-code"].filter(Boolean).join(" "),
+        children: chart
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx2(MermaidComponent, { chart, theme });
+};
 var NestedMarkdown = ({
   content: content3,
   children: children2,
@@ -28401,7 +28353,7 @@ var NestedMarkdown = ({
   ...reactMarkdownProps
 }) => {
   const markdownSource = content3 ?? children2 ?? "";
-  const [expandedMarkdown, setExpandedMarkdown] = useState3(() => {
+  const [expandedMarkdown, setExpandedMarkdown] = useState2(() => {
     try {
       return expandNestedMarkdownSync(markdownSource, { defaultShow });
     } catch (err) {
@@ -28409,7 +28361,7 @@ var NestedMarkdown = ({
       return markdownSource;
     }
   });
-  useEffect3(() => {
+  useEffect2(() => {
     let mounted = true;
     const process = async () => {
       try {
@@ -28430,36 +28382,34 @@ var NestedMarkdown = ({
     };
   }, [content3, children2, defaultShow]);
   const defaultComponents = {
-    a: ({ node: node2, ...props }) => /* @__PURE__ */ jsx3(
+    a: ({ node: node2, ...props }) => /* @__PURE__ */ jsx2(
       "a",
       {
         ...props,
         rel: props.target === "_blank" ? "noopener noreferrer" : props.rel
       }
     ),
-    table: ({ node: node2, ...props }) => /* @__PURE__ */ jsx3("div", { className: "nmd-table-wrap", children: /* @__PURE__ */ jsx3("table", { className: "nmd-table", ...props }) }),
-    th: ({ node: node2, ...props }) => /* @__PURE__ */ jsx3("th", { className: "nmd-th", ...props }),
-    td: ({ node: node2, ...props }) => /* @__PURE__ */ jsx3("td", { className: "nmd-td", ...props }),
-    pre: ({ node: node2, ...props }) => /* @__PURE__ */ jsx3("pre", { className: "nmd-pre", ...props }),
+    table: ({ node: node2, ...props }) => /* @__PURE__ */ jsx2("div", { className: "nmd-table-wrap", children: /* @__PURE__ */ jsx2("table", { className: "nmd-table", ...props }) }),
+    th: ({ node: node2, ...props }) => /* @__PURE__ */ jsx2("th", { className: "nmd-th", ...props }),
+    td: ({ node: node2, ...props }) => /* @__PURE__ */ jsx2("td", { className: "nmd-td", ...props }),
+    pre: ({ node: node2, ...props }) => /* @__PURE__ */ jsx2("pre", { className: "nmd-pre", ...props }),
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     code: ({ node: node2, inline: inline2, className: className2, children: children3, ...props }) => {
       const match = /language-(\w+)/.exec(className2 || "");
       const isMermaid = match && match[1] === "mermaid";
       if (!inline2 && isMermaid) {
         const chart = String(children3).replace(/\n$/, "");
-        if (typeof window === "undefined") {
-          return /* @__PURE__ */ jsx3("pre", { className: "nmd-pre", children: /* @__PURE__ */ jsx3(
-            "code",
-            {
-              ...props,
-              className: [className2, "nmd-code"].filter(Boolean).join(" "),
-              children: chart
-            }
-          ) });
-        }
-        return /* @__PURE__ */ jsx3(Mermaid, { chart, theme: theme === "auto" ? void 0 : theme });
+        return /* @__PURE__ */ jsx2(
+          MermaidRenderer,
+          {
+            chart,
+            theme: theme === "auto" ? void 0 : theme,
+            className: className2,
+            codeProps: props
+          }
+        );
       }
-      return /* @__PURE__ */ jsx3(
+      return /* @__PURE__ */ jsx2(
         "code",
         {
           ...props,
@@ -28475,7 +28425,7 @@ var NestedMarkdown = ({
       if (src && !src.startsWith("http") && !src.startsWith("/") && !src.startsWith("data:")) {
         src = `/${src}`;
       }
-      return /* @__PURE__ */ jsx3(
+      return /* @__PURE__ */ jsx2(
         "img",
         {
           ...imgProps,
@@ -28486,7 +28436,7 @@ var NestedMarkdown = ({
       );
     },
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    blockquote: ({ node: node2, ...props }) => /* @__PURE__ */ jsx3("blockquote", { className: "nmd-blockquote", ...props })
+    blockquote: ({ node: node2, ...props }) => /* @__PURE__ */ jsx2("blockquote", { className: "nmd-blockquote", ...props })
   };
   const mergedComponents = { ...defaultComponents, ...components };
   const mergedRemarkPlugins = [
@@ -28724,9 +28674,9 @@ var NestedMarkdown = ({
       style: style2,
       "data-theme": theme,
       children: [
-        /* @__PURE__ */ jsx3("style", { children: `${stylesheet}
+        /* @__PURE__ */ jsx2("style", { children: `${stylesheet}
 ${autoDarkStylesheet}` }),
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx2(
           Markdown,
           {
             ...reactMarkdownProps,