feat: enhance blockquoteCompiler to support callouts with empty lines

Author: sy-records

src/core/render/compiler/blockquote.js

@@ -1,27 +1,37 @@
 export const blockquoteCompiler = ({ renderer }) =>
   (renderer.blockquote = function ({ tokens }) {
-    const calloutData =
-      tokens[0].type === 'paragraph' &&
-      // 0: Match "[!TIP] My Title"
-      // 1: Mark "[!TIP]"
-      // 2: Type "TIP"
-      tokens[0].raw.match(/^(\[!(\w+)\])/);
-
     let openTag = '<blockquote>';
     let closeTag = '</blockquote>';
 
-    if (calloutData) {
-      const calloutMark = calloutData[1]; // "[!TIP]"
-      const calloutType = calloutData[2].toLowerCase(); // "tip"
-      const token = tokens[0].tokens[0];
+    // Find the first paragraph token in the blockquote
+    const firstParagraphIndex = tokens.findIndex(t => t.type === 'paragraph');
+    const firstParagraph = tokens[firstParagraphIndex];
+
+    if (firstParagraph) {
+      // Check if the paragraph starts with a callout like [!TIP] or [!NOTE]
+      const calloutData = firstParagraph.raw.match(/^(\[!(\w+)\])/);
+
+      if (calloutData) {
+        const calloutMark = calloutData[1]; // "[!TIP]"
+        const calloutType = calloutData[2].toLowerCase(); // "tip"
+
+        // Remove the callout mark from the paragraph raw text
+        firstParagraph.raw = firstParagraph.raw.replace(calloutMark, '').trimStart();
+        if (firstParagraph.tokens && firstParagraph.tokens.length > 0) {
+          firstParagraph.tokens.forEach(t => {
+            if (t.raw) {t.raw = t.raw.replace(calloutMark, '').trimStart();}
+            if (t.text) {t.text = t.text.replace(calloutMark, '').trimStart();}
+          });
+        }
 
-      // Remove callout mark from tokens
-      ['raw', 'text'].forEach(key => {
-        token[key] = token[key].replace(calloutMark, '').trimStart();
-      });
+        // If the first paragraph is now empty after removing [!TIP], remove it
+        if (!firstParagraph.raw.trim()) {
+          tokens.splice(firstParagraphIndex, 1);
+        }
 
-      openTag = `<div class="callout ${calloutType}">`;
-      closeTag = `</div>`;
+        openTag = `<div class="callout ${calloutType}">`;
+        closeTag = `</div>`;
+      }
     }
 
     const body = this.parser.parse(tokens);