@readme/markdown 15.6.0 → 15.7.0

package/dist/render-fixture.node.js

@@ -101217,6 +101217,8 @@ const processTableNode = (node, index, parent, documentPosition) => {
         type: 'table',
         position,
         children,
+        // Remember the author's spelling so the serializer can write `<table>` back instead of `<Table>`
+        ...(node.name === 'table' && { data: { lowercaseTable: true } }),
     };
     parent.children[index] = mdNode;
 };
@@ -116819,7 +116821,7 @@ const rehypeToc = ({ components = {} }) => {
         });
     };
 };
-const MAX_DEPTH = 2;
+const MAX_DEPTH = 3;
 /**
  * Get the depth of a heading element based on its tag name.
  *
@@ -127590,13 +127592,22 @@ const mdxishTablesToJsx = () => tree => {
             gfmCells.push([cell, normalized]);
             return undefined;
         });
-        if (!requiresJsxTable) {
+        const stayLowercase = table.data?.lowercaseTable === true;
+        // We transform to GFM tables if:
+        // 1. If it doesn't contain complex elements that the syntax can't represent
+        // 2. The original table is not lowercase HTML <table>, because we want to 
+        // preserve original tables as much as possible
+        if (!requiresJsxTable && !stayLowercase) {
             gfmCells.forEach(([cell, children]) => {
                 cell.children = children;
             });
             table.type = 'table';
             return;
         }
+        // Nothing to build a JSX table from; leave the empty node to the GFM stringifier.
+        const [headerRow, ...bodyRows] = table.children;
+        if (!headerRow)
+            return;
         mdxish_tables_to_jsx_visit(table, mdxish_tables_to_jsx_isTableCell, flattenBreaksToNewlines);
         const styles = table.align.map(mdxish_tables_to_jsx_alignToStyle);
         const head = {
@@ -127608,7 +127619,7 @@ const mdxishTablesToJsx = () => tree => {
                     attributes: [],
                     type: 'mdxJsxFlowElement',
                     name: 'tr',
-                    children: table.children[0].children.map((cell, cellIndex) => {
+                    children: headerRow.children.map((cell, cellIndex) => {
                         return {
                             attributes: [],
                             type: 'mdxJsxFlowElement',
@@ -127624,7 +127635,7 @@ const mdxishTablesToJsx = () => tree => {
             attributes: [],
             type: 'mdxJsxFlowElement',
             name: 'tbody',
-            children: table.children.splice(1).map(row => {
+            children: bodyRows.map(row => {
                 return {
                     attributes: [],
                     type: 'mdxJsxFlowElement',
@@ -127652,8 +127663,8 @@ const mdxishTablesToJsx = () => tree => {
         ];
         const jsx = {
             type: 'mdxJsxFlowElement',
-            name: 'Table',
-            attributes: table.align.find(a => a) ? attributes : [],
+            name: stayLowercase ? 'table' : 'Table',
+            attributes: !stayLowercase && table.align.find(a => a) ? attributes : [],
             children: [head, body],
         };
         parent.children[index] = jsx;