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

package/dist/main.js

@@ -65698,6 +65698,39 @@ const gemojiTransformer = () => (tree) => {
 };
 /* harmony default export */ const gemoji_ = (gemojiTransformer);
 
+;// CONCATENATED MODULE: ./processor/transform/div.ts
+var div_rest = (undefined && undefined.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+
+
+const divTransformer = () => tree => {
+    visit(tree, 'div', (node, index, parent) => {
+        var _a;
+        const type = (_a = node.data) === null || _a === void 0 ? void 0 : _a.hName;
+        switch (type) {
+            // Check if the div is a tutorial-tile in disguise
+            case NodeTypes.tutorialTile:
+                const _b = node.data, { hName, hProperties } = _b, rest = div_rest(_b, ["hName", "hProperties"]);
+                const tile = Object.assign(Object.assign({}, rest), { type: NodeTypes.tutorialTile });
+                parent.children.splice(index, 1, tile);
+            // idk what this is and/or just make it a paragraph
+            default:
+                node.type = type || 'paragraph';
+        }
+    });
+    return tree;
+};
+/* harmony default export */ const div = (divTransformer);
+
 ;// CONCATENATED MODULE: ./processor/transform/inject-components.ts
 
 
@@ -65850,6 +65883,11 @@ const readmeComponents = (opts) => () => tree => {
 
 
 const readmeToMdx = () => tree => {
+    // Unwrap pinned nodes, replace rdme-pin with its child node
+    visit(tree, 'rdme-pin', (node, i, parent) => {
+        const newNode = node.children[0];
+        parent.children.splice(i, 1, newNode);
+    });
     visit(tree, NodeTypes.tutorialTile, (tile, index, parent) => {
         const attributes = ['backgroundColor', 'emoji', 'id', 'link', 'slug', 'title'].map(name => {
             const value = tile[name];
@@ -65912,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
 
 
@@ -65923,6 +66046,8 @@ const variables = ({ asMdx } = { asMdx: true }) => tree => {
 
 
 
+
+
 /* 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
@@ -94467,6 +94592,10 @@ const compatibility = (node) => {
             return figureToImageBlock(node);
         case 'embed':
             return embedToEmbedBlock(node);
+        case 'i':
+            return `:${node.data.hProperties.className[1]}:`;
+        case 'yaml':
+            return `---\n${node.value}\n---`;
         default:
             throw new Error('Unhandled node type!');
     }
@@ -94504,6 +94633,8 @@ function compilers() {
         escape: compile_compatibility,
         figure: compile_compatibility,
         html: compile_compatibility,
+        i: compile_compatibility,
+        yaml: compile_compatibility,
     };
     toMarkdownExtensions.push({ extensions: [{ handlers }] });
 }
@@ -94522,7 +94653,9 @@ const mdx_mdx = (tree, { hast = false } = {}) => {
         .use(hast ? rehypeRemark : undefined)
         .use(remarkMdx)
         .use(remarkGfm)
+        .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

@@ -67151,6 +67151,39 @@ const gemojiTransformer = () => (tree) => {
 };
 /* harmony default export */ const gemoji_ = (gemojiTransformer);
 
+;// CONCATENATED MODULE: ./processor/transform/div.ts
+var div_rest = (undefined && undefined.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+
+
+const divTransformer = () => tree => {
+    visit(tree, 'div', (node, index, parent) => {
+        var _a;
+        const type = (_a = node.data) === null || _a === void 0 ? void 0 : _a.hName;
+        switch (type) {
+            // Check if the div is a tutorial-tile in disguise
+            case NodeTypes.tutorialTile:
+                const _b = node.data, { hName, hProperties } = _b, rest = div_rest(_b, ["hName", "hProperties"]);
+                const tile = Object.assign(Object.assign({}, rest), { type: NodeTypes.tutorialTile });
+                parent.children.splice(index, 1, tile);
+            // idk what this is and/or just make it a paragraph
+            default:
+                node.type = type || 'paragraph';
+        }
+    });
+    return tree;
+};
+/* harmony default export */ const transform_div = (divTransformer);
+
 ;// CONCATENATED MODULE: ./processor/transform/inject-components.ts
 
 
@@ -67303,6 +67336,11 @@ const readmeComponents = (opts) => () => tree => {
 
 
 const readmeToMdx = () => tree => {
+    // Unwrap pinned nodes, replace rdme-pin with its child node
+    visit(tree, 'rdme-pin', (node, i, parent) => {
+        const newNode = node.children[0];
+        parent.children.splice(i, 1, newNode);
+    });
     visit(tree, NodeTypes.tutorialTile, (tile, index, parent) => {
         const attributes = ['backgroundColor', 'emoji', 'id', 'link', 'slug', 'title'].map(name => {
             const value = tile[name];
@@ -67365,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
 
 
@@ -67376,6 +67499,8 @@ const variables = ({ asMdx } = { asMdx: true }) => tree => {
 
 
 
+
+
 /* 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
@@ -95920,6 +96045,10 @@ const compatibility = (node) => {
             return figureToImageBlock(node);
         case 'embed':
             return embedToEmbedBlock(node);
+        case 'i':
+            return `:${node.data.hProperties.className[1]}:`;
+        case 'yaml':
+            return `---\n${node.value}\n---`;
         default:
             throw new Error('Unhandled node type!');
     }
@@ -95957,6 +96086,8 @@ function compilers() {
         escape: compile_compatibility,
         figure: compile_compatibility,
         html: compile_compatibility,
+        i: compile_compatibility,
+        yaml: compile_compatibility,
     };
     toMarkdownExtensions.push({ extensions: [{ handlers }] });
 }
@@ -95975,7 +96106,9 @@ const mdx_mdx = (tree, { hast = false } = {}) => {
         .use(hast ? rehypeRemark : undefined)
         .use(remarkMdx)
         .use(remarkGfm)
+        .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/compile/compatibility.d.ts

@@ -38,6 +38,16 @@ type CompatNodes = {
             value: string;
         }];
     }];
+} | {
+    type: 'i';
+    data: {
+        hProperties: {
+            className: string[];
+        };
+    };
+} | {
+    type: 'yaml';
+    value: string;
 } | Html;
 declare const compatibility: (node: CompatNodes) => string;
 export default compatibility;

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

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

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.69",
+  "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",