@readme/markdown 7.10.3 → 7.10.4

package/dist/main.js

@@ -65544,11 +65544,22 @@ const readmeToMdx = () => tree => {
 
 const variables = ({ asMdx } = { asMdx: true }) => tree => {
     visit(tree, (node, index, parent) => {
+        var _a, _b;
         if (!['mdxFlowExpression', 'mdxTextExpression'].includes(node.type) || !('value' in node))
             return;
-        const match = node.value.match(/^user\.(?<value>.*)$/);
-        if (!match)
+        // @ts-expect-error - estree is not defined on our mdx types?!
+        if (node.data.estree.type !== 'Program')
+            return;
+        // @ts-expect-error - estree is not defined on our mdx types?!
+        const [expression] = node.data.estree.body;
+        if (!expression ||
+            expression.type !== 'ExpressionStatement' ||
+            ((_a = expression.expression.object) === null || _a === void 0 ? void 0 : _a.name) !== 'user' ||
+            !['Literal', 'Identifier'].includes((_b = expression.expression.property) === null || _b === void 0 ? void 0 : _b.type))
             return;
+        const name = expression.expression.property.type === 'Identifier'
+            ? expression.expression.property.name
+            : expression.expression.property.value;
         let variable = asMdx
             ? {
                 type: 'mdxJsxTextElement',
@@ -65557,7 +65568,7 @@ const variables = ({ asMdx } = { asMdx: true }) => tree => {
                     {
                         type: 'mdxJsxAttribute',
                         name: 'name',
-                        value: match.groups.value,
+                        value: name,
                     },
                 ],
                 children: [],
@@ -65568,7 +65579,7 @@ const variables = ({ asMdx } = { asMdx: true }) => tree => {
                 data: {
                     hName: 'Variable',
                     hProperties: {
-                        name: match.groups.value,
+                        name,
                     },
                 },
                 value: `{${node.value}}`,
@@ -83395,7 +83406,7 @@ const variable = (node) => {
     // @note: coming from RDMD, it's set as `variable`. But when mdx is parsed,
     // it's set as `name`
     const name = node.data.hProperties.variable || node.data.hProperties.name;
-    return `{user.${name}}`;
+    return name.toString().match(/ /) ? `{user[${JSON.stringify(name)}]}` : `{user.${name}}`;
 };
 /* harmony default export */ const compile_variable = (variable);
 

package/dist/main.node.js

@@ -66623,11 +66623,22 @@ const readmeToMdx = () => tree => {
 
 const variables = ({ asMdx } = { asMdx: true }) => tree => {
     visit(tree, (node, index, parent) => {
+        var _a, _b;
         if (!['mdxFlowExpression', 'mdxTextExpression'].includes(node.type) || !('value' in node))
             return;
-        const match = node.value.match(/^user\.(?<value>.*)$/);
-        if (!match)
+        // @ts-expect-error - estree is not defined on our mdx types?!
+        if (node.data.estree.type !== 'Program')
+            return;
+        // @ts-expect-error - estree is not defined on our mdx types?!
+        const [expression] = node.data.estree.body;
+        if (!expression ||
+            expression.type !== 'ExpressionStatement' ||
+            ((_a = expression.expression.object) === null || _a === void 0 ? void 0 : _a.name) !== 'user' ||
+            !['Literal', 'Identifier'].includes((_b = expression.expression.property) === null || _b === void 0 ? void 0 : _b.type))
             return;
+        const name = expression.expression.property.type === 'Identifier'
+            ? expression.expression.property.name
+            : expression.expression.property.value;
         let variable = asMdx
             ? {
                 type: 'mdxJsxTextElement',
@@ -66636,7 +66647,7 @@ const variables = ({ asMdx } = { asMdx: true }) => tree => {
                     {
                         type: 'mdxJsxAttribute',
                         name: 'name',
-                        value: match.groups.value,
+                        value: name,
                     },
                 ],
                 children: [],
@@ -66647,7 +66658,7 @@ const variables = ({ asMdx } = { asMdx: true }) => tree => {
                 data: {
                     hName: 'Variable',
                     hProperties: {
-                        name: match.groups.value,
+                        name,
                     },
                 },
                 value: `{${node.value}}`,
@@ -84474,7 +84485,7 @@ const variable = (node) => {
     // @note: coming from RDMD, it's set as `variable`. But when mdx is parsed,
     // it's set as `name`
     const name = node.data.hProperties.variable || node.data.hProperties.name;
-    return `{user.${name}}`;
+    return name.toString().match(/ /) ? `{user[${JSON.stringify(name)}]}` : `{user.${name}}`;
 };
 /* harmony default export */ const compile_variable = (variable);
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@readme/markdown",
   "description": "ReadMe's React-based Markdown parser",
   "author": "Rafe Goldberg <rafe@readme.io>",
-  "version": "7.10.3",
+  "version": "7.10.4",
   "main": "dist/main.node.js",
   "types": "dist/index.d.ts",
   "browser": "dist/main.js",