@mintlify/common 1.0.425 → 1.0.426

package/dist/getFileCategory.js

@@ -1,4 +1,5 @@
 import { parse } from 'path';
+import { SNIPPET_EXTENSIONS } from './mdx/snippets/constants.js';
 const excludedMdFiles = ['readme', 'license', 'contributing', 'contribute'];
 const supportedStaticFileExtensions = [
     '.jpeg',
@@ -29,7 +30,7 @@ export const getFileCategory = (filePath) => {
     const fileName = parsed.name;
     const extension = parsed.ext;
     if ((filePath.startsWith('_snippets/') || filePath.startsWith('snippets/')) &&
-        (extension === '.mdx' || extension === '.md')) {
+        (SNIPPET_EXTENSIONS.some((ext) => extension === ext) || extension === '.md')) {
         if (filePath.startsWith('_snippets/')) {
             return 'snippet';
         }

package/dist/mdx/plugins/remark/remarkMdxRemoveUnknownJsx/index.d.ts

@@ -1,2 +1,2 @@
 import type { Root } from 'mdast';
-export declare const remarkMdxRemoveUnknownJsx: (allowedComponents?: string[]) => (tree: Root) => Root | import("mdast-util-mdxjs-esm").MdxjsEsm | import("mdast-util-mdx-expression").MdxFlowExpression | import("mdast-util-mdx-expression").MdxTextExpression | import("mdast").Link | import("mdast").Delete | import("mdast").Yaml | import("mdast").Emphasis | import("mdast").Strong | import("mdast-util-mdx").MdxJsxFlowElement | import("mdast").Blockquote | import("mdast").Break | import("mdast").Code | import("mdast").Definition | import("mdast").FootnoteDefinition | import("mdast").FootnoteReference | import("mdast").Heading | import("mdast").Html | import("mdast").Image | import("mdast").ImageReference | import("mdast").InlineCode | import("mdast").LinkReference | import("mdast").List | import("mdast").ListItem | import("mdast").Paragraph | import("mdast").Table | import("mdast").TableCell | import("mdast").TableRow | import("mdast").Text | import("mdast").ThematicBreak | import("mdast-util-math").InlineMath | import("mdast-util-math").Math | import("mdast-util-mdx").MdxJsxTextElement;
+export declare const remarkMdxRemoveUnknownJsx: (allowedComponents?: string[]) => (tree: Root) => Root | import("mdast-util-mdxjs-esm").MdxjsEsm | import("mdast").Link | import("mdast").Delete | import("mdast").Blockquote | import("mdast").Break | import("mdast").Code | import("mdast").Definition | import("mdast").Emphasis | import("mdast").FootnoteDefinition | import("mdast").FootnoteReference | import("mdast").Heading | import("mdast").Html | import("mdast").Image | import("mdast").ImageReference | import("mdast").InlineCode | import("mdast").LinkReference | import("mdast").List | import("mdast").ListItem | import("mdast").Paragraph | import("mdast").Strong | import("mdast").Table | import("mdast").TableCell | import("mdast").TableRow | import("mdast").Text | import("mdast").ThematicBreak | import("mdast").Yaml | import("mdast-util-math").InlineMath | import("mdast-util-math").Math | import("mdast-util-mdx-expression").MdxTextExpression | import("mdast-util-mdx-expression").MdxFlowExpression | import("mdast-util-mdx").MdxJsxFlowElement | import("mdast-util-mdx").MdxJsxTextElement;

package/dist/mdx/remark.d.ts

@@ -2,5 +2,5 @@ import type { Root } from 'mdast';
 import type { PluggableList } from 'unified';
 export declare const coreRemarkMdxPlugins: PluggableList;
 export declare const coreRemark: import("unified").Processor<Root, undefined, undefined, Root, string>;
-export declare const getAST: (str: string) => Root;
+export declare const getAST: (str: string, filePath?: string) => Root;
 export declare const stringifyTree: (tree: Root) => string;

package/dist/mdx/remark.js

@@ -4,6 +4,8 @@ import remarkGfm from 'remark-gfm';
 import remarkMath from 'remark-math';
 import remarkMdx from 'remark-mdx';
 import remarkStringify from 'remark-stringify';
+import { getJsxEsmTree } from './snippets/getJsxEsmTree.js';
+import { isJsxFile } from './snippets/isJsxFile.js';
 export const coreRemarkMdxPlugins = [
     remarkMdx,
     remarkGfm,
@@ -11,5 +13,10 @@ export const coreRemarkMdxPlugins = [
     remarkMath,
 ];
 export const coreRemark = remark().use(coreRemarkMdxPlugins).freeze();
-export const getAST = (str) => coreRemark().parse(str);
+export const getAST = (str, filePath) => {
+    if (isJsxFile(filePath)) {
+        return getJsxEsmTree(str);
+    }
+    return coreRemark().parse(str);
+};
 export const stringifyTree = (tree) => coreRemark().use(remarkStringify).stringify(tree);

package/dist/mdx/snippets/constants.d.ts

@@ -0,0 +1 @@
+export declare const SNIPPET_EXTENSIONS: string[];

package/dist/mdx/snippets/constants.js

@@ -0,0 +1 @@
+export const SNIPPET_EXTENSIONS = ['.mdx', '.jsx'];

package/dist/mdx/snippets/getExportMap.js

@@ -1,34 +1,112 @@
 import { jsx, toJs } from 'estree-util-to-js';
 import { visit } from 'unist-util-visit';
 import { nodeIncludesExport } from './nodeIncludesExport.js';
+import { addExportPrefix } from './resolveImport/addExportPrefix.js';
 /**
  *
  * @returns map of export names and their content
  */
 export const getExportMapFromTree = (tree) => {
+    var _a;
     const exportMap = {};
     visit(tree, (node) => {
         if (!nodeIncludesExport(node))
             return;
         for (const bodyChild of node.data.estree.body) {
-            if (bodyChild.type != 'ExportNamedDeclaration')
-                continue;
-            if (bodyChild.declaration == null)
-                continue;
-            if (bodyChild.declaration.type != 'VariableDeclaration')
-                continue;
-            for (const declaration of bodyChild.declaration.declarations) {
-                if (declaration.id.type !== 'Identifier')
-                    continue;
-                if (declaration.init == null)
-                    continue;
-                // Sometimes when more than one exports are defined next to each other, the body includes multiple exports so we isolate the export we are looking for.
+            // Handle ExportDefaultDeclaration (export default ...)
+            if (bodyChild.type === 'ExportDefaultDeclaration') {
+                // If it's export default SomeIdentifier, find the original declaration
+                if (bodyChild.declaration.type === 'Identifier') {
+                    const originalDeclaration = findDeclarationInTree(bodyChild.declaration.name, node);
+                    if (originalDeclaration) {
+                        const wrappedNode = structuredClone(node);
+                        wrappedNode.data.estree.body = [originalDeclaration];
+                        const value = toJs(wrappedNode.data.estree, { handlers: jsx }).value;
+                        exportMap['default'] = value;
+                        continue;
+                    }
+                }
+                // Otherwise, use the export statement directly (for inline exports like export default function() {})
                 const isolatedExport = structuredClone(node);
                 isolatedExport.data.estree.body = [bodyChild];
                 const value = toJs(isolatedExport.data.estree, { handlers: jsx }).value;
-                exportMap[declaration.id.name] = value;
+                exportMap['default'] = value;
+                continue;
+            }
+            // Handle ExportNamedDeclaration with specifiers (export { name })
+            if (bodyChild.type === 'ExportNamedDeclaration' && bodyChild.specifiers.length > 0) {
+                for (const specifier of bodyChild.specifiers) {
+                    const localName = specifier.local.name;
+                    const exportedName = specifier.exported.name;
+                    // Find the original declaration
+                    const originalDeclaration = findDeclarationInTree(localName, node);
+                    if (originalDeclaration) {
+                        const wrappedNode = structuredClone(node);
+                        wrappedNode.data.estree.body = [originalDeclaration];
+                        const value = toJs(wrappedNode.data.estree, { handlers: jsx }).value;
+                        exportMap[exportedName] = value;
+                    }
+                }
+                continue;
+            }
+            // Handle direct exports (export const/let/var/function/class ...)
+            if (bodyChild.type === 'ExportNamedDeclaration' && bodyChild.declaration) {
+                // Variable declarations
+                if (bodyChild.declaration.type === 'VariableDeclaration') {
+                    for (const declaration of bodyChild.declaration.declarations) {
+                        if (declaration.id.type !== 'Identifier')
+                            continue;
+                        if (declaration.init == null)
+                            continue;
+                        // Sometimes when more than one exports are defined next to each other, the body includes multiple exports so we isolate the export we are looking for.
+                        const isolatedExport = structuredClone(node);
+                        isolatedExport.data.estree.body = [bodyChild];
+                        const value = toJs(isolatedExport.data.estree, { handlers: jsx }).value;
+                        exportMap[declaration.id.name] = value;
+                    }
+                }
+                // Function declarations
+                else if (bodyChild.declaration.type === 'FunctionDeclaration' && bodyChild.declaration.id) {
+                    const isolatedExport = structuredClone(node);
+                    isolatedExport.data.estree.body = [bodyChild];
+                    const value = toJs(isolatedExport.data.estree, { handlers: jsx }).value;
+                    exportMap[bodyChild.declaration.id.name] = value;
+                }
+                // Class declarations
+                else if (bodyChild.declaration.type === 'ClassDeclaration' && bodyChild.declaration.id) {
+                    const isolatedExport = structuredClone(node);
+                    isolatedExport.data.estree.body = [bodyChild];
+                    const value = toJs(isolatedExport.data.estree, { handlers: jsx }).value;
+                    exportMap[bodyChild.declaration.id.name] = value;
+                }
             }
         }
     });
+    // Add "export " prefix to values that don't already start with "export"
+    for (const [key, value] of Object.entries(exportMap)) {
+        exportMap[key] = (_a = addExportPrefix(value)) !== null && _a !== void 0 ? _a : '';
+    }
     return exportMap;
 };
+/**
+ * Find a declaration by name in the tree
+ */
+function findDeclarationInTree(name, node) {
+    var _a, _b;
+    for (const bodyChild of node.data.estree.body) {
+        if (bodyChild.type === 'VariableDeclaration') {
+            for (const declaration of bodyChild.declarations) {
+                if (declaration.id.type === 'Identifier' && declaration.id.name === name) {
+                    return bodyChild;
+                }
+            }
+        }
+        else if (bodyChild.type === 'FunctionDeclaration' && ((_a = bodyChild.id) === null || _a === void 0 ? void 0 : _a.name) === name) {
+            return bodyChild;
+        }
+        else if (bodyChild.type === 'ClassDeclaration' && ((_b = bodyChild.id) === null || _b === void 0 ? void 0 : _b.name) === name) {
+            return bodyChild;
+        }
+    }
+    return null;
+}

package/dist/mdx/snippets/getJsxEsmTree.d.ts

@@ -0,0 +1,7 @@
+import type { Root } from 'mdast';
+/**
+ * Get the AST for a JSX snippet
+ * @param jsxContent the content of the JSX snippet
+ * @returns the AST for the JSX snippet
+ */
+export declare const getJsxEsmTree: (jsxContent: string) => Root;

package/dist/mdx/snippets/getJsxEsmTree.js

@@ -0,0 +1,28 @@
+import { Parser } from 'acorn';
+import jsx from 'acorn-jsx';
+const JSXParser = Parser.extend(jsx());
+/**
+ * Get the AST for a JSX snippet
+ * @param jsxContent the content of the JSX snippet
+ * @returns the AST for the JSX snippet
+ */
+export const getJsxEsmTree = (jsxContent) => {
+    const trimmedContent = jsxContent.trim();
+    const estree = JSXParser.parse(trimmedContent, {
+        ecmaVersion: 'latest',
+        sourceType: 'module',
+        allowReturnOutsideFunction: true,
+    });
+    const finalContent = trimmedContent;
+    const mdxJsEsmNode = {
+        type: 'mdxjsEsm',
+        value: finalContent,
+        data: {
+            estree,
+        },
+    };
+    return {
+        type: 'root',
+        children: [mdxJsEsmNode],
+    };
+};

package/dist/mdx/snippets/index.d.ts

@@ -6,3 +6,4 @@ export * from './resolveAllImports.js';
 export * from './removeExports.js';
 export * from './getExportMap.js';
 export * from './findAndRemoveExports.js';
+export * from './constants.js';

package/dist/mdx/snippets/index.js

@@ -6,3 +6,4 @@ export * from './resolveAllImports.js';
 export * from './removeExports.js';
 export * from './getExportMap.js';
 export * from './findAndRemoveExports.js';
+export * from './constants.js';

package/dist/mdx/snippets/isJsxFile.d.ts

@@ -0,0 +1 @@
+export declare const isJsxFile: (filePath?: string) => boolean;

package/dist/mdx/snippets/isJsxFile.js

@@ -0,0 +1,4 @@
+export const isJsxFile = (filePath) => {
+    var _a;
+    return (_a = filePath === null || filePath === void 0 ? void 0 : filePath.toLowerCase().endsWith('.jsx')) !== null && _a !== void 0 ? _a : false;
+};

package/dist/mdx/snippets/nodeIncludesExport.d.ts

@@ -1,6 +1,11 @@
 import type { Program } from 'estree-jsx';
 import { MdxjsEsm } from 'mdast-util-mdx';
 import { Node } from 'unist';
+export type NodeWithExport = MdxjsEsm & {
+    data: {
+        estree: Program;
+    };
+};
 /**
  * An export looks like this in AST form:
  * {
@@ -19,8 +24,4 @@ import { Node } from 'unist';
  * @param content mdx ast node
  * @returns whether the node includes an export or not
  */
-export declare const nodeIncludesExport: (node: Node) => node is MdxjsEsm & {
-    data: {
-        estree: Program;
-    };
-};
+export declare const nodeIncludesExport: (node: Node) => node is NodeWithExport;

package/dist/mdx/snippets/resolveImport/addExportPrefix.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Add "export " prefix to values that don't already start with "export"
+ * @param value the snippet content
+ * @returns the snippet content with the "export " prefix
+ */
+export declare const addExportPrefix: (value?: string) => string | undefined;

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

@@ -0,0 +1,12 @@
+/**
+ * Add "export " prefix to values that don't already start with "export"
+ * @param value the snippet content
+ * @returns the snippet content with the "export " prefix
+ */
+export const addExportPrefix = (value) => {
+    if (!value)
+        return undefined;
+    if (value.startsWith('export'))
+        return value;
+    return `export ${value}`;
+};

package/dist/mdx/snippets/resolveImport/containsRegularFunction.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Check if an export statement contains a regular function declaration
+ * MDX parser only works properly with arrow functions, so we skip regular functions
+ */
+export declare const containsRegularFunction: (exportStatement: string) => boolean;

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

@@ -0,0 +1,14 @@
+/**
+ * Check if an export statement contains a regular function declaration
+ * MDX parser only works properly with arrow functions, so we skip regular functions
+ */
+export const containsRegularFunction = (exportStatement) => {
+    // remove comments and clean up the statement
+    const cleanStatement = exportStatement.replace(/\/\*[\s\S]*?\*\//g, '').replace(/\/\/.*$/gm, '');
+    // check for function declarations like:
+    // 1. export default function ComponentName() { ... }
+    // 2. export function ComponentName() { ... }
+    // 3. function ComponentName() { ... }; export default ComponentName;
+    const functionDeclarationPattern = /\bfunction\s+\w+\s*\(/;
+    return functionDeclarationPattern.test(cleanStatement);
+};

package/dist/mdx/snippets/resolveImport/findExport.d.ts

@@ -1,6 +1,6 @@
 import type { Root } from 'mdast';
 /**
- *
+ * Finds the export in the tree and returns the content of the export
  * @param exportName the name of the export we want to find
  * @param tree the content we are looking for the export in
  * @returns the export

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

@@ -1,29 +1,80 @@
 import { jsx, toJs } from 'estree-util-to-js';
 import { visit, EXIT } from 'unist-util-visit';
 import { nodeIncludesExport } from '../nodeIncludesExport.js';
+import { addExportPrefix } from './addExportPrefix.js';
 /**
- *
+ * Finds the export in the tree and returns the content of the export
  * @param exportName the name of the export we want to find
  * @param tree the content we are looking for the export in
  * @returns the export
  */
 export const findExport = (exportName, tree, renamedExportName) => {
-    let value = undefined;
+    let value;
     visit(tree, nodeIncludesExport, (node) => {
         for (const bodyChild of node.data.estree.body) {
-            if (bodyChild.type !== 'ExportNamedDeclaration' ||
-                bodyChild.declaration == null ||
-                bodyChild.declaration.type !== 'VariableDeclaration')
+            // handle `export default ...`
+            if (bodyChild.type === 'ExportDefaultDeclaration') {
+                if (exportName === 'default') {
+                    const isolatedExport = structuredClone(node);
+                    isolatedExport.data.estree.body = [bodyChild];
+                    // handle renaming for default exports
+                    if (renamedExportName && bodyChild.declaration.type === 'Identifier') {
+                        bodyChild.declaration.name = renamedExportName;
+                    }
+                    value = toJs(isolatedExport.data.estree, { handlers: jsx }).value;
+                    return EXIT;
+                }
                 continue;
-            for (const declaration of bodyChild.declaration.declarations) {
-                if (declaration.id.type !== 'Identifier')
-                    continue;
-                if (declaration.id.name === exportName) {
-                    // Renaming for: import { Name as RenamedName } from './source';
+            }
+            // handle `export { name }`
+            if (bodyChild.type === 'ExportNamedDeclaration' && bodyChild.specifiers.length > 0) {
+                for (const specifier of bodyChild.specifiers) {
+                    if (specifier.exported.name === exportName) {
+                        const localName = specifier.local.name;
+                        const originalDeclaration = findDeclarationInTree(localName, node);
+                        if (originalDeclaration) {
+                            const isolatedExport = structuredClone(originalDeclaration);
+                            if (renamedExportName) {
+                                renameInDeclaration(isolatedExport, localName, renamedExportName);
+                            }
+                            const wrappedNode = structuredClone(node);
+                            wrappedNode.data.estree.body = [isolatedExport];
+                            value = toJs(wrappedNode.data.estree, { handlers: jsx }).value;
+                            return EXIT;
+                        }
+                    }
+                }
+                continue;
+            }
+            // handle `export const/let/var/function/class ...`
+            if (bodyChild.type === 'ExportNamedDeclaration' &&
+                bodyChild.declaration &&
+                bodyChild.declaration.type === 'VariableDeclaration') {
+                for (const declaration of bodyChild.declaration.declarations) {
+                    if (declaration.id.type !== 'Identifier')
+                        continue;
+                    if (declaration.id.name === exportName) {
+                        // renaming for: import { Name as RenamedName } from './source';
+                        if (renamedExportName) {
+                            declaration.id.name = renamedExportName;
+                        }
+                        // sometimes when more than one exports are defined next to each other, the body includes multiple exports so we isolate the export we are looking for.
+                        const isolatedExport = structuredClone(node);
+                        isolatedExport.data.estree.body = [bodyChild];
+                        value = toJs(isolatedExport.data.estree, { handlers: jsx }).value;
+                        return EXIT;
+                    }
+                }
+            }
+            // handle `export function/class ...`
+            if (bodyChild.type === 'ExportNamedDeclaration' && bodyChild.declaration) {
+                if ((bodyChild.declaration.type === 'FunctionDeclaration' ||
+                    bodyChild.declaration.type === 'ClassDeclaration') &&
+                    bodyChild.declaration.id &&
+                    bodyChild.declaration.id.name === exportName) {
                     if (renamedExportName) {
-                        declaration.id.name = renamedExportName;
+                        bodyChild.declaration.id.name = renamedExportName;
                     }
-                    // Sometimes when more than one exports are defined next to each other, the body includes multiple exports so we isolate the export we are looking for.
                     const isolatedExport = structuredClone(node);
                     isolatedExport.data.estree.body = [bodyChild];
                     value = toJs(isolatedExport.data.estree, { handlers: jsx }).value;
@@ -32,5 +83,40 @@ export const findExport = (exportName, tree, renamedExportName) => {
             }
         }
     });
-    return value;
+    return addExportPrefix(value);
 };
+function findDeclarationInTree(name, node) {
+    var _a, _b;
+    for (const bodyChild of node.data.estree.body) {
+        if (bodyChild.type === 'VariableDeclaration') {
+            for (const declaration of bodyChild.declarations) {
+                if (declaration.id.type === 'Identifier' && declaration.id.name === name) {
+                    return bodyChild;
+                }
+            }
+        }
+        else if (bodyChild.type === 'FunctionDeclaration' && ((_a = bodyChild.id) === null || _a === void 0 ? void 0 : _a.name) === name) {
+            return bodyChild;
+        }
+        else if (bodyChild.type === 'ClassDeclaration' && ((_b = bodyChild.id) === null || _b === void 0 ? void 0 : _b.name) === name) {
+            return bodyChild;
+        }
+    }
+    return null;
+}
+function renameInDeclaration(declaration, oldName, newName) {
+    var _a, _b;
+    if (declaration.type === 'VariableDeclaration') {
+        for (const variableDeclarator of declaration.declarations) {
+            if (variableDeclarator.id.type === 'Identifier' && variableDeclarator.id.name === oldName) {
+                variableDeclarator.id.name = newName;
+            }
+        }
+    }
+    else if (declaration.type === 'FunctionDeclaration' && ((_a = declaration.id) === null || _a === void 0 ? void 0 : _a.name) === oldName) {
+        declaration.id.name = newName;
+    }
+    else if (declaration.type === 'ClassDeclaration' && ((_b = declaration.id) === null || _b === void 0 ? void 0 : _b.name) === oldName) {
+        declaration.id.name = newName;
+    }
+}

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

@@ -9,6 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { MdxImportSpecifier } from '../../../types/mdx/snippets/import.js';
 import { getAST } from '../../remark.js';
+import { containsRegularFunction } from './containsRegularFunction.js';
 import { findExport } from './findExport.js';
 import { injectToTopOfFileOfTree } from './injectToTopOfFile.js';
 import { resolveComponentWithContent } from './resolveComponentWithContent.js';
@@ -16,6 +17,10 @@ const VALID_SPECIFIERS = [
     MdxImportSpecifier.ImportSpecifier,
     MdxImportSpecifier.RenamedImportSpecifier,
 ];
+const OTHER_SPECIFIERS = [
+    MdxImportSpecifier.ImportDefaultSpecifier,
+    MdxImportSpecifier.ImportNamespaceSpecifier,
+];
 /**
  *
  * @param importSpecifier The name of the imported component we want to replace
@@ -25,23 +30,25 @@ const VALID_SPECIFIERS = [
  */
 export const resolveImport = (importSpecifier, destinationPageContent, importedFileContent, exportMap) => __awaiter(void 0, void 0, void 0, function* () {
     if (VALID_SPECIFIERS.includes(importSpecifier.type)) {
-        // normal import: import { Component } from '/snippets/Component.mdx'
+        // normal import: import { Component } from '/snippets/Component.mdx' or jsx file
         if ((importSpecifier.renamedName && exportMap[importSpecifier.renamedName]) ||
             exportMap[importSpecifier.name]) {
             // TODO: Handle collisions
             return destinationPageContent;
         }
-        const exportContent = findExport(importSpecifier.name, importedFileContent, importSpecifier.renamedName); // find "Component" in "/snippets/Component.mdx"
+        // find "Component" in "/snippets/Component.mdx" or jsx files
+        const exportContent = findExport(importSpecifier.name, importedFileContent, importSpecifier.renamedName);
         if (exportContent == undefined)
             throw new Error(`Could not find export ${importSpecifier.name} in snippet`);
+        if (containsRegularFunction(exportContent)) {
+            console.warn(`Skipping snippet with regular function declaration. MDX parser only supports arrow functions.`);
+            return destinationPageContent;
+        }
         // Inject "export const Component = `...`" into the top of the destination page
         injectToTopOfFileOfTree(destinationPageContent, getAST(exportContent).children);
         return destinationPageContent;
     }
-    else if ([
-        MdxImportSpecifier.ImportDefaultSpecifier,
-        MdxImportSpecifier.ImportNamespaceSpecifier,
-    ].includes(importSpecifier.type)) {
+    else if (OTHER_SPECIFIERS.includes(importSpecifier.type)) {
         // default export: import DefaultComponent from '/snippets/DefaultComponent.mdx'
         // replace every instance of DefaultComponent with the content of the imported file
         return yield resolveComponentWithContent(destinationPageContent, importSpecifier.name, importedFileContent, exportMap);

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

@@ -13,6 +13,7 @@ import { removeFrontmatterFromAST } from '../../astUtils.js';
 import { getAST } from '../../remark.js';
 import { createUniqueVariableName, isMdxJsxFlowElement } from '../../utils.js';
 import { findAndRemoveExports } from '../findAndRemoveExports.js';
+import { containsRegularFunction } from './containsRegularFunction.js';
 import { injectToTopOfFileOfTree } from './injectToTopOfFile.js';
 /**
  *
@@ -31,10 +32,27 @@ export const resolveComponentWithContent = (tree, componentName, snippet, export
         if (node.name === componentName && parent && i != null) {
             // Creating clone to restore treeToInject with default values at the end of operations
             const treeToInjectClone = structuredClone(treeToInject);
-            node.name = null;
-            const { variableDeclarationNodes, snippetNodesToInject } = replaceVariablesWithProps(node, treeToInject, exportMap, snippetExportMap);
-            parent.children.splice(i, 1, ...snippetNodesToInject);
-            tree.children.splice(((_a = tree.children[0]) === null || _a === void 0 ? void 0 : _a.type) === 'yaml' ? 1 : 0, 0, ...variableDeclarationNodes);
+            const isDefaultExport = snippetExportMap['default'] &&
+                (snippetExportMap[componentName] === undefined ||
+                    Object.keys(snippetExportMap).length === 1);
+            // Check if the default export uses a regular function - if so, skip processing
+            if (isDefaultExport &&
+                snippetExportMap['default'] &&
+                containsRegularFunction(snippetExportMap['default'])) {
+                console.warn(`Skipping snippet with regular function declaration. MDX parser only supports arrow functions.`);
+                return;
+            }
+            let snippetNodesToInject;
+            let variableDeclarationNodes = [];
+            // for named exports, replace the variables with the props
+            if (!isDefaultExport) {
+                node.name = null;
+                const result = replaceVariablesWithProps(node, treeToInject, exportMap, snippetExportMap);
+                variableDeclarationNodes = result.variableDeclarationNodes;
+                snippetNodesToInject = result.snippetNodesToInject;
+                parent.children.splice(i, 1, ...snippetNodesToInject);
+                tree.children.splice(((_a = tree.children[0]) === null || _a === void 0 ? void 0 : _a.type) === 'yaml' ? 1 : 0, 0, ...variableDeclarationNodes);
+            }
             treeToInject = treeToInjectClone;
         }
     });