@changerawr/markdown 1.1.3 → 1.1.5

package/dist/react/index.d.mts

@@ -5,7 +5,8 @@ interface MarkdownToken {
     type: string;
     content: string;
     raw: string;
-    attributes?: Record<string, string>;
+    attributes?: Record<string, string | number | boolean | Function | any>;
+    children?: MarkdownToken[];
 }
 interface ParseRule {
     name: string;

package/dist/react/index.d.ts

@@ -5,7 +5,8 @@ interface MarkdownToken {
     type: string;
     content: string;
     raw: string;
-    attributes?: Record<string, string>;
+    attributes?: Record<string, string | number | boolean | Function | any>;
+    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", "list-item", "task-item"];
+    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>`;
         }
@@ -927,7 +953,14 @@ var ListExtension = {
   renderRules: [
     {
       type: "list-item",
-      render: (token) => `<li>${escapeHtml(token.content)}</li>`
+      render: (token) => {
+        const format = token.attributes?.format || "tailwind";
+        const content = token.attributes?.renderedChildren || escapeHtml(token.content);
+        if (format === "html") {
+          return `<li>${content}</li>`;
+        }
+        return `<li>${content}</li>`;
+      }
     }
   ]
 };
@@ -952,18 +985,18 @@ var TaskListExtension = {
       type: "task-item",
       render: (token) => {
         const isChecked = token.attributes?.checked === "true";
-        const escapedContent = escapeHtml(token.content);
+        const content = token.attributes?.renderedChildren || escapeHtml(token.content);
         const format = token.attributes?.format || "html";
         if (format === "html") {
           return `<div style="display: flex; align-items: center; gap: 8px; margin: 8px 0;">
             <input type="checkbox" ${isChecked ? "checked" : ""} disabled style="margin: 0;" />
-            <span${isChecked ? ' style="text-decoration: line-through; color: #6b7280;"' : ""}>${escapedContent}</span>
+            <span${isChecked ? ' style="text-decoration: line-through; color: #6b7280;"' : ""}>${content}</span>
           </div>`;
         }
         return `<div class="flex items-center gap-2 my-2 task-list-item">
-          <input type="checkbox" ${isChecked ? "checked" : ""} disabled 
+          <input type="checkbox" ${isChecked ? "checked" : ""} disabled
             class="form-checkbox h-4 w-4 rounded border-gray-300 text-primary focus:ring-primary" />
-          <span${isChecked ? ' class="line-through text-muted-foreground"' : ""}>${escapedContent}</span>
+          <span${isChecked ? ' class="line-through text-muted-foreground"' : ""}>${content}</span>
         </div>`;
       }
     }
@@ -1031,7 +1064,7 @@ var AlertExtension = {
   parseRules: [
     {
       name: "alert",
-      pattern: /:::(\w+)(?:\s+(.*?))?\s*\n([\s\S]*?)\n:::/,
+      pattern: /:::(\w+)(?: ([^\n]+))?\n([\s\S]*?)\n:::/,
       render: (match) => {
         return {
           type: "alert",
@@ -1039,7 +1072,7 @@ var AlertExtension = {
           raw: match[0] || "",
           attributes: {
             type: match[1] || "info",
-            title: match[2] || ""
+            title: match[2]?.trim() || ""
           }
         };
       }
@@ -1080,6 +1113,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 +1125,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>`;
       }
     }