@changerawr/markdown 1.1.3 → 1.1.4

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"];
+      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>`;
           }
@@ -2058,7 +2081,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 +2113,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 +2125,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

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

package/dist/standalone.d.ts

@@ -3,6 +3,7 @@ interface MarkdownToken {
     content: string;
     raw: string;
     attributes?: Record<string, string>;
+    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"];
+    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>`;
         }
@@ -1078,6 +1104,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 +1116,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>`;
       }
     }