fix: gatsby-plugin-mdx's findImports not running plugins (#26191)

Author: lucasterra

packages/gatsby-plugin-mdx/utils/__tests__/fixtures/test-plugin.js

@@ -0,0 +1,14 @@
+function createImportAST(name, filePath) {
+  return {
+    type: `import`,
+    value: `import ${name} from '${filePath}'`,
+  }
+}
+
+module.exports = ({ markdownAST }) => {
+  markdownAST.children = [
+    createImportAST(`* as testInjection`, `@private/test-inject`),
+    ...markdownAST.children,
+  ]
+  return markdownAST
+}

packages/gatsby-plugin-mdx/utils/__tests__/gen-mdx.js

@@ -0,0 +1,59 @@
+const path = require(`path`)
+const { findImports } = require(`../gen-mdx`)
+
+const markdownContent = `---
+title: Introduction
+---
+
+# Header 1
+## Header 2
+### Header 3
+
+\`\`\`js
+console.log('hello world')
+\`\`\`
+`
+
+describe(`find imports`, () => {
+  it(`allows injecting imports via plugins`, async () => {
+    const results = await findImports({
+      node: {
+        id: `bbffffbb-bfff-bfff-bfff-dededededede`,
+        children: [],
+        parent: `bbffffbb-bfff-bfff-bfff-dededededebb`,
+        internal: {
+          content: markdownContent,
+          type: `Mdx`,
+          contentDigest: `6433c536b5eb922ad01f8d420bcabf6d`,
+          counter: 38,
+          owner: `gatsby-plugin-mdx`,
+        },
+        frontmatter: { title: `Introduction` },
+        excerpt: undefined,
+        exports: {},
+        rawBody: markdownContent,
+        fileAbsolutePath: `/path/to/getting-started.mdx`,
+      },
+      options: {
+        remarkPlugins: [],
+        gatsbyRemarkPlugins: [
+          { resolve: path.join(__dirname, `fixtures`, `test-plugin`) },
+        ],
+      },
+      getNode: () => null,
+      getNodes: () => [],
+      getNodesByType: () => [],
+      repoter: () => {},
+      cache: () => {},
+      pathPrefix: ``,
+    })
+
+    expect(results).toEqual({
+      scopeImports: [
+        `import * as testInjection from '@private/test-inject'`,
+        `import * as React from 'react'`,
+      ],
+      scopeIdentifiers: [`testInjection`, `React`],
+    })
+  })
+})

packages/gatsby-plugin-mdx/utils/gen-mdx.js

@@ -242,7 +242,8 @@ async function findImportsExports({
     fileOpts.path = absolutePath
   }
 
-  const mdast = await compiler.parse(fileOpts)
+  let mdast = await compiler.parse(fileOpts)
+  mdast = await compiler.run(mdast)
 
   // Assuming valid code, identifiers must be unique (they are consts) so
   // we don't need to dedupe the symbols here.