Documenting Steps

visitor.ts

/** step:01 Start with the initial plugin. */
import jsx from '@babel/plugin-syntax-jsx'

export default () => {
  return {
    inherits: jsx,
    visitor: {
      /** step:02 Add visitor */
      Program() {
        this.tree = []
      },
      JSXElement(path) {
        this.tree.push({
          name: path.node.openingElement.name.name,
          start: path.node.start,
          end: path.node.end,
        })
      },
      /** step:02 */
    },
  }
}
/** step:01 */