@changerawr/markdown 1.1.4 → 1.1.5

package/dist/react/index.mjs

@@ -203,7 +203,7 @@ var MarkdownParser = class {
     return processed;
   }
   recursivelyParseBlockContent(token) {
-    const blockTypes = ["alert", "blockquote"];
+    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 {
@@ -914,7 +914,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>`;
+      }
     }
   ]
 };
@@ -939,18 +946,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>`;
       }
     }
@@ -1018,7 +1025,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",
@@ -1026,7 +1033,7 @@ var AlertExtension = {
           raw: match[0] || "",
           attributes: {
             type: match[1] || "info",
-            title: match[2] || ""
+            title: match[2]?.trim() || ""
           }
         };
       }