@affanhamid/markdown-renderer 2.3.4 → 2.3.6

package/dist/index.cjs

@@ -227,6 +227,7 @@ function hasMatchingDelimiter(text, startIndex, delimiter) {
   return false;
 }
 var IMG_PLACEHOLDER = "
IMG";
+var LINK_PLACEHOLDER = "
LNK";
 var format = (text) => {
   const images = [];
   text = text.replace(/!\[([^\]]*)\]\(([^)]+)\)/g, (_, alt, url) => {
@@ -236,6 +237,14 @@ var format = (text) => {
     );
     return `${IMG_PLACEHOLDER}${idx}
`;
   });
+  const links = [];
+  text = text.replace(/(?<!!)\[([^\]]*)\]\(([^)]+)\)/g, (_, linkText, url) => {
+    const idx = links.length;
+    links.push(
+      `<a href="${escapeHtml(url)}">${format(linkText)}</a>`
+    );
+    return `${LINK_PLACEHOLDER}${idx}
`;
+  });
   let inLatex = false;
   let inBoldItalics = false;
   let inBold = false;
@@ -545,6 +554,12 @@ var format = (text) => {
       images[idx]
     );
   }
+  for (let idx = 0; idx < links.length; idx++) {
+    result = result.replace(
+      escapeHtml(`${LINK_PLACEHOLDER}${idx}
`),
+      links[idx]
+    );
+  }
   return result;
 };
 var getIndentLevel = (line) => {
@@ -1073,8 +1088,7 @@ var MarkdownRenderer = ({
     const container = containerRef.current;
     if (!container) return;
     let alive = true;
-    let timerId;
-    const renderMermaid = async () => {
+    const renderBlocks = async () => {
       const blocks = container.querySelectorAll(".md-mermaid");
       if (blocks.length === 0 || !alive) return;
       try {
@@ -1109,12 +1123,20 @@ var MarkdownRenderer = ({
       } catch {
       }
     };
-    timerId = setTimeout(renderMermaid, 0);
+    void renderBlocks();
+    const observer = new MutationObserver(() => {
+      if (!alive) return;
+      const blocks = container.querySelectorAll(".md-mermaid:not(:has(svg))");
+      if (blocks.length > 0) {
+        void renderBlocks();
+      }
+    });
+    observer.observe(container, { childList: true, subtree: true });
     return () => {
       alive = false;
-      clearTimeout(timerId);
+      observer.disconnect();
     };
-  }, [html]);
+  }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: containerRef, className, dangerouslySetInnerHTML: { __html: html } });
 };
 var markdown_renderer_default = MarkdownRenderer;

package/dist/index.js

@@ -188,6 +188,7 @@ function hasMatchingDelimiter(text, startIndex, delimiter) {
   return false;
 }
 var IMG_PLACEHOLDER = "
IMG";
+var LINK_PLACEHOLDER = "
LNK";
 var format = (text) => {
   const images = [];
   text = text.replace(/!\[([^\]]*)\]\(([^)]+)\)/g, (_, alt, url) => {
@@ -197,6 +198,14 @@ var format = (text) => {
     );
     return `${IMG_PLACEHOLDER}${idx}
`;
   });
+  const links = [];
+  text = text.replace(/(?<!!)\[([^\]]*)\]\(([^)]+)\)/g, (_, linkText, url) => {
+    const idx = links.length;
+    links.push(
+      `<a href="${escapeHtml(url)}">${format(linkText)}</a>`
+    );
+    return `${LINK_PLACEHOLDER}${idx}
`;
+  });
   let inLatex = false;
   let inBoldItalics = false;
   let inBold = false;
@@ -506,6 +515,12 @@ var format = (text) => {
       images[idx]
     );
   }
+  for (let idx = 0; idx < links.length; idx++) {
+    result = result.replace(
+      escapeHtml(`${LINK_PLACEHOLDER}${idx}
`),
+      links[idx]
+    );
+  }
   return result;
 };
 var getIndentLevel = (line) => {
@@ -1034,8 +1049,7 @@ var MarkdownRenderer = ({
     const container = containerRef.current;
     if (!container) return;
     let alive = true;
-    let timerId;
-    const renderMermaid = async () => {
+    const renderBlocks = async () => {
       const blocks = container.querySelectorAll(".md-mermaid");
       if (blocks.length === 0 || !alive) return;
       try {
@@ -1070,12 +1084,20 @@ var MarkdownRenderer = ({
       } catch {
       }
     };
-    timerId = setTimeout(renderMermaid, 0);
+    void renderBlocks();
+    const observer = new MutationObserver(() => {
+      if (!alive) return;
+      const blocks = container.querySelectorAll(".md-mermaid:not(:has(svg))");
+      if (blocks.length > 0) {
+        void renderBlocks();
+      }
+    });
+    observer.observe(container, { childList: true, subtree: true });
     return () => {
       alive = false;
-      clearTimeout(timerId);
+      observer.disconnect();
     };
-  }, [html]);
+  }, []);
   return /* @__PURE__ */ jsx("div", { ref: containerRef, className, dangerouslySetInnerHTML: { __html: html } });
 };
 var markdown_renderer_default = MarkdownRenderer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@affanhamid/markdown-renderer",
-  "version": "2.3.4",
+  "version": "2.3.6",
   "description": "Custom markdown renderer with KaTeX support",
   "type": "module",
   "main": "dist/index.cjs",