nested-markdown 0.0.10 → 0.0.12

package/dist/index.js

@@ -28237,7 +28237,7 @@ 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 Mermaid = ({ chart, theme }) => {
+var MermaidClient = ({ chart, theme }) => {
   const id = useId().replace(/:/g, "");
   const [svg5, setSvg] = useState2("");
   const [hydrated, setHydrated] = useState2(false);
@@ -28253,7 +28253,7 @@ var Mermaid = ({ chart, theme }) => {
         } else if (theme === "light") {
           mermaidTheme = "default";
         } else {
-          if (typeof window !== "undefined") {
+          if (typeof window !== "undefined" || typeof document === "undefined") {
             mermaidTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "default";
           }
         }
@@ -28288,6 +28288,12 @@ var Mermaid = ({ chart, theme }) => {
   }
   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 });
+};
 
 // src/NestedMarkdown.tsx
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -28440,13 +28446,18 @@ var NestedMarkdown = ({
       const match = /language-(\w+)/.exec(className2 || "");
       const isMermaid = match && match[1] === "mermaid";
       if (!inline2 && isMermaid) {
-        return /* @__PURE__ */ jsx3(
-          Mermaid,
-          {
-            chart: String(children3).replace(/\n$/, ""),
-            theme: theme === "auto" ? void 0 : theme
-          }
-        );
+        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__ */ jsx3(
         "code",