@readme/markdown 6.75.0-beta.70 → 6.75.0-beta.71

package/dist/main.js

@@ -65950,6 +65950,91 @@ const variables = ({ asMdx } = { asMdx: true }) => tree => {
 };
 /* harmony default export */ const transform_variables = (variables);
 
+;// CONCATENATED MODULE: ./processor/transform/tables-to-jsx.ts
+
+
+
+
+
+const visitor = (table, index, parent) => {
+    let hasFlowContent = false;
+    const tableCellVisitor = (cell) => {
+        if (!phrasing(cell.children[0])) {
+            hasFlowContent = true;
+            return EXIT;
+        }
+        visit(cell, 'text', (text) => {
+            if (text.value.match(/\n/)) {
+                hasFlowContent = true;
+                return EXIT;
+            }
+        });
+    };
+    visit(table, 'tableCell', tableCellVisitor);
+    if (!hasFlowContent)
+        return;
+    const head = {
+        type: 'mdxJsxFlowElement',
+        name: 'thead',
+        children: [
+            {
+                type: 'mdxJsxFlowElement',
+                name: 'tr',
+                children: table.children[0].children.map((cell, idx) => {
+                    const proxy = fromMarkdown(`<div style={{ align: "${table.align[idx]}" }}></div>`, {
+                        extensions: [mdxJsx()],
+                        mdastExtensions: [mdxJsxFromMarkdown()],
+                    });
+                    // @ts-ignore
+                    const { attributes } = proxy.children[0];
+                    return {
+                        type: 'mdxJsxFlowElement',
+                        name: 'th',
+                        attributes,
+                        children: cell.children,
+                    };
+                }),
+            },
+        ],
+    };
+    const body = {
+        type: 'mdxJsxFlowElement',
+        name: 'tbody',
+        children: table.children.splice(1).map(row => {
+            return {
+                type: 'mdxJsxFlowElement',
+                name: 'tr',
+                children: row.children.map((cell, idx) => {
+                    const proxy = fromMarkdown(`<div style={{ align: "${table.align[idx]}" }}></div>`, {
+                        extensions: [mdxJsx()],
+                        mdastExtensions: [mdxJsxFromMarkdown()],
+                    });
+                    // @ts-ignore
+                    const { attributes } = proxy.children[0];
+                    return {
+                        type: 'mdxJsxFlowElement',
+                        name: 'th',
+                        attributes,
+                        children: cell.children,
+                    };
+                }),
+            };
+        }),
+    };
+    const jsx = {
+        type: 'mdxJsxFlowElement',
+        name: 'Table',
+        children: [head, body],
+    };
+    // @ts-ignore
+    parent.children[index] = jsx;
+};
+const tablesToJsx = () => tree => {
+    visit(tree, 'table', visitor);
+    return tree;
+};
+/* harmony default export */ const tables_to_jsx = (tablesToJsx);
+
 ;// CONCATENATED MODULE: ./processor/transform/index.ts
 
 
@@ -65962,7 +66047,8 @@ const variables = ({ asMdx } = { asMdx: true }) => tree => {
 
 
 
-/* harmony default export */ const transform = ([callouts, code_tabs, div, transform_embeds, transform_images, gemoji_]);
+
+/* harmony default export */ const transform = ([callouts, code_tabs, transform_embeds, transform_images, gemoji_]);
 
 ;// CONCATENATED MODULE: ./node_modules/rehype-slug/node_modules/github-slugger/regex.js
 // This module is generated by `script/`.
@@ -94562,14 +94648,14 @@ function compilers() {
 
 
 
-
 const mdx_mdx = (tree, { hast = false } = {}) => {
     const processor = unified()
         .use(hast ? rehypeRemark : undefined)
         .use(remarkMdx)
         .use(remarkGfm)
-        .use(transform)
+        .use(div)
         .use(readme_to_mdx)
+        .use(tables_to_jsx)
         .use(remarkStringify)
         .use(processor_compile);
     return processor.stringify(processor.runSync(tree));

package/dist/main.node.js

@@ -67403,6 +67403,91 @@ const variables = ({ asMdx } = { asMdx: true }) => tree => {
 };
 /* harmony default export */ const transform_variables = (variables);
 
+;// CONCATENATED MODULE: ./processor/transform/tables-to-jsx.ts
+
+
+
+
+
+const visitor = (table, index, parent) => {
+    let hasFlowContent = false;
+    const tableCellVisitor = (cell) => {
+        if (!phrasing(cell.children[0])) {
+            hasFlowContent = true;
+            return EXIT;
+        }
+        visit(cell, 'text', (text) => {
+            if (text.value.match(/\n/)) {
+                hasFlowContent = true;
+                return EXIT;
+            }
+        });
+    };
+    visit(table, 'tableCell', tableCellVisitor);
+    if (!hasFlowContent)
+        return;
+    const head = {
+        type: 'mdxJsxFlowElement',
+        name: 'thead',
+        children: [
+            {
+                type: 'mdxJsxFlowElement',
+                name: 'tr',
+                children: table.children[0].children.map((cell, idx) => {
+                    const proxy = fromMarkdown(`<div style={{ align: "${table.align[idx]}" }}></div>`, {
+                        extensions: [mdxJsx()],
+                        mdastExtensions: [mdxJsxFromMarkdown()],
+                    });
+                    // @ts-ignore
+                    const { attributes } = proxy.children[0];
+                    return {
+                        type: 'mdxJsxFlowElement',
+                        name: 'th',
+                        attributes,
+                        children: cell.children,
+                    };
+                }),
+            },
+        ],
+    };
+    const body = {
+        type: 'mdxJsxFlowElement',
+        name: 'tbody',
+        children: table.children.splice(1).map(row => {
+            return {
+                type: 'mdxJsxFlowElement',
+                name: 'tr',
+                children: row.children.map((cell, idx) => {
+                    const proxy = fromMarkdown(`<div style={{ align: "${table.align[idx]}" }}></div>`, {
+                        extensions: [mdxJsx()],
+                        mdastExtensions: [mdxJsxFromMarkdown()],
+                    });
+                    // @ts-ignore
+                    const { attributes } = proxy.children[0];
+                    return {
+                        type: 'mdxJsxFlowElement',
+                        name: 'th',
+                        attributes,
+                        children: cell.children,
+                    };
+                }),
+            };
+        }),
+    };
+    const jsx = {
+        type: 'mdxJsxFlowElement',
+        name: 'Table',
+        children: [head, body],
+    };
+    // @ts-ignore
+    parent.children[index] = jsx;
+};
+const tablesToJsx = () => tree => {
+    visit(tree, 'table', visitor);
+    return tree;
+};
+/* harmony default export */ const tables_to_jsx = (tablesToJsx);
+
 ;// CONCATENATED MODULE: ./processor/transform/index.ts
 
 
@@ -67415,7 +67500,8 @@ const variables = ({ asMdx } = { asMdx: true }) => tree => {
 
 
 
-/* harmony default export */ const transform = ([callouts, code_tabs, transform_div, transform_embeds, transform_images, gemoji_]);
+
+/* harmony default export */ const transform = ([callouts, code_tabs, transform_embeds, transform_images, gemoji_]);
 
 ;// CONCATENATED MODULE: ./node_modules/rehype-slug/node_modules/github-slugger/regex.js
 // This module is generated by `script/`.
@@ -96015,14 +96101,14 @@ function compilers() {
 
 
 
-
 const mdx_mdx = (tree, { hast = false } = {}) => {
     const processor = unified()
         .use(hast ? rehypeRemark : undefined)
         .use(remarkMdx)
         .use(remarkGfm)
-        .use(transform)
+        .use(transform_div)
         .use(readme_to_mdx)
+        .use(tables_to_jsx)
         .use(remarkStringify)
         .use(processor_compile);
     return processor.stringify(processor.runSync(tree));

package/dist/processor/transform/index.d.ts

@@ -1,7 +1,9 @@
+import divTransformer from './div';
 import injectComponents from './inject-components';
 import readmeComponentsTransformer from './readme-components';
 import readmeToMdx from './readme-to-mdx';
 import variablesTransformer from './variables';
-export { readmeComponentsTransformer, readmeToMdx, injectComponents, variablesTransformer };
+import tablesToJsx from './tables-to-jsx';
+export { divTransformer, readmeComponentsTransformer, readmeToMdx, injectComponents, variablesTransformer, tablesToJsx, };
 declare const _default: (() => (tree: any) => void)[];
 export default _default;

package/dist/processor/transform/tables-to-jsx.d.ts

@@ -0,0 +1,3 @@
+import { Transform } from 'mdast-util-from-markdown';
+declare const tablesToJsx: () => Transform;
+export default tablesToJsx;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@readme/markdown",
   "description": "ReadMe's React-based Markdown parser",
   "author": "Rafe Goldberg <rafe@readme.io>",
-  "version": "6.75.0-beta.70",
+  "version": "6.75.0-beta.71",
   "main": "dist/main.node.js",
   "types": "dist/index.d.ts",
   "browser": "dist/main.js",
@@ -40,6 +40,7 @@
     "lodash.escape": "^4.0.1",
     "lodash.kebabcase": "^4.1.1",
     "mdast-util-find-and-replace": "^3.0.1",
+    "mdast-util-phrasing": "^4.1.0",
     "path-browserify": "^1.0.1",
     "process": "^0.11.10",
     "prop-types": "^15.8.1",