@changerawr/markdown 1.1.3 → 1.1.5

package/dist/standalone.browser.js

@@ -1229,7 +1229,8 @@ var ChangerawrMarkdown = (() => {
           }
           i = j;
         } else if (token) {
-          processed.push(token);
+          const processedToken = this.recursivelyParseBlockContent(token);
+          processed.push(processedToken);
           i++;
         } else {
           i++;
@@ -1237,6 +1238,16 @@ var ChangerawrMarkdown = (() => {
       }
       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 __spreadProps(__spreadValues({}, token), {
+          children
+        });
+      }
+      return token;
+    }
   };
 
   // src/utils.ts
@@ -1499,7 +1510,17 @@ var ChangerawrMarkdown = (() => {
       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 = __spreadProps(__spreadValues({}, token), {
+              attributes: __spreadProps(__spreadValues({}, 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}`);
@@ -1568,9 +1589,11 @@ var ChangerawrMarkdown = (() => {
       {
         type: "blockquote",
         render: (token) => {
-          var _a;
-          const content = escapeHtml(token.content);
+          var _a, _b, _c;
           const format = ((_a = token.attributes) == null ? void 0 : _a.format) || "html";
+          const renderedChildren = (_b = token.attributes) == null ? void 0 : _b.renderedChildren;
+          const renderMarkdown = (_c = token.attributes) == null ? void 0 : _c.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>`;
           }
@@ -1933,7 +1956,15 @@ var ChangerawrMarkdown = (() => {
     renderRules: [
       {
         type: "list-item",
-        render: (token) => `<li>${escapeHtml(token.content)}</li>`
+        render: (token) => {
+          var _a, _b;
+          const format = ((_a = token.attributes) == null ? void 0 : _a.format) || "tailwind";
+          const content = ((_b = token.attributes) == null ? void 0 : _b.renderedChildren) || escapeHtml(token.content);
+          if (format === "html") {
+            return `<li>${content}</li>`;
+          }
+          return `<li>${content}</li>`;
+        }
       }
     ]
   };
@@ -1957,20 +1988,20 @@ var ChangerawrMarkdown = (() => {
       {
         type: "task-item",
         render: (token) => {
-          var _a, _b;
+          var _a, _b, _c;
           const isChecked = ((_a = token.attributes) == null ? void 0 : _a.checked) === "true";
-          const escapedContent = escapeHtml(token.content);
-          const format = ((_b = token.attributes) == null ? void 0 : _b.format) || "html";
+          const content = ((_b = token.attributes) == null ? void 0 : _b.renderedChildren) || escapeHtml(token.content);
+          const format = ((_c = token.attributes) == null ? void 0 : _c.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>`;
         }
       }
@@ -2039,16 +2070,16 @@ var ChangerawrMarkdown = (() => {
     parseRules: [
       {
         name: "alert",
-        pattern: /:::(\w+)(?:\s+(.*?))?\s*\n([\s\S]*?)\n:::/,
+        pattern: /:::(\w+)(?: ([^\n]+))?\n([\s\S]*?)\n:::/,
         render: (match) => {
-          var _a;
+          var _a, _b;
           return {
             type: "alert",
             content: ((_a = match[3]) == null ? void 0 : _a.trim()) || "",
             raw: match[0] || "",
             attributes: {
               type: match[1] || "info",
-              title: match[2] || ""
+              title: ((_b = match[2]) == null ? void 0 : _b.trim()) || ""
             }
           };
         }
@@ -2058,7 +2089,7 @@ var ChangerawrMarkdown = (() => {
       {
         type: "alert",
         render: (token) => {
-          var _a, _b;
+          var _a, _b, _c, _d;
           const type = ((_a = token.attributes) == null ? void 0 : _a.type) || "info";
           const title = ((_b = token.attributes) == null ? void 0 : _b.title) || "";
           const typeConfig = {
@@ -2090,6 +2121,9 @@ var ChangerawrMarkdown = (() => {
           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 == null ? void 0 : config.classes}`;
+          const renderedChildren = (_c = token.attributes) == null ? void 0 : _c.renderedChildren;
+          const renderMarkdown = (_d = token.attributes) == null ? void 0 : _d.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 == null ? void 0 : config.icon}</span>
                <span>${title}</span>
@@ -2099,7 +2133,7 @@ var ChangerawrMarkdown = (() => {
              </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>`;
         }
       }

package/dist/standalone.d.mts

@@ -2,7 +2,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/standalone.d.ts

@@ -2,7 +2,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/standalone.js

@@ -230,7 +230,8 @@ var MarkdownParser = class {
         }
         i = j;
       } else if (token) {
-        processed.push(token);
+        const processedToken = this.recursivelyParseBlockContent(token);
+        processed.push(processedToken);
         i++;
       } else {
         i++;
@@ -238,6 +239,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
@@ -503,7 +515,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}`);
@@ -572,8 +596,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>`;
         }
@@ -925,7 +951,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>`;
+      }
     }
   ]
 };
@@ -950,18 +983,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>`;
       }
     }
@@ -1029,7 +1062,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",
@@ -1037,7 +1070,7 @@ var AlertExtension = {
           raw: match[0] || "",
           attributes: {
             type: match[1] || "info",
-            title: match[2] || ""
+            title: match[2]?.trim() || ""
           }
         };
       }
@@ -1078,6 +1111,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>
@@ -1087,7 +1123,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>`;
       }
     }