`babel-plugin-apply-mdx-type-prop`

Babel plugin that applies the mdxType prop which is used by the MDX pragma.

It also stores all components encountered as names in the plugin state.

Installation

yarn add babel-plugin-apply-mdx-type-prop

Usage

const babel = require('@babel/core')

const BabelPluginApplyMdxTypeProp = require('babel-plugin-apply-mdx-type-prop')

const jsx = `
export const Foo = () => (
  <div>
    <Button />
  </div>
)

export default () => (
  <>
    <h1>Hello!</h1>
    <TomatoBox />
  </>
)
`

const plugin = new BabelPluginApplyMdxTypeProp()

const result = babel.transform(jsx, {
  configFile: false,
  plugins: ['@babel/plugin-syntax-jsx', plugin.plugin]
})

console.log(result.code)
console.log(plugin.state.names)

Input

export const Foo = () => (
  <div>
    <Button />
  </div>
)

export default () => (
  <>
    <h1>Hello!</h1>
    <TomatoBox />
  </>
)

Output

export const Foo = () => (
  <div>
    <Button mdxType="Button" />
  </div>
)

export default () => (
  <>
    <h1>Hello!</h1>
    <TomatoBox mdxType="Button" />
  </>
)

License

MIT

Current Tags

1.6.13-ci.1 ... ci (5 years ago)
1.6.22 ... latest (5 years ago)
2.0.0-next.8 ... next (5 years ago)

10 Versions

2.0.0-next.8 ... 5 years ago
1.6.22 ... 5 years ago
1.6.15 ... 5 years ago
2.0.0-next.7 ... 5 years ago
1.6.13-ci.1 ... 5 years ago
1.6.16 ... 5 years ago
2.0.0-next.1 ... 5 years ago
1.5.8-ci.13 ... 5 years ago
1.6.5 ... 5 years ago
1.6.1 ... 5 years ago