JSX pragma revert (#6195)
* Removed the deprecated jsx pragma detection code and the concerned tests that included jsx-pragma * Removed extra tests * Restored packages/babel-plugin-transform-react-jsx/test/fixtures/react/honor-custom-jsx-pragma-option/ * Added JSX_ANNOTATION_REGEX * Reverted the tests for jsx-pragma-options and removed those which throw deprecated message
This commit is contained in:
parent
d6ba4d0a24
commit
3a2b7fe3cd
@ -2,6 +2,8 @@ import jsx from "babel-plugin-syntax-jsx";
|
|||||||
import helper from "babel-helper-builder-react-jsx";
|
import helper from "babel-helper-builder-react-jsx";
|
||||||
|
|
||||||
export default function({ types: t }) {
|
export default function({ types: t }) {
|
||||||
|
const JSX_ANNOTATION_REGEX = /\*?\s*@jsx\s+([^\s]+)/;
|
||||||
|
|
||||||
const visitor = helper({
|
const visitor = helper({
|
||||||
pre(state) {
|
pre(state) {
|
||||||
const tagName = state.tagName;
|
const tagName = state.tagName;
|
||||||
@ -19,7 +21,16 @@ export default function({ types: t }) {
|
|||||||
});
|
});
|
||||||
|
|
||||||
visitor.Program = function(path, state) {
|
visitor.Program = function(path, state) {
|
||||||
const id = state.opts.pragma || "React.createElement";
|
const { file } = state;
|
||||||
|
let id = state.opts.pragma || "React.createElement";
|
||||||
|
|
||||||
|
for (const comment of (file.ast.comments: Array<Object>)) {
|
||||||
|
const matches = JSX_ANNOTATION_REGEX.exec(comment.value);
|
||||||
|
if (matches) {
|
||||||
|
id = matches[1];
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
state.set("jsxIdentifier", () =>
|
state.set("jsxIdentifier", () =>
|
||||||
id
|
id
|
||||||
|
|||||||
@ -0,0 +1,8 @@
|
|||||||
|
/** @jsx dom */
|
||||||
|
|
||||||
|
<Foo></Foo>;
|
||||||
|
|
||||||
|
var profile = <div>
|
||||||
|
<img src="avatar.png" className="profile" />
|
||||||
|
<h3>{[user.firstName, user.lastName].join(" ")}</h3>
|
||||||
|
</div>;
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
/** @jsx dom */
|
||||||
|
dom(Foo, null);
|
||||||
|
var profile = dom("div", null, dom("img", {
|
||||||
|
src: "avatar.png",
|
||||||
|
className: "profile"
|
||||||
|
}), dom("h3", null, [user.firstName, user.lastName].join(" ")));
|
||||||
@ -0,0 +1,5 @@
|
|||||||
|
{
|
||||||
|
"plugins": [
|
||||||
|
["transform-react-jsx", {"pragma": "foo.bar"}]
|
||||||
|
]
|
||||||
|
}
|
||||||
@ -0,0 +1,8 @@
|
|||||||
|
/** @jsx dom */
|
||||||
|
|
||||||
|
<Foo></Foo>;
|
||||||
|
|
||||||
|
var profile = <div>
|
||||||
|
<img src="avatar.png" className="profile" />
|
||||||
|
<h3>{[user.firstName, user.lastName].join(" ")}</h3>
|
||||||
|
</div>;
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
/** @jsx dom */
|
||||||
|
dom(Foo, null);
|
||||||
|
var profile = dom("div", null, dom("img", {
|
||||||
|
src: "avatar.png",
|
||||||
|
className: "profile"
|
||||||
|
}), dom("h3", null, [user.firstName, user.lastName].join(" ")));
|
||||||
Loading…
x
Reference in New Issue
Block a user