nested-markdown 0.0.12 → 0.0.14

package/dist/index.d.cts

@@ -17,5 +17,13 @@ declare function expandNestedMarkdown(markdown: string, options?: {
     recursionLimit?: number;
     defaultShow?: "preview" | "code" | "both";
 }): Promise<string>;
+declare function expandNestedMarkdownSync(markdown: string, options?: {
+    recursionLimit?: number;
+    defaultShow?: "preview" | "code" | "both";
+}): string;
+type MermaidRenderer = (chart: string) => string | Promise<string>;
+declare function preRenderMermaid(markdown: string, options?: {
+    renderMermaid?: MermaidRenderer;
+}): Promise<string>;
 
-export { NestedMarkdown, NestedMarkdown as default, expandNestedMarkdown };
+export { NestedMarkdown, NestedMarkdown as default, expandNestedMarkdown, expandNestedMarkdownSync, preRenderMermaid };

package/dist/index.d.ts

@@ -17,5 +17,13 @@ declare function expandNestedMarkdown(markdown: string, options?: {
     recursionLimit?: number;
     defaultShow?: "preview" | "code" | "both";
 }): Promise<string>;
+declare function expandNestedMarkdownSync(markdown: string, options?: {
+    recursionLimit?: number;
+    defaultShow?: "preview" | "code" | "both";
+}): string;
+type MermaidRenderer = (chart: string) => string | Promise<string>;
+declare function preRenderMermaid(markdown: string, options?: {
+    renderMermaid?: MermaidRenderer;
+}): Promise<string>;
 
-export { NestedMarkdown, NestedMarkdown as default, expandNestedMarkdown };
+export { NestedMarkdown, NestedMarkdown as default, expandNestedMarkdown, expandNestedMarkdownSync, preRenderMermaid };

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);
   }
 }
@@ -28233,70 +28207,36 @@ function expandNestedMarkdownSync(markdown, options2) {
     options2?.defaultShow
   );
 }
-
-// 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" || 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();
+function shouldWrapMermaid(rendered) {
+  const trimmed = rendered.trim();
+  return trimmed.startsWith("<svg");
+}
+async function preRenderMermaid(markdown, options2) {
+  const renderMermaid = options2?.renderMermaid;
+  if (!renderMermaid) return markdown;
+  const fenceRegex = /(^|\n)([ \t]*)```mermaid[^\n]*\n([\s\S]*?)\n\2```/g;
+  let result = "";
+  let lastIndex = 0;
+  for (const match of markdown.matchAll(fenceRegex)) {
+    const [fullMatch, leadingNewline, indent2, body] = match;
+    const start2 = match.index ?? 0;
+    result += markdown.slice(lastIndex, start2);
+    const chart = body.replace(/\n$/, "");
+    try {
+      const rendered = await renderMermaid(chart);
+      const wrapped = shouldWrapMermaid(rendered) ? `<div class="mermaid">${rendered}</div>` : rendered;
+      result += `${leadingNewline}${indent2}${wrapped}`;
+    } catch {
+      result += fullMatch;
     }
-    return () => {
-      cancelled = true;
-    };
-  }, [chart, id, theme]);
-  if (!hydrated) {
-    return /* @__PURE__ */ jsx2("pre", { className: "mermaid", children: chart });
+    lastIndex = start2 + fullMatch.length;
   }
-  return /* @__PURE__ */ jsx2("div", { className: "mermaid", dangerouslySetInnerHTML: { __html: svg5 } });
-};
-var Mermaid = ({ chart, theme }) => {
-  if (typeof window === "undefined" || typeof document === "undefined") {
-    return /* @__PURE__ */ jsx2("pre", { className: "mermaid", children: chart });
-  }
-  return /* @__PURE__ */ jsx2(MermaidClient, { chart, theme });
-};
+  result += markdown.slice(lastIndex);
+  return result;
+}
 
 // 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")) {
@@ -28359,7 +28299,215 @@ var customSchema = {
     pre: [...defaultSchema.attributes?.pre || [], ["style"]],
     blockquote: [["style"]],
     code: [...defaultSchema.attributes?.code || [], ["style"]],
-    hr: [...defaultSchema.attributes?.hr || [], ["style"]]
+    hr: [...defaultSchema.attributes?.hr || [], ["style"]],
+    svg: [
+      ...defaultSchema.attributes?.svg || [],
+      ["width"],
+      ["height"],
+      ["viewBox"],
+      ["xmlns"],
+      ["xmlnsXlink"],
+      ["preserveAspectRatio"],
+      ["role"],
+      ["aria-hidden"],
+      ["focusable"],
+      ["className"],
+      ["style"]
+    ],
+    g: [
+      ...defaultSchema.attributes?.g || [],
+      ["transform"],
+      ["fill"],
+      ["stroke"],
+      ["strokeWidth"],
+      ["opacity"],
+      ["className"],
+      ["style"]
+    ],
+    path: [
+      ...defaultSchema.attributes?.path || [],
+      ["d"],
+      ["fill"],
+      ["stroke"],
+      ["strokeWidth"],
+      ["strokeLinecap"],
+      ["strokeLinejoin"],
+      ["transform"],
+      ["opacity"],
+      ["className"],
+      ["style"]
+    ],
+    rect: [
+      ...defaultSchema.attributes?.rect || [],
+      ["x"],
+      ["y"],
+      ["width"],
+      ["height"],
+      ["rx"],
+      ["ry"],
+      ["fill"],
+      ["stroke"],
+      ["strokeWidth"],
+      ["transform"],
+      ["opacity"],
+      ["className"],
+      ["style"]
+    ],
+    circle: [
+      ...defaultSchema.attributes?.circle || [],
+      ["cx"],
+      ["cy"],
+      ["r"],
+      ["fill"],
+      ["stroke"],
+      ["strokeWidth"],
+      ["transform"],
+      ["opacity"],
+      ["className"],
+      ["style"]
+    ],
+    line: [
+      ...defaultSchema.attributes?.line || [],
+      ["x1"],
+      ["y1"],
+      ["x2"],
+      ["y2"],
+      ["stroke"],
+      ["strokeWidth"],
+      ["strokeLinecap"],
+      ["transform"],
+      ["opacity"],
+      ["className"],
+      ["style"]
+    ],
+    polyline: [
+      ...defaultSchema.attributes?.polyline || [],
+      ["points"],
+      ["fill"],
+      ["stroke"],
+      ["strokeWidth"],
+      ["transform"],
+      ["opacity"],
+      ["className"],
+      ["style"]
+    ],
+    polygon: [
+      ...defaultSchema.attributes?.polygon || [],
+      ["points"],
+      ["fill"],
+      ["stroke"],
+      ["strokeWidth"],
+      ["transform"],
+      ["opacity"],
+      ["className"],
+      ["style"]
+    ],
+    text: [
+      ...defaultSchema.attributes?.text || [],
+      ["x"],
+      ["y"],
+      ["dx"],
+      ["dy"],
+      ["textAnchor"],
+      ["dominantBaseline"],
+      ["fontFamily"],
+      ["fontSize"],
+      ["fontWeight"],
+      ["fill"],
+      ["transform"],
+      ["className"],
+      ["style"]
+    ],
+    tspan: [
+      ...defaultSchema.attributes?.tspan || [],
+      ["x"],
+      ["y"],
+      ["dx"],
+      ["dy"],
+      ["textAnchor"],
+      ["dominantBaseline"],
+      ["fontFamily"],
+      ["fontSize"],
+      ["fontWeight"],
+      ["fill"],
+      ["transform"],
+      ["className"],
+      ["style"]
+    ],
+    defs: [...defaultSchema.attributes?.defs || [], ["id"]],
+    marker: [
+      ...defaultSchema.attributes?.marker || [],
+      ["id"],
+      ["markerWidth"],
+      ["markerHeight"],
+      ["refX"],
+      ["refY"],
+      ["orient"],
+      ["markerUnits"],
+      ["viewBox"]
+    ],
+    linearGradient: [
+      ...defaultSchema.attributes?.linearGradient || [],
+      ["id"],
+      ["x1"],
+      ["y1"],
+      ["x2"],
+      ["y2"],
+      ["gradientUnits"],
+      ["gradientTransform"]
+    ],
+    radialGradient: [
+      ...defaultSchema.attributes?.radialGradient || [],
+      ["id"],
+      ["cx"],
+      ["cy"],
+      ["r"],
+      ["fx"],
+      ["fy"],
+      ["gradientUnits"],
+      ["gradientTransform"]
+    ],
+    stop: [
+      ...defaultSchema.attributes?.stop || [],
+      ["offset"],
+      ["stopColor"],
+      ["stopOpacity"]
+    ],
+    clipPath: [
+      ...defaultSchema.attributes?.clipPath || [],
+      ["id"],
+      ["clipPathUnits"]
+    ],
+    mask: [
+      ...defaultSchema.attributes?.mask || [],
+      ["id"],
+      ["x"],
+      ["y"],
+      ["width"],
+      ["height"],
+      ["maskUnits"],
+      ["maskContentUnits"]
+    ],
+    pattern: [
+      ...defaultSchema.attributes?.pattern || [],
+      ["id"],
+      ["x"],
+      ["y"],
+      ["width"],
+      ["height"],
+      ["patternUnits"],
+      ["patternContentUnits"],
+      ["patternTransform"]
+    ],
+    use: [
+      ...defaultSchema.attributes?.use || [],
+      ["href"],
+      ["xlinkHref"],
+      ["x"],
+      ["y"],
+      ["width"],
+      ["height"]
+    ]
   },
   tagNames: [
     ...defaultSchema.tagNames || [],
@@ -28369,7 +28517,28 @@ var customSchema = {
     "code",
     "hr",
     "blockquote",
-    "mark"
+    "mark",
+    "svg",
+    "g",
+    "path",
+    "rect",
+    "circle",
+    "line",
+    "polyline",
+    "polygon",
+    "text",
+    "tspan",
+    "defs",
+    "marker",
+    "linearGradient",
+    "radialGradient",
+    "stop",
+    "clipPath",
+    "mask",
+    "pattern",
+    "use",
+    "title",
+    "desc"
   ]
 };
 var remarkForceLooseLists = () => {
@@ -28388,6 +28557,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 +28609,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 +28617,7 @@ var NestedMarkdown = ({
       return markdownSource;
     }
   });
-  useEffect3(() => {
+  useEffect2(() => {
     let mounted = true;
     const process = async () => {
       try {
@@ -28430,36 +28638,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" || typeof document === "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 +28681,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 +28692,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 +28930,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,
@@ -28744,7 +28950,9 @@ var NestedMarkdown_default = NestedMarkdown;
 export {
   NestedMarkdown,
   NestedMarkdown_default as default,
-  expandNestedMarkdown
+  expandNestedMarkdown,
+  expandNestedMarkdownSync,
+  preRenderMermaid
 };
 /*! Bundled license information: