babel-plugin-transform-react-jsx-source

Add a __source prop to all JSX Elements

Usage no npm install needed!

<script type="module">
  import babelPluginTransformReactJsxSource from 'https://cdn.skypack.dev/babel-plugin-transform-react-jsx-source';
</script>

README

babel-plugin-transform-react-jsx-source

Adds source file and line number to JSX elements.

Example

In

<sometag />

Out

<sometag __source={{fileName: 'this/file.js', lineNumber: 10}}/>

Installation

$ npm install babel-plugin-transform-react-jsx-source

Usage

Via .babelrc (Recommended)

.babelrc

{
  "plugins": ["transform-react-jsx-source"]
}

Via CLI

$ babel --plugins transform-react-jsx-source script.js

Via Node API

require("babel-core").transform("code", {
  plugins: ["transform-react-jsx-source"]
});