packages/babel-plugin-transform-react-jsx-self/src/index.js
/**
* This adds a __self={this} JSX attribute to all JSX elements, which React will use
* to generate some runtime warnings.
*
*
* == JSX Literals ==
*
* <sometag />
*
* becomes:
*
* <sometag __self={this} />
*/
import { declare } from "@babel/helper-plugin-utils";
import { types as t } from "@babel/core";
const TRACE_ID = "__self";
export default declare(api => {
api.assertVersion(7);
const visitor = {
JSXOpeningElement({ node }) {
const id = t.jsxIdentifier(TRACE_ID);
const trace = t.thisExpression();
node.attributes.push(t.jsxAttribute(id, t.jsxExpressionContainer(trace)));
},
};
return {
name: "transform-react-jsx-self",
visitor: {
Program(path) {
path.traverse(visitor);
},
},
};
});