@mintlify/common 1.0.363 → 1.0.365

package/dist/mdx/astUtils.d.ts

@@ -0,0 +1,7 @@
+import type { Root } from 'mdast';
+/**
+ * Removes the YAML frontmatter node from an AST (Root) if it exists as the first child.
+ * Modifies the tree in place.
+ * @param tree The Root node of the document.
+ */
+export declare const removeFrontmatterFromAST: (tree: Root) => void;

package/dist/mdx/astUtils.js

@@ -0,0 +1,11 @@
+/**
+ * Removes the YAML frontmatter node from an AST (Root) if it exists as the first child.
+ * Modifies the tree in place.
+ * @param tree The Root node of the document.
+ */
+export const removeFrontmatterFromAST = (tree) => {
+    var _a;
+    if (tree.children.length > 0 && ((_a = tree.children[0]) === null || _a === void 0 ? void 0 : _a.type) === 'yaml') {
+        tree.children.shift();
+    }
+};

package/dist/mdx/index.d.ts

@@ -4,3 +4,4 @@ export * from './utils.js';
 export * from './plugins/index.js';
 export * from './lib/index.js';
 export * from './getMDXOptions.js';
+export * from './astUtils.js';

package/dist/mdx/index.js

@@ -4,3 +4,4 @@ export * from './utils.js';
 export * from './plugins/index.js';
 export * from './lib/index.js';
 export * from './getMDXOptions.js';
+export * from './astUtils.js';

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-util-mdx").MdxJsxFlowElement | 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-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-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;

package/dist/mdx/remark.d.ts

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

package/dist/mdx/remark.js

@@ -3,6 +3,7 @@ import remarkFrontmatter from 'remark-frontmatter';
 import remarkGfm from 'remark-gfm';
 import remarkMath from 'remark-math';
 import remarkMdx from 'remark-mdx';
+import remarkStringify from 'remark-stringify';
 export const coreRemarkMdxPlugins = [
     remarkMdx,
     remarkGfm,
@@ -11,3 +12,4 @@ export const coreRemarkMdxPlugins = [
 ];
 export const coreRemark = remark().use(coreRemarkMdxPlugins).freeze();
 export const getAST = (str) => coreRemark().parse(str);
+export const stringifyTree = (tree) => coreRemark().use(remarkStringify).stringify(tree);

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

@@ -1,4 +1,2 @@
-export declare const findAndRemoveExports: (content: string) => Promise<{
-    exportMap: Record<string, string>;
-    content: string;
-}>;
+import type { Root } from 'mdast';
+export declare const findAndRemoveExports: (tree: Root) => Record<string, string>;

package/dist/mdx/snippets/findAndRemoveExports.js

@@ -1,32 +1,13 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { remark } from 'remark';
 import { remove } from 'unist-util-remove';
-import { getAST } from '../remark.js';
-import { coreRemarkMdxPlugins } from '../remark.js';
 import { getExportMapFromTree } from './getExportMap.js';
 import { nodeIncludesExport } from './nodeIncludesExport.js';
-export const findAndRemoveExports = (content) => __awaiter(void 0, void 0, void 0, function* () {
-    let exportMap = {};
-    const ast = getAST(content);
-    exportMap = getExportMapFromTree(ast);
-    const contentWithoutExports = yield remark()
-        .use(coreRemarkMdxPlugins)
-        .use(() => (tree) => {
-        remove(tree, (node) => {
-            if (!nodeIncludesExport(node))
-                return false;
-            node.value = '';
-            return true;
-        });
-    })
-        .process(content);
-    return { exportMap, content: String(contentWithoutExports) };
-});
+export const findAndRemoveExports = (tree) => {
+    const exportMap = getExportMapFromTree(tree);
+    remove(tree, (node) => {
+        if (!nodeIncludesExport(node))
+            return false;
+        node.value = '';
+        return true;
+    });
+    return exportMap;
+};

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

@@ -1,3 +1,4 @@
+import type { Root } from 'mdast';
 import type { FindAndRemoveImportsResponse } from '../../types/mdx/index.js';
 /**
   An import like "import {Chart} from './chart.mdx'" looks like this in the AST:
@@ -23,9 +24,9 @@ import type { FindAndRemoveImportsResponse } from '../../types/mdx/index.js';
       }
     }
   }
- * this function takes in a string finds and removes imports in it (by detecting the node with the above characteristics)
- * @param content mdx file content
- * @returns importPaths - an array of the imports
- * content - the mdx file content with stripped imports
+ * this function takes in a tree finds and removes imports in it (by detecting the node with the above characteristics)
+ * @param tree mdx file tree
+ * @returns importMap - an array of the imports
+ * tree - the mdx file tree with stripped imports
  */
-export declare const findAndRemoveImports: (content: string) => Promise<FindAndRemoveImportsResponse>;
+export declare const findAndRemoveImports: (tree: Root) => Promise<FindAndRemoveImportsResponse>;

package/dist/mdx/snippets/findAndRemoveImports.js

@@ -8,11 +8,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { jsx, toJs } from 'estree-util-to-js';
-import { remark } from 'remark';
 import { remove } from 'unist-util-remove';
 import { removePosition } from 'unist-util-remove-position';
 import { MdxImportSpecifier } from '../../types/mdx/index.js';
-import { coreRemarkMdxPlugins } from '../remark.js';
 import { isMdxJsEsm, estreeIsProgram, isImportDeclaration } from '../utils.js';
 /**
   An import like "import {Chart} from './chart.mdx'" looks like this in the AST:
@@ -38,58 +36,52 @@ import { isMdxJsEsm, estreeIsProgram, isImportDeclaration } from '../utils.js';
       }
     }
   }
- * this function takes in a string finds and removes imports in it (by detecting the node with the above characteristics)
- * @param content mdx file content
- * @returns importPaths - an array of the imports
- * content - the mdx file content with stripped imports
+ * this function takes in a tree finds and removes imports in it (by detecting the node with the above characteristics)
+ * @param tree mdx file tree
+ * @returns importMap - an array of the imports
+ * tree - the mdx file tree with stripped imports
  */
-export const findAndRemoveImports = (content) => __awaiter(void 0, void 0, void 0, function* () {
+export const findAndRemoveImports = (tree) => __awaiter(void 0, void 0, void 0, function* () {
     const importMap = {};
-    const strippedContent = yield remark()
-        .use(coreRemarkMdxPlugins)
-        .use(() => (tree) => {
-        remove(tree, (node) => {
-            var _a;
-            if (isMdxJsEsm(node) && estreeIsProgram(node)) {
-                const newBody = [];
-                for (const bodyChild of node.data.estree.body) {
-                    if (isImportDeclaration(bodyChild) && typeof bodyChild.source.value === 'string') {
-                        const importDeclaration = {
-                            source: bodyChild.source.value,
-                            specifiers: bodyChild.specifiers.map((specifier) => {
-                                const isRenamedImportSpecifier = specifier.type === 'ImportSpecifier' &&
-                                    specifier.imported.name != specifier.local.name;
-                                return Object.assign({ type: isRenamedImportSpecifier
-                                        ? MdxImportSpecifier.RenamedImportSpecifier
-                                        : specifier.type, name: isRenamedImportSpecifier ? specifier.imported.name : specifier.local.name }, (isRenamedImportSpecifier && {
-                                    renamedName: specifier.local.name,
-                                }));
-                            }),
-                        };
-                        if (importMap[importDeclaration.source] == undefined) {
-                            importMap[importDeclaration.source] = importDeclaration.specifiers;
-                        }
-                        else {
-                            (_a = importMap[importDeclaration.source]) === null || _a === void 0 ? void 0 : _a.push(...importDeclaration.specifiers);
-                        }
+    remove(tree, (node) => {
+        var _a;
+        if (isMdxJsEsm(node) && estreeIsProgram(node)) {
+            const newBody = [];
+            for (const bodyChild of node.data.estree.body) {
+                if (isImportDeclaration(bodyChild) && typeof bodyChild.source.value === 'string') {
+                    const importDeclaration = {
+                        source: bodyChild.source.value,
+                        specifiers: bodyChild.specifiers.map((specifier) => {
+                            const isRenamedImportSpecifier = specifier.type === 'ImportSpecifier' &&
+                                specifier.imported.name != specifier.local.name;
+                            return Object.assign({ type: isRenamedImportSpecifier
+                                    ? MdxImportSpecifier.RenamedImportSpecifier
+                                    : specifier.type, name: isRenamedImportSpecifier ? specifier.imported.name : specifier.local.name }, (isRenamedImportSpecifier && {
+                                renamedName: specifier.local.name,
+                            }));
+                        }),
+                    };
+                    if (importMap[importDeclaration.source] == undefined) {
+                        importMap[importDeclaration.source] = importDeclaration.specifiers;
                     }
                     else {
-                        newBody.push(bodyChild);
+                        (_a = importMap[importDeclaration.source]) === null || _a === void 0 ? void 0 : _a.push(...importDeclaration.specifiers);
                     }
                 }
-                if (newBody.length != 0) {
-                    node.data.estree.body = newBody;
-                    node.value = '';
-                    removePosition(node);
-                    const newValue = toJs(node.data.estree, { handlers: jsx }).value;
-                    node.value = newValue;
-                    return false;
+                else {
+                    newBody.push(bodyChild);
                 }
-                return true;
             }
-        });
-        return tree;
-    })
-        .process(content);
-    return { importMap, content: String(strippedContent) };
+            if (newBody.length != 0) {
+                node.data.estree.body = newBody;
+                node.value = '';
+                removePosition(node);
+                const newValue = toJs(node.data.estree, { handlers: jsx }).value;
+                node.value = newValue;
+                return false;
+            }
+            return true;
+        }
+    });
+    return { importMap, tree };
 });

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

@@ -3,5 +3,4 @@ import type { Root } from 'mdast';
  *
  * @returns map of export names and their content
  */
-export declare const getExportMap: (content: string) => Record<string, string>;
 export declare const getExportMapFromTree: (tree: Root) => Record<string, string>;

package/dist/mdx/snippets/getExportMap.js

@@ -1,39 +1,10 @@
 import { jsx, toJs } from 'estree-util-to-js';
 import { visit } from 'unist-util-visit';
-import { getAST } from '../remark.js';
 import { nodeIncludesExport } from './nodeIncludesExport.js';
 /**
  *
  * @returns map of export names and their content
  */
-export const getExportMap = (content) => {
-    const exportMap = {};
-    const ast = getAST(content);
-    visit(ast, (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.
-                const isolatedExport = structuredClone(node);
-                isolatedExport.data.estree.body = [bodyChild];
-                const value = toJs(isolatedExport.data.estree, { handlers: jsx }).value;
-                exportMap[declaration.id.name] = value;
-            }
-        }
-    });
-    return exportMap;
-};
 export const getExportMapFromTree = (tree) => {
     const exportMap = {};
     visit(tree, (node) => {

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

@@ -1,5 +1,6 @@
+import type { Root } from 'mdast';
 import type { FileType, FileWithImports } from '../../types/mdx/index.js';
 export declare const resolveAllImports: (params: {
     snippets: FileType[];
     fileWithImports: FileWithImports;
-}) => Promise<string>;
+}) => Promise<Root>;

package/dist/mdx/snippets/resolveAllImports.js

@@ -7,12 +7,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { getExportMap } from './getExportMap.js';
+import { getExportMapFromTree } from './getExportMap.js';
 import { resolveImport } from './resolveImport/index.js';
 export const resolveAllImports = (params) => __awaiter(void 0, void 0, void 0, function* () {
     const { snippets, fileWithImports } = params;
-    let content = fileWithImports.content;
-    const exportMap = getExportMap(content);
+    let ast = fileWithImports.tree;
+    const exportMap = getExportMapFromTree(ast);
     for (const source of Object.keys(fileWithImports.importMap)) {
         if (!source.startsWith('/snippets/')) {
             console.log(`Invalid import path ${source} in ${fileWithImports.filename}. Import source must start with "/snippets/".`);
@@ -28,11 +28,11 @@ export const resolveAllImports = (params) => __awaiter(void 0, void 0, void 0, f
             continue;
         for (const specifier of specifiers) {
             try {
-                yield resolveImport(specifier, content, importedSnippet.content, exportMap).then((contentWithResolvedImport) => {
-                    if (contentWithResolvedImport == undefined)
-                        throw new Error('Import failed to resolve');
-                    content = contentWithResolvedImport;
-                });
+                const contentWithResolvedImport = yield resolveImport(specifier, ast, importedSnippet.tree, exportMap);
+                if (contentWithResolvedImport == undefined) {
+                    throw new Error('Import failed to resolve');
+                }
+                ast = contentWithResolvedImport;
             }
             catch (err) {
                 console.log(`Error resolving import "${specifier.name}" in ${fileWithImports.filename}`);
@@ -40,5 +40,5 @@ export const resolveAllImports = (params) => __awaiter(void 0, void 0, void 0, f
             }
         }
     }
-    return content;
+    return ast;
 });

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

@@ -1,7 +1,8 @@
+import type { Root } from 'mdast';
 /**
  *
  * @param exportName the name of the export we want to find
- * @param content the content we are looking for the export in
+ * @param tree the content we are looking for the export in
  * @returns the export
  */
-export declare const findExport: (exportName: string, content: string, renamedExportName?: string) => string | undefined;
+export declare const findExport: (exportName: string, tree: Root, renamedExportName?: string) => string | undefined;

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

@@ -1,17 +1,15 @@
 import { jsx, toJs } from 'estree-util-to-js';
 import { visit, EXIT } from 'unist-util-visit';
-import { getAST } from '../../remark.js';
 import { nodeIncludesExport } from '../nodeIncludesExport.js';
 /**
  *
  * @param exportName the name of the export we want to find
- * @param content the content we are looking for the export in
+ * @param tree the content we are looking for the export in
  * @returns the export
  */
-export const findExport = (exportName, content, renamedExportName) => {
-    const ast = getAST(content);
+export const findExport = (exportName, tree, renamedExportName) => {
     let value = undefined;
-    visit(ast, nodeIncludesExport, (node) => {
+    visit(tree, nodeIncludesExport, (node) => {
         for (const bodyChild of node.data.estree.body) {
             if (bodyChild.type !== 'ExportNamedDeclaration' ||
                 bodyChild.declaration == null ||

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

@@ -1,3 +1,4 @@
+import { Root } from 'mdast';
 import type { ImportSpecifier } from '../../../types/mdx/snippets/import.js';
 /**
  *
@@ -6,4 +7,4 @@ import type { ImportSpecifier } from '../../../types/mdx/snippets/import.js';
  * @param importedFileContent The content of the file we are importing from
  * @returns
  */
-export declare const resolveImport: (importSpecifier: ImportSpecifier, destinationPageContent: string, importedFileContent: string, exportMap: Record<string, string>) => Promise<string | undefined>;
+export declare const resolveImport: (importSpecifier: ImportSpecifier, destinationPageContent: Root, importedFileContent: Root, exportMap: Record<string, string>) => Promise<Root | undefined>;

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

@@ -8,8 +8,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { MdxImportSpecifier } from '../../../types/mdx/snippets/import.js';
+import { getAST } from '../../remark.js';
 import { findExport } from './findExport.js';
-import { injectToTopOfFile } from './injectToTopOfFile.js';
+import { injectToTopOfFileOfTree } from './injectToTopOfFile.js';
 import { resolveComponentWithContent } from './resolveComponentWithContent.js';
 /**
  *
@@ -30,7 +31,8 @@ export const resolveImport = (importSpecifier, destinationPageContent, importedF
         if (exportContent == undefined)
             throw new Error(`Could not find export ${importSpecifier.name} in snippet`);
         // Inject "export const Component = `...`" into the top of the destination page
-        return injectToTopOfFile(destinationPageContent, exportContent);
+        injectToTopOfFileOfTree(destinationPageContent, getAST(exportContent).children);
+        return destinationPageContent;
     }
     else if ([
         MdxImportSpecifier.ImportDefaultSpecifier,

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

@@ -1,4 +1,12 @@
+import type { Root, RootContent } from 'mdast';
 /**
  * Injects content to the top of a file, but below the frontmatter
  */
 export declare const injectToTopOfFile: (content: string, contentToInject: string) => string;
+/**
+ * Injects nodes to the top of a MDX/Markdown AST (Root), but below the frontmatter (YAML node).
+ * Modifies the tree in place.
+ * @param tree The Root node of the document.
+ * @param nodesToInject An array of RootContent nodes to inject.
+ */
+export declare const injectToTopOfFileOfTree: (tree: Root, nodesToInject: RootContent[]) => void;

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

@@ -9,3 +9,20 @@ export const injectToTopOfFile = (content, contentToInject) => {
     const { data: frontmatterData, content: contentWithoutFrontmatter } = matter(content);
     return matter.stringify(`\n` + contentToInject + `\n` + contentWithoutFrontmatter, frontmatterData);
 };
+/**
+ * Injects nodes to the top of a MDX/Markdown AST (Root), but below the frontmatter (YAML node).
+ * Modifies the tree in place.
+ * @param tree The Root node of the document.
+ * @param nodesToInject An array of RootContent nodes to inject.
+ */
+export const injectToTopOfFileOfTree = (tree, nodesToInject) => {
+    const firstChild = tree.children[0];
+    if ((firstChild === null || firstChild === void 0 ? void 0 : firstChild.type) === 'yaml') {
+        // Insert after the frontmatter (yaml node)
+        tree.children.splice(1, 0, ...nodesToInject);
+    }
+    else {
+        // Insert at the very beginning
+        tree.children.unshift(...nodesToInject);
+    }
+};

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

@@ -1,7 +1,9 @@
+import type { Root } from 'mdast';
 /**
  *
- * @param content The content to inject into
+ * @param tree The tree to inject into
  * @param componentName The component name we are injecting into
- * @param contentToInject The content to inject in place of the component
+ * @param snippet The snippet to inject in place of the component
+ * @param exportMap The export map of the snippet
  */
-export declare const resolveComponentWithContent: (content: string, componentName: string, snippet: string, exportMap: Record<string, string>) => Promise<string>;
+export declare const resolveComponentWithContent: (tree: Root, componentName: string, snippet: Root, exportMap: Record<string, string>) => Promise<Root>;

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

@@ -8,40 +8,24 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { walk } from 'estree-walker';
-import matter from 'gray-matter';
-import { remark } from 'remark';
 import { visit } from 'unist-util-visit';
-import { coreRemarkMdxPlugins, getAST } from '../../remark.js';
+import { removeFrontmatterFromAST } from '../../astUtils.js';
+import { getAST } from '../../remark.js';
 import { createUniqueVariableName, isMdxJsxFlowElement } from '../../utils.js';
 import { findAndRemoveExports } from '../findAndRemoveExports.js';
-import { injectToTopOfFile } from './injectToTopOfFile.js';
+import { injectToTopOfFileOfTree } from './injectToTopOfFile.js';
 /**
  *
- * @param content The content to inject into
+ * @param tree The tree to inject into
  * @param componentName The component name we are injecting into
- * @param contentToInject The content to inject in place of the component
+ * @param snippet The snippet to inject in place of the component
+ * @param exportMap The export map of the snippet
  */
-export const resolveComponentWithContent = (content, componentName, snippet, exportMap) => __awaiter(void 0, void 0, void 0, function* () {
-    const { content: snippetWithoutFrontmatter } = matter(snippet);
-    const { exportMap: snippetExportMap, content: snippetWithoutExports } = yield findAndRemoveExports(snippetWithoutFrontmatter);
-    const snippetAST = getAST(snippetWithoutExports);
-    const convertedContent = yield remark()
-        .use(coreRemarkMdxPlugins)
-        .use(remarkMdxResolveComponentWithContent(snippetAST, componentName, exportMap, snippetExportMap))
-        .process(content);
-    const convertedContentStr = String(convertedContent);
-    return reinsertExports(convertedContentStr, exportMap, snippetExportMap);
-});
-/**
- * Everywhere where there is a component with the name `componentName`, replace it with the `treeToInject`.
- * New variables are also exported to be used for the variables. Additional mutations are made to support duplicated snippets
- *
- * This function is used to resolve default imports
- * @param treeToInject
- * @param componentName
- * @returns
- */
-const remarkMdxResolveComponentWithContent = (treeToInject, componentName, exportMap, snippetExportMap) => () => (tree) => {
+export const resolveComponentWithContent = (tree, componentName, snippet, exportMap) => __awaiter(void 0, void 0, void 0, function* () {
+    const clonedSnippet = structuredClone(snippet);
+    removeFrontmatterFromAST(clonedSnippet);
+    const snippetExportMap = findAndRemoveExports(clonedSnippet);
+    let treeToInject = clonedSnippet;
     visit(tree, isMdxJsxFlowElement, (node, i, parent) => {
         var _a;
         if (node.name === componentName && parent && i != null) {
@@ -54,7 +38,9 @@ const remarkMdxResolveComponentWithContent = (treeToInject, componentName, expor
             treeToInject = treeToInjectClone;
         }
     });
-};
+    reinsertExports(tree, exportMap, snippetExportMap);
+    return tree;
+});
 /**
  * Replace the variables with value provided from the props by defining the variable before the snippet
  * Also prevents duplicates by attaching a unique identifier to every variable (var to var_1)
@@ -112,12 +98,16 @@ const replaceVariablesWithProps = (node, treeToInject, exportMap, snippetExportM
     };
 };
 const reinsertExports = (content, exportMap, snippetExportMap) => {
+    const nodesToInject = [];
     for (const [key, value] of Object.entries(snippetExportMap)) {
         // TODO: handle duplicate exports
         if (exportMap[key] == undefined) {
-            content = injectToTopOfFile(content, value);
+            const exportAST = getAST(value);
+            nodesToInject.push(...exportAST.children);
             exportMap[key] = value;
         }
     }
-    return content;
+    if (nodesToInject.length > 0) {
+        injectToTopOfFileOfTree(content, nodesToInject);
+    }
 };