next-mdx-remote/babel-plugin-mdx-browser.js

utilities for loading mdx from any remote source as data, rather than as a local import

module.exports = function BabelPluginMdxBrowser() {
  return {
    visitor: {
      // remove all imports, we will add these to scope manually
      ImportDeclaration(path) {
        path.remove()
      },
      // the `makeShortcode` template is nice for error handling but we
      // don't need it here as we are manually injecting dependencies
      VariableDeclaration(path) {
        // this removes the `makeShortcode` function
        if (path.node.declarations[0].id.name === 'makeShortcode') {
          path.remove()
        }

        // this removes any variable that is set using the `makeShortcode` function
        if (
          path.node &&
          path.node.declarations &&
          path.node.declarations[0] &&
          path.node.declarations[0].init &&
          path.node.declarations[0].init.callee &&
          path.node.declarations[0].init.callee.name === 'makeShortcode'
        ) {
          path.remove()
        }
      },
    },
  }
}