@changerawr/markdown 1.1.2 → 1.1.4

package/dist/react/index.d.mts

@@ -6,6 +6,7 @@ interface MarkdownToken {
     content: string;
     raw: string;
     attributes?: Record<string, string>;
+    children?: MarkdownToken[];
 }
 interface ParseRule {
     name: string;

package/dist/react/index.d.ts

@@ -6,6 +6,7 @@ interface MarkdownToken {
     content: string;
     raw: string;
     attributes?: Record<string, string>;
+    children?: MarkdownToken[];
 }
 interface ParseRule {
     name: string;

package/dist/react/index.js

@@ -232,7 +232,8 @@ var MarkdownParser = class {
         }
         i = j;
       } else if (token) {
-        processed.push(token);
+        const processedToken = this.recursivelyParseBlockContent(token);
+        processed.push(processedToken);
         i++;
       } else {
         i++;
@@ -240,6 +241,17 @@ var MarkdownParser = class {
     }
     return processed;
   }
+  recursivelyParseBlockContent(token) {
+    const blockTypes = ["alert", "blockquote"];
+    if (blockTypes.includes(token.type) && token.content && token.content.trim()) {
+      const children = this.parse(token.content);
+      return {
+        ...token,
+        children
+      };
+    }
+    return token;
+  }
 };
 
 // src/utils.ts
@@ -505,7 +517,19 @@ var MarkdownRenderer = class {
     const rule = this.rules.get(token.type);
     if (rule) {
       try {
-        return rule.render(token);
+        let tokenToRender = token;
+        if (token.children && token.children.length > 0) {
+          const renderedChildren = this.render(token.children);
+          tokenToRender = {
+            ...token,
+            attributes: {
+              ...token.attributes,
+              renderedChildren
+              // Extensions can use this instead of re-parsing
+            }
+          };
+        }
+        return rule.render(tokenToRender);
       } catch (error) {
         const errorMessage = error instanceof Error ? error.message : String(error);
         this.warnings.push(`Render error for ${token.type}: ${errorMessage}`);
@@ -574,8 +598,10 @@ var BlockquoteExtension = {
     {
       type: "blockquote",
       render: (token) => {
-        const content = escapeHtml(token.content);
         const format = token.attributes?.format || "html";
+        const renderedChildren = token.attributes?.renderedChildren;
+        const renderMarkdown = token.attributes?.renderMarkdown;
+        const content = renderedChildren || (renderMarkdown ? renderMarkdown(token.content) : escapeHtml(token.content));
         if (format === "html") {
           return `<blockquote style="border-left: 2px solid #d1d5db; padding: 8px 0 8px 16px; margin: 16px 0; font-style: italic; color: #6b7280;">${content}</blockquote>`;
         }
@@ -1080,6 +1106,9 @@ var AlertExtension = {
         const config = typeConfig[type] || typeConfig.info;
         const baseClasses = "border-l-4 p-4 mb-4 rounded-md transition-colors duration-200";
         const classes = `${baseClasses} ${config?.classes}`;
+        const renderedChildren = token.attributes?.renderedChildren;
+        const renderMarkdown = token.attributes?.renderMarkdown;
+        const renderedContent = renderedChildren || (renderMarkdown ? renderMarkdown(token.content) : token.content);
         const titleHtml = title ? `<div class="font-medium mb-2 flex items-center gap-2">
                <span class="text-lg" role="img" aria-label="${type}">${config?.icon}</span>
                <span>${title}</span>
@@ -1089,7 +1118,7 @@ var AlertExtension = {
              </div>`;
         return `<div class="${classes}" role="alert" aria-live="polite">
                   ${titleHtml}
-                  <div class="leading-relaxed">${token.content}</div>
+                  <div class="leading-relaxed">${renderedContent}</div>
                 </div>`;
       }
     }