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

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];
@@ -65923,7 +65961,8 @@ const variables = ({ asMdx } = { asMdx: true }) => tree => {
 
 
 
-/* harmony default export */ const transform = ([callouts, code_tabs, transform_embeds, transform_images, gemoji_]);
+
+/* harmony default export */ const transform = ([callouts, code_tabs, div, transform_embeds, transform_images, gemoji_]);
 
 ;// CONCATENATED MODULE: ./node_modules/rehype-slug/node_modules/github-slugger/regex.js
 // This module is generated by `script/`.
@@ -78511,7 +78550,6 @@ const rehypeToc = ({ components = {} }) => {
 const MAX_DEPTH = 2;
 const getDepth = (el) => { var _a; return parseInt((_a = el.tagName) === null || _a === void 0 ? void 0 : _a.match(/^h(\d)/)[1]); };
 const tocToHast = (headings = []) => {
-    console.log({ headings });
     const min = Math.min(...headings.map(getDepth));
     const ast = h('ul');
     const stack = [ast];
@@ -78527,7 +78565,8 @@ const tocToHast = (headings = []) => {
         while (stack.length > depth) {
             stack.pop();
         }
-        stack[stack.length - 1].children.push(h('li', null, h('a', { href: `#${heading.properties.id}` }, heading.children)));
+        if (heading.properties)
+            stack[stack.length - 1].children.push(h('li', null, h('a', { href: `#${heading.properties.id}` }, heading.children)));
     });
     return ast;
 };
@@ -94467,6 +94506,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 +94547,8 @@ function compilers() {
         escape: compile_compatibility,
         figure: compile_compatibility,
         html: compile_compatibility,
+        i: compile_compatibility,
+        yaml: compile_compatibility,
     };
     toMarkdownExtensions.push({ extensions: [{ handlers }] });
 }
@@ -94517,11 +94562,13 @@ function compilers() {
 
 
 
+
 const mdx_mdx = (tree, { hast = false } = {}) => {
     const processor = unified()
         .use(hast ? rehypeRemark : undefined)
         .use(remarkMdx)
         .use(remarkGfm)
+        .use(transform)
         .use(readme_to_mdx)
         .use(remarkStringify)
         .use(processor_compile);

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];
@@ -67376,7 +67414,8 @@ const variables = ({ asMdx } = { asMdx: true }) => tree => {
 
 
 
-/* harmony default export */ const transform = ([callouts, code_tabs, transform_embeds, transform_images, gemoji_]);
+
+/* harmony default export */ const transform = ([callouts, code_tabs, transform_div, transform_embeds, transform_images, gemoji_]);
 
 ;// CONCATENATED MODULE: ./node_modules/rehype-slug/node_modules/github-slugger/regex.js
 // This module is generated by `script/`.
@@ -79964,7 +80003,6 @@ const rehypeToc = ({ components = {} }) => {
 const MAX_DEPTH = 2;
 const getDepth = (el) => { var _a; return parseInt((_a = el.tagName) === null || _a === void 0 ? void 0 : _a.match(/^h(\d)/)[1]); };
 const tocToHast = (headings = []) => {
-    console.log({ headings });
     const min = Math.min(...headings.map(getDepth));
     const ast = h('ul');
     const stack = [ast];
@@ -79980,7 +80018,8 @@ const tocToHast = (headings = []) => {
         while (stack.length > depth) {
             stack.pop();
         }
-        stack[stack.length - 1].children.push(h('li', null, h('a', { href: `#${heading.properties.id}` }, heading.children)));
+        if (heading.properties)
+            stack[stack.length - 1].children.push(h('li', null, h('a', { href: `#${heading.properties.id}` }, heading.children)));
     });
     return ast;
 };
@@ -95920,6 +95959,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 +96000,8 @@ function compilers() {
         escape: compile_compatibility,
         figure: compile_compatibility,
         html: compile_compatibility,
+        i: compile_compatibility,
+        yaml: compile_compatibility,
     };
     toMarkdownExtensions.push({ extensions: [{ handlers }] });
 }
@@ -95970,11 +96015,13 @@ function compilers() {
 
 
 
+
 const mdx_mdx = (tree, { hast = false } = {}) => {
     const processor = unified()
         .use(hast ? rehypeRemark : undefined)
         .use(remarkMdx)
         .use(remarkGfm)
+        .use(transform)
         .use(readme_to_mdx)
         .use(remarkStringify)
         .use(processor_compile);

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/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.68",
+  "version": "6.75.0-beta.70",
   "main": "dist/main.node.js",
   "types": "dist/index.d.ts",
   "browser": "dist/main.js",