@mintlify/common 1.0.1112 → 1.0.1113

package/dist/mdx/plugins/remark/remarkMdxExpandExpressions.js

@@ -15,6 +15,7 @@ import { toEstree } from 'hast-util-to-estree';
 import remarkRehype from 'remark-rehype';
 import { unified } from 'unified';
 import { visit } from 'unist-util-visit';
+import { visitParents } from 'unist-util-visit-parents';
 import { getAST } from '../../remark.js';
 import { getExportedFunctionNames } from './remarkMdxClientComponentBoundaries.js';
 const REMARK_REHYPE_OPTIONS = {
@@ -81,18 +82,26 @@ export const MAX_MDX_FRAGMENTS_PER_PAGE = 500;
  */
 export const remarkMdxExpandExpressions = (options) => (tree) => __awaiter(void 0, void 0, void 0, function* () {
     var _a, _b, _c;
+    const depth = (_a = options.depth) !== null && _a !== void 0 ? _a : 0;
     const expressions = [];
-    visit(tree, (node) => {
-        if (node.type === 'mdxFlowExpression' || node.type === 'mdxTextExpression') {
-            expressions.push(node);
+    visitParents(tree, (node, ancestors) => {
+        if (node.type !== 'mdxFlowExpression' && node.type !== 'mdxTextExpression')
+            return;
+        // A page-level <Panel> is stringified back to MDX source by remarkMdxExtractPanel and
+        // compiled again on its own (getMdx). Leave its expressions as the author wrote them so
+        // that second compile expands them; expanding here would bake generated JSX (<em>, <h5>,
+        // …) into the panel source, which the second pass strips as unknown components.
+        if (depth === 0 &&
+            ancestors.some((a) => a.type === 'mdxJsxFlowElement' && 'name' in a && a.name === 'Panel')) {
+            return;
         }
+        expressions.push(node);
     });
     if (expressions.length === 0)
         return;
     const knownComponents = [
-        ...new Set([...((_a = options.knownComponents) !== null && _a !== void 0 ? _a : []), ...getExportedFunctionNames(tree)]),
+        ...new Set([...((_b = options.knownComponents) !== null && _b !== void 0 ? _b : []), ...getExportedFunctionNames(tree)]),
     ];
-    const depth = (_b = options.depth) !== null && _b !== void 0 ? _b : 0;
     const budget = (_c = options.budget) !== null && _c !== void 0 ? _c : { remaining: MAX_MDX_FRAGMENTS_PER_PAGE };
     for (const node of expressions) {
         yield expandExpression(node, options, { knownComponents, depth, budget });