Add support for file argument in remark plugins for gatsby-plugin-mdx (…

…#21489)
gatsbyjs · Apr 21, 2020 · 67730fd · 67730fd
1 parent da535a8
commit 67730fd
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/packages/gatsby-plugin-mdx/gatsby/on-create-page.js b/packages/gatsby-plugin-mdx/gatsby/on-create-page.js
@@ -14,7 +14,10 @@ module.exports = async ({ page, actions }, pluginOptions) => {
   // we're trying to insert and if we don't check we can end up in infinite loops
   if (extensions.includes(ext) && !page.context.frontmatter) {
     const content = await fs.readFile(page.component, `utf8`)
-    const code = await mdx(content, options)
+    const code = await mdx(content, {
+      filepath: page.component,
+      ...options,
+    })
 
     // grab the exported frontmatter
     const { frontmatter } = extractExports(code)

diff --git a/packages/gatsby-plugin-mdx/gatsby/preprocess-source.js b/packages/gatsby-plugin-mdx/gatsby/preprocess-source.js
@@ -10,7 +10,10 @@ module.exports = async function preprocessSource(
   const ext = path.extname(filename)
 
   if (extensions.includes(ext)) {
-    const code = await mdx(contents, options)
+    const code = await mdx(contents, {
+      filepath: filename,
+      ...options,
+    })
     return code
   }
   return null

diff --git a/packages/gatsby-plugin-mdx/utils/gen-mdx.js b/packages/gatsby-plugin-mdx/utils/gen-mdx.js
@@ -122,6 +122,7 @@ export const _frontmatter = ${JSON.stringify(data)}`
 
   debug(`running mdx`)
   let code = await mdx(content, {
+    filepath: node.fileAbsolutePath,
     ...options,
     remarkPlugins: options.remarkPlugins.concat(
       gatsbyRemarkPluginsAsremarkPlugins