nested-markdown 0.0.10 → 0.0.12

package/dist/index.cjs

@@ -28248,7 +28248,7 @@ function expandNestedMarkdownSync(markdown, options2) {
 // src/Mermaid.tsx
 var import_react2 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var Mermaid = ({ chart, theme }) => {
+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);
@@ -28264,7 +28264,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";
           }
         }
@@ -28299,6 +28299,12 @@ var Mermaid = ({ chart, theme }) => {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "mermaid", dangerouslySetInnerHTML: { __html: svg5 } });
 };
+var 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/NestedMarkdown.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
@@ -28451,13 +28457,18 @@ var NestedMarkdown = ({
       const match = /language-(\w+)/.exec(className2 || "");
       const isMermaid = match && match[1] === "mermaid";
       if (!inline2 && isMermaid) {
-        return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          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__ */ (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)(
         "code",