@changerawr/markdown 1.1.6 → 1.1.8

package/dist/react/index.js

@@ -44,7 +44,7 @@ var import_react2 = __toESM(require("react"));
 var import_react = require("react");
 
 // src/parser.ts
-var MarkdownParser = class {
+var MarkdownParser = class _MarkdownParser {
   // Cache compiled regexes
   constructor(config) {
     this.rules = [];
@@ -257,7 +257,18 @@ var MarkdownParser = class {
   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);
+      let children;
+      if ((token.type === "list-item" || token.type === "task-item") && this.rules.some((r) => r.name === "list-item")) {
+        const parserWithoutListRule = new _MarkdownParser(this.config);
+        this.rules.forEach((rule) => {
+          if (rule.name !== "list-item" && rule.name !== "task-item") {
+            parserWithoutListRule.addRule(rule);
+          }
+        });
+        children = parserWithoutListRule.parse(token.content);
+      } else {
+        children = this.parse(token.content);
+      }
       return {
         ...token,
         children
@@ -1033,7 +1044,8 @@ var ImageExtension = {
         attributes: {
           alt: match[1] || "",
           src: match[2] || "",
-          title: match[3] || ""
+          caption: match[3] || ""
+          // Renamed from 'title' to 'caption' for clarity
         }
       })
     }
@@ -1044,13 +1056,24 @@ var ImageExtension = {
       render: (token) => {
         const src = token.attributes?.src || "";
         const alt = token.attributes?.alt || "";
-        const title = token.attributes?.title || "";
-        const titleAttr = title ? ` title="${escapeHtml(title)}"` : "";
+        const caption = token.attributes?.caption || "";
         const format = token.attributes?.format || "html";
+        if (caption) {
+          if (format === "html") {
+            return `<figure style="margin: 16px 0; text-align: center;">
+            <img src="${escapeHtml(src)}" alt="${escapeHtml(alt)}" style="max-width: 100%; height: auto; border-radius: 8px;" loading="lazy" />
+            <figcaption style="margin-top: 8px; font-size: 14px; color: #6b7280; font-style: italic;">${escapeHtml(caption)}</figcaption>
+          </figure>`;
+          }
+          return `<figure class="my-4 text-center">
+            <img src="${escapeHtml(src)}" alt="${escapeHtml(alt)}" class="max-w-full h-auto rounded-lg" loading="lazy" />
+            <figcaption class="mt-2 text-sm text-gray-500 italic">${escapeHtml(caption)}</figcaption>
+          </figure>`;
+        }
         if (format === "html") {
-          return `<img src="${escapeHtml(src)}" alt="${escapeHtml(alt)}"${titleAttr} style="max-width: 100%; height: auto; border-radius: 8px; margin: 16px 0;" loading="lazy" />`;
+          return `<img src="${escapeHtml(src)}" alt="${escapeHtml(alt)}" style="max-width: 100%; height: auto; border-radius: 8px; margin: 16px 0;" loading="lazy" />`;
         }
-        return `<img src="${escapeHtml(src)}" alt="${escapeHtml(alt)}"${titleAttr} class="max-w-full h-auto rounded-lg my-4" loading="lazy" />`;
+        return `<img src="${escapeHtml(src)}" alt="${escapeHtml(alt)}" class="max-w-full h-auto rounded-lg my-4" loading="lazy" />`;
       }
     }
   ]
@@ -1102,12 +1125,31 @@ var ListExtension = {
   name: "list",
   parseRules: [
     {
-      name: "list-item",
+      name: "unordered-list-item",
       pattern: /^(\s*)[-*+]\s+(.+)$/m,
       render: (match) => ({
         type: "list-item",
         content: match[2] || "",
-        raw: match[0] || ""
+        raw: match[0] || "",
+        attributes: {
+          indent: match[1]?.length || 0,
+          ordered: false,
+          marker: match[1] ? match[0].match(/[-*+]/)?.[0] : "-"
+        }
+      })
+    },
+    {
+      name: "ordered-list-item",
+      pattern: /^(\s*)(\d+)\.\s+(.+)$/m,
+      render: (match) => ({
+        type: "ordered-list-item",
+        content: match[3] || "",
+        raw: match[0] || "",
+        attributes: {
+          indent: match[1]?.length || 0,
+          ordered: true,
+          number: parseInt(match[2] || "1")
+        }
       })
     }
   ],
@@ -1122,6 +1164,17 @@ var ListExtension = {
         }
         return `<li>${content}</li>`;
       }
+    },
+    {
+      type: "ordered-list-item",
+      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>`;
+      }
     }
   ]
 };
@@ -1136,6 +1189,7 @@ var TaskListExtension = {
         content: match[3] || "",
         raw: match[0] || "",
         attributes: {
+          indent: match[1]?.length || 0,
           checked: String((match[2] || "").toLowerCase() === "x")
         }
       })
@@ -1201,6 +1255,35 @@ var TextExtension = {
   ]
 };
 
+// src/extensions/core/strikethrough.ts
+var StrikethroughExtension = {
+  name: "strikethrough",
+  parseRules: [
+    {
+      name: "strikethrough",
+      pattern: /~~((?:(?!~~).)+)~~/,
+      render: (match) => ({
+        type: "strikethrough",
+        content: match[1] || "",
+        raw: match[0] || ""
+      })
+    }
+  ],
+  renderRules: [
+    {
+      type: "strikethrough",
+      render: (token) => {
+        const content = escapeHtml(token.content);
+        const format = token.attributes?.format;
+        if (format === "html") {
+          return `<del style="text-decoration: line-through; color: #6b7280;">${content}</del>`;
+        }
+        return `<del class="line-through text-gray-500">${content}</del>`;
+      }
+    }
+  ]
+};
+
 // src/extensions/core/index.ts
 var CoreExtensions = [
   TextExtension,
@@ -1215,6 +1298,7 @@ var CoreExtensions = [
   TaskListExtension,
   BlockquoteExtension,
   HorizontalRuleExtension,
+  StrikethroughExtension,
   ParagraphExtension,
   LineBreakExtension
 ];