@mintlify/common 1.0.905 → 1.0.906

package/dist/mdx/snippets/resolveImport/resolveComponentWithContent.js

@@ -62,6 +62,8 @@ export const resolveComponentWithContent = (tree, componentName, snippet, export
 const replaceVariablesWithProps = (node, treeToInject, exportMap, snippetExportMap) => {
     const variableNameMap = {};
     const variablesMap = {};
+    const propValues = getSnippetPropValues(node);
+    replaceCodePlaceholdersWithProps(treeToInject, propValues);
     visit(treeToInject, (node) => {
         var _a;
         if ((node.type === 'mdxTextExpression' || node.type === 'mdxFlowExpression') &&
@@ -107,6 +109,30 @@ const replaceVariablesWithProps = (node, treeToInject, exportMap, snippetExportM
         snippetNodesToInject: treeToInject.children,
     };
 };
+const getSnippetPropValues = (node) => {
+    const propValues = {};
+    node.attributes.forEach((attribute) => {
+        if (attribute.type !== 'mdxJsxAttribute' ||
+            !attribute.value ||
+            typeof attribute.value !== 'string')
+            return;
+        propValues[attribute.name] = attribute.value;
+    });
+    return propValues;
+};
+const replaceCodePlaceholdersWithProps = (tree, propValues) => {
+    visit(tree, (node) => {
+        if (node.type !== 'code' || typeof node.value !== 'string') {
+            return;
+        }
+        node.value = node.value.replace(/\{\s*([A-Za-z_$][\w$]*)\s*\}/g, (match, prop) => {
+            var _a;
+            if (!(prop in propValues))
+                return match;
+            return (_a = propValues[prop]) !== null && _a !== void 0 ? _a : match;
+        });
+    });
+};
 const reinsertExports = (content, exportMap, snippetExportMap) => {
     const nodesToInject = [];
     for (const [key, value] of Object.entries(snippetExportMap)) {