@readme/markdown 14.2.5 → 14.2.6

package/dist/main.js

@@ -100232,6 +100232,14 @@ function createTokenize(mode) {
         let fenceLength = 0;
         let fenceCloseLength = 0;
         let atLineStart = false;
+        // Bail when the opener line has unmatched tag-like tokens in its body.
+        // `<Foo>_<Bar>.csv` leaves opens > closes; matched shapes like
+        // `<Callout>x <strong>y</strong>` balance to 0. Without this,
+        // `concrete: true` causes orphan openers to eat sibling blockquotes.
+        let onOpenerLine = false;
+        let openerLineHasContent = false;
+        let openerLineOpens = 0;
+        let openerLineCloses = 0;
         // Attribute parsing state
         let quoteChar = null;
         let braceDepth = 0;
@@ -100320,6 +100328,7 @@ function createTokenize(mode) {
                 if (isLowercaseTag && !sawBraceAttr)
                     return nok(code);
                 effects.consume(code);
+                onOpenerLine = isFlow;
                 return body;
             }
             // Quoted attribute value
@@ -100529,10 +100538,19 @@ function createTokenize(mode) {
             if (markdownLineEnding(code)) {
                 if (!isFlow)
                     return nok(code);
+                // See `onOpenerLine` declaration. Bail iff the opener line had
+                // content AND more opener-shaped tokens than closer-shaped tokens.
+                if (onOpenerLine && openerLineHasContent && openerLineOpens > openerLineCloses) {
+                    return nok(code);
+                }
+                onOpenerLine = false;
                 effects.exit('mdxComponentData');
                 atLineStart = true;
                 return bodyContinuationStart(code);
             }
+            if (code !== codes.space && code !== codes.horizontalTab) {
+                openerLineHasContent = true;
+            }
             if (code === codes.backslash) {
                 effects.consume(code);
                 return bodyEscapedChar;
@@ -100680,16 +100698,26 @@ function createTokenize(mode) {
         // ── Tag detection inside body ──────────────────────────────────────────
         function bodyLessThan(code) {
             if (code === codes.slash) {
+                if (onOpenerLine)
+                    openerLineCloses += 1;
                 effects.consume(code);
                 closingTagName = '';
                 return closingTagNameFirst;
             }
             // Potential nested opening tag (same case class as the outer tag)
             if (code !== null && isAlpha(code) && isSameCaseAsTag(code)) {
+                if (onOpenerLine)
+                    openerLineOpens += 1;
                 closingTagName = String.fromCharCode(code);
                 effects.consume(code);
                 return nestedOpenTagName;
             }
+            // Tag-like token but not in nested-tracking case (different case).
+            // Count it for the opener-line bail heuristic anyway: `<strong>` in
+            // `<Callout>x <strong>y</strong></Callout>` should pair with `</strong>`.
+            if (code !== null && isAlpha(code) && onOpenerLine) {
+                openerLineOpens += 1;
+            }
             atLineStart = false;
             return body(code);
         }
@@ -103165,14 +103193,24 @@ const transformImage = (jsx) => {
  */
 const transformCallout = (jsx) => {
     const attrs = getAttrs(jsx);
-    const { empty = false, icon = '', theme = '' } = attrs;
+    const { empty: explicitEmpty = false, icon = '', theme = '' } = attrs;
+    // children[0] is the title slot. Prepend an empty-paragraph placeholder
+    // when JSX has no leading heading, otherwise the body round-trips into it.
+    const jsxChildren = jsx.children;
+    const hasHeadingFirst = jsxChildren[0]?.type === 'heading';
+    const children = hasHeadingFirst
+        ? jsxChildren
+        : [
+            { type: 'paragraph', children: [{ type: 'text', value: '' }] },
+            ...jsxChildren,
+        ];
     return {
         type: NodeTypes.callout,
-        children: jsx.children,
+        children,
         data: {
             hName: 'Callout',
             hProperties: {
-                empty,
+                empty: explicitEmpty || !hasHeadingFirst,
                 icon,
                 theme,
             },
@@ -103449,6 +103487,10 @@ const mdxishJsxToMdast = () => tree => {
             return SKIP;
         if (parent.type === 'paragraph')
             return SKIP;
+        // `![](url)` in any tableCell stays inline. Authors who want a captioned figure use
+        // `<Image caption="…" />` JSX, which becomes `image-block` via `COMPONENT_MAP` above.
+        if (parent.type === 'tableCell')
+            return SKIP;
         const newNode = transformMagicBlockImage(node);
         parent.children[index] = newNode;
         return SKIP;
@@ -104051,6 +104093,8 @@ const variablesCodeResolver = ({ variables } = {}) => tree => {
     visit(tree, 'code', (node) => {
         if (!node.value)
             return;
+        if (node.lang === 'mermaid')
+            return;
         const nextValue = resolveCodeVariables(node.value, resolvedVariables);
         node.value = nextValue;
         // Keep code-tabs/readme-components hProperties in sync with node.value

package/dist/main.node.js

@@ -120426,6 +120426,14 @@ function createTokenize(mode) {
         let fenceLength = 0;
         let fenceCloseLength = 0;
         let atLineStart = false;
+        // Bail when the opener line has unmatched tag-like tokens in its body.
+        // `<Foo>_<Bar>.csv` leaves opens > closes; matched shapes like
+        // `<Callout>x <strong>y</strong>` balance to 0. Without this,
+        // `concrete: true` causes orphan openers to eat sibling blockquotes.
+        let onOpenerLine = false;
+        let openerLineHasContent = false;
+        let openerLineOpens = 0;
+        let openerLineCloses = 0;
         // Attribute parsing state
         let quoteChar = null;
         let braceDepth = 0;
@@ -120514,6 +120522,7 @@ function createTokenize(mode) {
                 if (isLowercaseTag && !sawBraceAttr)
                     return nok(code);
                 effects.consume(code);
+                onOpenerLine = isFlow;
                 return body;
             }
             // Quoted attribute value
@@ -120723,10 +120732,19 @@ function createTokenize(mode) {
             if (markdownLineEnding(code)) {
                 if (!isFlow)
                     return nok(code);
+                // See `onOpenerLine` declaration. Bail iff the opener line had
+                // content AND more opener-shaped tokens than closer-shaped tokens.
+                if (onOpenerLine && openerLineHasContent && openerLineOpens > openerLineCloses) {
+                    return nok(code);
+                }
+                onOpenerLine = false;
                 effects.exit('mdxComponentData');
                 atLineStart = true;
                 return bodyContinuationStart(code);
             }
+            if (code !== codes.space && code !== codes.horizontalTab) {
+                openerLineHasContent = true;
+            }
             if (code === codes.backslash) {
                 effects.consume(code);
                 return bodyEscapedChar;
@@ -120874,16 +120892,26 @@ function createTokenize(mode) {
         // ── Tag detection inside body ──────────────────────────────────────────
         function bodyLessThan(code) {
             if (code === codes.slash) {
+                if (onOpenerLine)
+                    openerLineCloses += 1;
                 effects.consume(code);
                 closingTagName = '';
                 return closingTagNameFirst;
             }
             // Potential nested opening tag (same case class as the outer tag)
             if (code !== null && isAlpha(code) && isSameCaseAsTag(code)) {
+                if (onOpenerLine)
+                    openerLineOpens += 1;
                 closingTagName = String.fromCharCode(code);
                 effects.consume(code);
                 return nestedOpenTagName;
             }
+            // Tag-like token but not in nested-tracking case (different case).
+            // Count it for the opener-line bail heuristic anyway: `<strong>` in
+            // `<Callout>x <strong>y</strong></Callout>` should pair with `</strong>`.
+            if (code !== null && isAlpha(code) && onOpenerLine) {
+                openerLineOpens += 1;
+            }
             atLineStart = false;
             return body(code);
         }
@@ -123359,14 +123387,24 @@ const transformImage = (jsx) => {
  */
 const transformCallout = (jsx) => {
     const attrs = getAttrs(jsx);
-    const { empty = false, icon = '', theme = '' } = attrs;
+    const { empty: explicitEmpty = false, icon = '', theme = '' } = attrs;
+    // children[0] is the title slot. Prepend an empty-paragraph placeholder
+    // when JSX has no leading heading, otherwise the body round-trips into it.
+    const jsxChildren = jsx.children;
+    const hasHeadingFirst = jsxChildren[0]?.type === 'heading';
+    const children = hasHeadingFirst
+        ? jsxChildren
+        : [
+            { type: 'paragraph', children: [{ type: 'text', value: '' }] },
+            ...jsxChildren,
+        ];
     return {
         type: NodeTypes.callout,
-        children: jsx.children,
+        children,
         data: {
             hName: 'Callout',
             hProperties: {
-                empty,
+                empty: explicitEmpty || !hasHeadingFirst,
                 icon,
                 theme,
             },
@@ -123643,6 +123681,10 @@ const mdxishJsxToMdast = () => tree => {
             return SKIP;
         if (parent.type === 'paragraph')
             return SKIP;
+        // `![](url)` in any tableCell stays inline. Authors who want a captioned figure use
+        // `<Image caption="…" />` JSX, which becomes `image-block` via `COMPONENT_MAP` above.
+        if (parent.type === 'tableCell')
+            return SKIP;
         const newNode = transformMagicBlockImage(node);
         parent.children[index] = newNode;
         return SKIP;
@@ -124245,6 +124287,8 @@ const variablesCodeResolver = ({ variables } = {}) => tree => {
     visit(tree, 'code', (node) => {
         if (!node.value)
             return;
+        if (node.lang === 'mermaid')
+            return;
         const nextValue = resolveCodeVariables(node.value, resolvedVariables);
         node.value = nextValue;
         // Keep code-tabs/readme-components hProperties in sync with node.value