cerxes/babel
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Mark transpiled JSX elements as pure (#11126)

Browse Source 
* Mark transpiled JSX elements as pure

* Avoid duble annotation

* Add "pure" option to the React preset

* Fix generator indentation

* Update tests

* Add tests for the "pure" option

* Update windows fixtures
This commit is contained in:
Nicolò Ribaudo
2020-03-19 15:43:54 +01:00
committed by GitHub
parent fa7ec81771
commit f3912ac08f
246 changed files with 613 additions and 314 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/babel-plugin-transform-react-jsx/src/transform-automatic.js
View File

@@ -4,6 +4,8 @@ import { declare } from "@babel/helper-plugin-utils";
import { types as t } from "@babel/core";
export default declare((api, options) => {
const PURE_ANNOTATION = options.pure;
const visitor = helper(api, {
pre(state) {
const tagName = state.tagName;
@@ -20,6 +22,9 @@ export default declare((api, options) => {
state.createElementCallee = pass.get(
"@babel/plugin-react-jsx/createElementIdentifier",
)();
state.pure =
PURE_ANNOTATION ?? !pass.get("@babel/plugin-react-jsx/pragmaSet");
} else {
state.jsxCallee = pass.get("@babel/plugin-react-jsx/jsxIdentifier")();
state.jsxStaticCallee = pass.get(
@@ -28,6 +33,10 @@ export default declare((api, options) => {
state.createElementCallee = pass.get(
"@babel/plugin-react-jsx/createElementIdentifier",
)();
state.pure =
PURE_ANNOTATION ??
!pass.get("@babel/plugin-react-jsx/importSourceSet");
}
},

19
packages/babel-plugin-transform-react-jsx/src/transform-classic.js
View File

@@ -3,12 +3,18 @@ import jsx from "@babel/plugin-syntax-jsx";
import helper from "@babel/helper-builder-react-jsx";
import { types as t } from "@babel/core";
const DEFAULT = {
pragma: "React.createElement",
pragmaFrag: "React.Fragment",
};
export default declare((api, options) => {
const THROW_IF_NAMESPACE =
options.throwIfNamespace === undefined ? true : !!options.throwIfNamespace;
const PRAGMA_DEFAULT = options.pragma || "React.createElement";
const PRAGMA_FRAG_DEFAULT = options.pragmaFrag || "React.Fragment";
const PRAGMA_DEFAULT = options.pragma || DEFAULT.pragma;
const PRAGMA_FRAG_DEFAULT = options.pragmaFrag || DEFAULT.pragmaFrag;
const PURE_ANNOTATION = options.pure;
const JSX_ANNOTATION_REGEX = /\*?\s*@jsx\s+([^\s]+)/;
const JSX_FRAG_ANNOTATION_REGEX = /\*?\s*@jsxFrag\s+([^\s]+)/;
@@ -35,6 +41,7 @@ export default declare((api, options) => {
post(state, pass) {
state.callee = pass.get("jsxIdentifier")();
state.pure = PURE_ANNOTATION ?? !pass.get("pragmaSet");
},
throwIfNamespace: THROW_IF_NAMESPACE,
@@ -46,20 +53,16 @@ export default declare((api, options) => {
let pragma = PRAGMA_DEFAULT;
let pragmaFrag = PRAGMA_FRAG_DEFAULT;
let pragmaSet = !!options.pragma;
let pragmaFragSet = !!options.pragmaFrag;
if (file.ast.comments) {
for (const comment of (file.ast.comments: Array<Object>)) {
const jsxMatches = JSX_ANNOTATION_REGEX.exec(comment.value);
if (jsxMatches) {
pragma = jsxMatches[1];
pragmaSet = true;
}
const jsxFragMatches = JSX_FRAG_ANNOTATION_REGEX.exec(comment.value);
if (jsxFragMatches) {
pragmaFrag = jsxFragMatches[1];
pragmaFragSet = true;
}
}
}
@@ -67,8 +70,8 @@ export default declare((api, options) => {
state.set("jsxIdentifier", createIdentifierParser(pragma));
state.set("jsxFragIdentifier", createIdentifierParser(pragmaFrag));
state.set("usedFragment", false);
state.set("pragmaSet", pragmaSet);
state.set("pragmaFragSet", pragmaFragSet);
state.set("pragmaSet", pragma !== DEFAULT.pragma);
state.set("pragmaFragSet", pragmaFrag !== DEFAULT.pragmaFrag);
},
exit(path, state) {
if (

8
packages/babel-plugin-transform-react-jsx/test/fixtures/nextAutoImport/auto-import-react-source-type-module/output.mjs vendored
View File

@@ -3,11 +3,11 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
import { jsx as _jsx } from "react/jsx-runtime";
import { Fragment as _Fragment } from "react/jsx-runtime";
var x = _jsx(_Fragment, {
children: _jsxs("div", {
children: [_jsx("div", {}, "1"), _jsx("div", {
var x = /*#__PURE__*/_jsx(_Fragment, {
children: /*#__PURE__*/_jsxs("div", {
children: [/*#__PURE__*/_jsx("div", {}, "1"), /*#__PURE__*/_jsx("div", {
meow: "wolf"
}, "2"), _jsx("div", {}, "3"), _createElement("div", { ...props,
}, "2"), /*#__PURE__*/_jsx("div", {}, "3"), /*#__PURE__*/_createElement("div", { ...props,
key: "4"
})]
})

8
packages/babel-plugin-transform-react-jsx/test/fixtures/nextAutoImport/auto-import-react-source-type-script/output.js vendored
View File

@@ -2,11 +2,11 @@ var _react = require("react");
var _reactJsxRuntime = require("react/jsx-runtime");
var x = _reactJsxRuntime.jsx(_reactJsxRuntime.Fragment, {
children: _reactJsxRuntime.jsxs("div", {
children: [_reactJsxRuntime.jsx("div", {}, "1"), _reactJsxRuntime.jsx("div", {
var x = /*#__PURE__*/_reactJsxRuntime.jsx(_reactJsxRuntime.Fragment, {
children: /*#__PURE__*/_reactJsxRuntime.jsxs("div", {
children: [/*#__PURE__*/_reactJsxRuntime.jsx("div", {}, "1"), /*#__PURE__*/_reactJsxRuntime.jsx("div", {
meow: "wolf"
}, "2"), _reactJsxRuntime.jsx("div", {}, "3"), _react.createElement("div", { ...props,
}, "2"), /*#__PURE__*/_reactJsxRuntime.jsx("div", {}, "3"), /*#__PURE__*/_react.createElement("div", { ...props,
key: "4"
})]
})

4
packages/babel-plugin-transform-react-jsx/test/fixtures/nextAutoImport/complicated-scope-module/output.mjs vendored
View File

@@ -15,11 +15,11 @@ const Bar = () => {
var jsx = 1;
var _jsx = 2;
return _jsx2("div", {});
return /*#__PURE__*/_jsx2("div", {});
}
;
return _jsx2("span", {});
return /*#__PURE__*/_jsx2("span", {});
};
};
};

4
packages/babel-plugin-transform-react-jsx/test/fixtures/nextAutoImport/complicated-scope-script/output.js vendored
View File

@@ -15,11 +15,11 @@ const Bar = () => {
var jsx = 1;
var _jsx = 2;
return _reactJsxRuntime.jsx("div", {});
return /*#__PURE__*/_reactJsxRuntime.jsx("div", {});
}
;
return _reactJsxRuntime.jsx("span", {});
return /*#__PURE__*/_reactJsxRuntime.jsx("span", {});
};
};
};

6
packages/babel-plugin-transform-react-jsx/test/fixtures/nextAutoImport/react-defined/output.mjs vendored
View File

@@ -6,10 +6,10 @@ var y = react.createElement("div", {
foo: 1
});
var x = _jsxs("div", {
children: [_jsx("div", {}, "1"), _jsx("div", {
var x = /*#__PURE__*/_jsxs("div", {
children: [/*#__PURE__*/_jsx("div", {}, "1"), /*#__PURE__*/_jsx("div", {
meow: "wolf"
}, "2"), _jsx("div", {}, "3"), _createElement("div", { ...props,
}, "2"), /*#__PURE__*/_jsx("div", {}, "3"), /*#__PURE__*/_createElement("div", { ...props,
key: "4"
})]
});

1
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/adds-appropriate-newlines-when-using-spread-attribute/output.mjs vendored
View File

@@ -1,5 +1,6 @@
import { jsx as _jsx } from "react/jsx-runtime";
/*#__PURE__*/
_jsx(Component, { ...props,
sound: "moo"
});

4
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/arrow-functions/output.mjs vendored
View File

@@ -4,7 +4,7 @@ var foo = function () {
var _this = this;
return function () {
return _jsx(_this, {});
return /*#__PURE__*/_jsx(_this, {});
};
};
@@ -12,6 +12,6 @@ var bar = function () {
var _this2 = this;
return function () {
return _jsx(_this2.foo, {});
return /*#__PURE__*/_jsx(_this2.foo, {});
};
};

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/assignment/output.mjs vendored
View File

@@ -1,5 +1,5 @@
import { jsx as _jsx } from "react/jsx-runtime";
var div = _jsx(Component, { ...props,
var div = /*#__PURE__*/_jsx(Component, { ...props,
foo: "bar"
});

4
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/concatenates-adjacent-string-literals/output.mjs vendored
View File

@@ -1,8 +1,8 @@
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var x = _jsxs("div", {
children: ["foo", "bar", "baz", _jsx("div", {
var x = /*#__PURE__*/_jsxs("div", {
children: ["foo", "bar", "baz", /*#__PURE__*/_jsx("div", {
children: "buz bang"
}), "qux", null, "quack"]
});

1
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/dont-coerce-expression-containers/output.mjs vendored
View File

@@ -1,5 +1,6 @@
import { jsxs as _jsxs } from "react/jsx-runtime";
/*#__PURE__*/
_jsxs(Text, {
children: ["To get started, edit index.ios.js!!!", "\n", "Press Cmd+R to reload"]
});

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/handle-fragments-with-key/output.mjs vendored
View File

@@ -1,4 +1,4 @@
import { jsx as _jsx } from "react/jsx-runtime";
import * as React from "react";
var x = _jsx(React.Fragment, {}, "foo");
var x = /*#__PURE__*/_jsx(React.Fragment, {}, "foo");

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/handle-fragments-with-no-children/output.mjs vendored
View File

@@ -1,4 +1,4 @@
import { jsx as _jsx } from "react/jsx-runtime";
import { Fragment as _Fragment } from "react/jsx-runtime";
var x = _jsx(_Fragment, {});
var x = /*#__PURE__*/_jsx(_Fragment, {});

4
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/handle-fragments/output.mjs vendored
View File

@@ -1,6 +1,6 @@
import { jsx as _jsx } from "react/jsx-runtime";
import { Fragment as _Fragment } from "react/jsx-runtime";
var x = _jsx(_Fragment, {
children: _jsx("div", {})
var x = /*#__PURE__*/_jsx(_Fragment, {
children: /*#__PURE__*/_jsx("div", {})
});

6
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/handle-nonstatic-children/output.mjs vendored
View File

@@ -1,5 +1,5 @@
import { jsx as _jsx } from "react/jsx-runtime";
var x = _jsx("div", {
children: [_jsx("span", {}, '0'), _jsx("span", {}, '1')]
});
var x = /*#__PURE__*/_jsx("div", {
children: [/*#__PURE__*/_jsx("span", {}, '0'), /*#__PURE__*/_jsx("span", {}, '1')]
});

6
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/handle-static-children/output.mjs vendored
View File

@@ -1,6 +1,6 @@
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var x = _jsxs("div", {
children: [_jsx("span", {}), [_jsx("span", {}, '0'), _jsx("span", {}, '1')]]
});
var x = /*#__PURE__*/_jsxs("div", {
children: [/*#__PURE__*/_jsx("span", {}), [/*#__PURE__*/_jsx("span", {}, '0'), /*#__PURE__*/_jsx("span", {}, '1')]]
});

9
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/honor-custom-jsx-comment/output.mjs vendored
View File

@@ -1,13 +1,14 @@
import { jsxs as _jsxs } from "react/jsx-runtime";
import { jsx as _jsx } from "react/jsx-runtime";
/*#__PURE__*/
_jsx(Foo, {});
var profile = _jsxs("div", {
children: [_jsx("img", {
var profile = /*#__PURE__*/_jsxs("div", {
children: [/*#__PURE__*/_jsx("img", {
src: "avatar.png",
className: "profile"
}), _jsx("h3", {
}), /*#__PURE__*/_jsx("h3", {
children: [user.firstName, user.lastName].join(" ")
})]
});
});

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/jsx-with-retainlines-option/output.mjs vendored
View File

@@ -1 +1 @@
import { jsx as _jsx } from "react/jsx-runtime";var div = _jsx("div", { children: "test" });
import { jsx as _jsx } from "react/jsx-runtime";var div = /*#__PURE__*/_jsx("div", { children: "test" });

4
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/jsx-without-retainlines-option/output.mjs vendored
View File

@@ -1,5 +1,5 @@
import { jsx as _jsx } from "react/jsx-runtime";
var div = _jsx("div", {
var div = /*#__PURE__*/_jsx("div", {
children: "test"
});
});

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/key-undefined-works/output.mjs vendored
View File

@@ -3,6 +3,6 @@ const props = {
foo: true
};
var x = _createElement("div", { ...props,
var x = /*#__PURE__*/_createElement("div", { ...props,
key: undefined
});

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/optimisation.react.constant-elements/output.mjs vendored
View File

@@ -1,4 +1,4 @@
var _ref = /*#__PURE__*/<div className="navbar-header">
var _ref = <div className="navbar-header">
<a className="navbar-brand" href="/">
<img src="/img/logo/logo-96x36.png" />
</a>

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-add-quotes-es3/output.mjs vendored
View File

@@ -1,6 +1,6 @@
import { jsx as _jsx } from "react/jsx-runtime";
var es3 = _jsx(F, {
var es3 = /*#__PURE__*/_jsx(F, {
aaa: true,
"new": true,
"const": true,

1
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-allow-constructor-as-prop/output.mjs vendored
View File

@@ -1,5 +1,6 @@
import { jsx as _jsx } from "react/jsx-runtime";
/*#__PURE__*/
_jsx(Component, {
constructor: "foo"
});

3
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-allow-deeper-js-namespacing/output.mjs vendored
View File

@@ -1,3 +1,4 @@
import { jsx as _jsx } from "react/jsx-runtime";
_jsx(Namespace.DeepNamespace.Component, {});
/*#__PURE__*/
_jsx(Namespace.DeepNamespace.Component, {});

3
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-allow-elements-as-attributes/output.mjs vendored
View File

@@ -1,5 +1,6 @@
import { jsx as _jsx } from "react/jsx-runtime";
/*#__PURE__*/
_jsx("div", {
attr: _jsx("div", {})
attr: /*#__PURE__*/_jsx("div", {})
});

3
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-allow-js-namespacing/output.mjs vendored
View File

@@ -1,3 +1,4 @@
import { jsx as _jsx } from "react/jsx-runtime";
_jsx(Namespace.Component, {});
/*#__PURE__*/
_jsx(Namespace.Component, {});

15
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-allow-nested-fragments/output.mjs vendored
View File

@@ -2,18 +2,19 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
import { Fragment as _Fragment } from "react/jsx-runtime";
import { jsx as _jsx } from "react/jsx-runtime";
/*#__PURE__*/
_jsx("div", {
children: _jsxs(_Fragment, {
children: [_jsxs(_Fragment, {
children: [_jsx("span", {
children: /*#__PURE__*/_jsxs(_Fragment, {
children: [/*#__PURE__*/_jsxs(_Fragment, {
children: [/*#__PURE__*/_jsx("span", {
children: "Hello"
}), _jsx("span", {
}), /*#__PURE__*/_jsx("span", {
children: "world"
})]
}), _jsxs(_Fragment, {
children: [_jsx("span", {
}), /*#__PURE__*/_jsxs(_Fragment, {
children: [/*#__PURE__*/_jsx("span", {
children: "Goodbye"
}), _jsx("span", {
}), /*#__PURE__*/_jsx("span", {
children: "world"
})]
})]

12
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-avoid-wrapping-in-extra-parens-if-not-needed/output.mjs vendored
View File

@@ -1,17 +1,17 @@
import { jsx as _jsx } from "react/jsx-runtime";
var x = _jsx("div", {
children: _jsx(Component, {})
var x = /*#__PURE__*/_jsx("div", {
children: /*#__PURE__*/_jsx(Component, {})
});
var x = _jsx("div", {
var x = /*#__PURE__*/_jsx("div", {
children: props.children
});
var x = _jsx(Composite, {
var x = /*#__PURE__*/_jsx(Composite, {
children: props.children
});
var x = _jsx(Composite, {
children: _jsx(Composite2, {})
var x = /*#__PURE__*/_jsx(Composite, {
children: /*#__PURE__*/_jsx(Composite2, {})
});

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-convert-simple-tags/output.mjs vendored
View File

@@ -1,3 +1,3 @@
import { jsx as _jsx } from "react/jsx-runtime";
var x = _jsx("div", {});
var x = /*#__PURE__*/_jsx("div", {});

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-convert-simple-text/output.mjs vendored
View File

@@ -1,5 +1,5 @@
import { jsx as _jsx } from "react/jsx-runtime";
var x = _jsx("div", {
var x = /*#__PURE__*/_jsx("div", {
children: "text"
});

3
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-escape-xhtml-jsxattribute/output.mjs vendored
View File

@@ -1,13 +1,16 @@
import { jsx as _jsx } from "react/jsx-runtime";
/*#__PURE__*/
_jsx("div", {
id: "w\xF4w"
});
/*#__PURE__*/
_jsx("div", {
id: "\\w"
});
/*#__PURE__*/
_jsx("div", {
id: "w < w"
});

9
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-escape-xhtml-jsxtext/output.mjs vendored
View File

@@ -1,38 +1,47 @@
import { jsxs as _jsxs } from "react/jsx-runtime";
import { jsx as _jsx } from "react/jsx-runtime";
/*#__PURE__*/
_jsx("div", {
children: "wow"
});
/*#__PURE__*/
_jsx("div", {
children: "w\xF4w"
});
/*#__PURE__*/
_jsx("div", {
children: "w & w"
});
/*#__PURE__*/
_jsx("div", {
children: "w & w"
});
/*#__PURE__*/
_jsx("div", {
children: "w \xA0 w"
});
/*#__PURE__*/
_jsx("div", {
children: "this should not parse as unicode: \\u00a0"
});
/*#__PURE__*/
_jsx("div", {
children: "this should parse as nbsp: \xA0 "
});
/*#__PURE__*/
_jsxs("div", {
children: ["this should parse as unicode: ", '\u00a0 ']
});
/*#__PURE__*/
_jsx("div", {
children: "w < w"
});

6
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-handle-attributed-elements/output.mjs vendored
View File

@@ -3,13 +3,13 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
var HelloMessage = React.createClass({
displayName: "HelloMessage",
render: function () {
return _jsxs("div", {
return /*#__PURE__*/_jsxs("div", {
children: ["Hello ", this.props.name]
});
}
});
React.render(_jsx(HelloMessage, {
name: _jsx("span", {
React.render( /*#__PURE__*/_jsx(HelloMessage, {
name: /*#__PURE__*/_jsx("span", {
children: "Sebastian"
})
}), mountNode);

1
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-handle-has-own-property-correctly/output.mjs vendored
View File

@@ -1,5 +1,6 @@
import { jsx as _jsx } from "react/jsx-runtime";
/*#__PURE__*/
_jsx("hasOwnProperty", {
children: "testing"
});

12
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-have-correct-comma-in-nested-children/output.mjs vendored
View File

@@ -1,10 +1,10 @@
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var x = _jsxs("div", {
children: [_jsx("div", {
children: _jsx("br", {})
}), _jsxs(Component, {
children: [foo, _jsx("br", {}), bar]
}), _jsx("br", {})]
var x = /*#__PURE__*/_jsxs("div", {
children: [/*#__PURE__*/_jsx("div", {
children: /*#__PURE__*/_jsx("br", {})
}), /*#__PURE__*/_jsxs(Component, {
children: [foo, /*#__PURE__*/_jsx("br", {}), bar]
}), /*#__PURE__*/_jsx("br", {})]
});

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-insert-commas-after-expressions-before-whitespace/output.mjs vendored
View File

@@ -1,6 +1,6 @@
import { jsx as _jsx } from "react/jsx-runtime";
var x = _jsx("div", {
var x = /*#__PURE__*/_jsx("div", {
attr1: "foo" + "bar",
attr2: "foo" + "bar" + "baz" + "bug",
attr3: "foo" + "bar" + "baz" + "bug",

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-not-add-quotes-to-identifier-names/output.mjs vendored
View File

@@ -1,6 +1,6 @@
import { jsx as _jsx } from "react/jsx-runtime";
var e = _jsx(F, {
var e = /*#__PURE__*/_jsx(F, {
aaa: true,
new: true,
const: true,

1
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-not-mangle-expressioncontainer-attribute-values/output.mjs vendored
View File

@@ -1,5 +1,6 @@
import { jsx as _jsx } from "react/jsx-runtime";
/*#__PURE__*/
_jsx("button", {
"data-value": "a value\n with\nnewlines\n and spaces",
children: "Button"

1
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-not-strip-nbsp-even-coupled-with-other-whitespace/output.mjs vendored
View File

@@ -1,5 +1,6 @@
import { jsx as _jsx } from "react/jsx-runtime";
/*#__PURE__*/
_jsx("div", {
children: "\xA0 "
});

1
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-not-strip-tags-with-a-single-child-of-nbsp/output.mjs vendored
View File

@@ -1,5 +1,6 @@
import { jsx as _jsx } from "react/jsx-runtime";
/*#__PURE__*/
_jsx("div", {
children: "\xA0"
});

4
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-properly-handle-comments-between-props/output.mjs vendored
View File

@@ -1,10 +1,10 @@
import { jsx as _jsx } from "react/jsx-runtime";
var x = _jsx("div", {
var x = /*#__PURE__*/_jsx("div", {
/* a multi-line
comment */
attr1: "foo",
children: _jsx("span", {
children: /*#__PURE__*/_jsx("span", {
// a double-slash comment
attr2: "bar"
})

8
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-properly-handle-keys/output.mjs vendored
View File

@@ -1,8 +1,8 @@
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var x = _jsxs("div", {
children: [_jsx("div", {}, "1"), _jsx("div", {
var x = /*#__PURE__*/_jsxs("div", {
children: [/*#__PURE__*/_jsx("div", {}, "1"), /*#__PURE__*/_jsx("div", {
meow: "wolf"
}, "2"), _jsx("div", {}, "3")]
});
}, "2"), /*#__PURE__*/_jsx("div", {}, "3")]
});

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-properly-handle-null-prop-spread/output.mjs vendored
View File

@@ -1,5 +1,5 @@
import { jsx as _jsx } from "react/jsx-runtime";
var foo = null;
var x = _jsx("div", { ...foo
var x = /*#__PURE__*/_jsx("div", { ...foo
});

1
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-quote-jsx-attributes/output.mjs vendored
View File

@@ -1,5 +1,6 @@
import { jsx as _jsx } from "react/jsx-runtime";
/*#__PURE__*/
_jsx("button", {
"data-value": "a value",
children: "Button"

1
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-support-xml-namespaces-if-flag/output.mjs vendored
View File

@@ -1,5 +1,6 @@
import { jsx as _jsx } from "react/jsx-runtime";
/*#__PURE__*/
_jsx("f:image", {
"n:attr": true
});

3
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-transform-known-hyphenated-tags/output.mjs vendored
View File

@@ -1,3 +1,4 @@
import { jsx as _jsx } from "react/jsx-runtime";
_jsx("font-face", {});
/*#__PURE__*/
_jsx("font-face", {});

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-use-createElement-when-key-comes-after-spread/output.mjs vendored
View File

@@ -1,6 +1,6 @@
import { createElement as _createElement } from "react";
var x = _createElement("div", { ...props,
var x = /*#__PURE__*/_createElement("div", { ...props,
key: "1",
foo: "bar"
});

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/should-use-jsx-when-key-comes-before-spread/output.mjs vendored
View File

@@ -1,5 +1,5 @@
import { jsx as _jsx } from "react/jsx-runtime";
var x = _jsx("div", { ...props,
var x = /*#__PURE__*/_jsx("div", { ...props,
foo: "bar"
}, "1");

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/this-tag-name/output.mjs vendored
View File

@@ -1,5 +1,5 @@
import { jsx as _jsx } from "react/jsx-runtime";
var div = _jsx(this.foo, {
var div = /*#__PURE__*/_jsx(this.foo, {
children: "test"
});

1
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/wraps-props-in-react-spread-for-last-spread-attributes/output.mjs vendored
View File

@@ -1,5 +1,6 @@
import { jsx as _jsx } from "react/jsx-runtime";
/*#__PURE__*/
_jsx(Component, {
y: 2,
z: true,

1
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReact/wraps-props-in-react-spread-for-middle-spread-attributes/output.mjs vendored
View File

@@ -1,5 +1,6 @@
import { jsx as _jsx } from "react/jsx-runtime";
/*#__PURE__*/
_jsx(Component, {
y: 2,
...x,

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/adds-appropriate-newlines-when-using-spread-attribute/output.js vendored
View File

@@ -1,4 +1,6 @@
/** @jsxRuntime classic */
/*#__PURE__*/
React.createElement(Component, { ...props,
sound: "moo"
});

4
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/arrow-functions/output.js vendored
View File

@@ -3,7 +3,7 @@ var foo = function () {
var _this = this;
return function () {
return React.createElement(_this, null);
return /*#__PURE__*/React.createElement(_this, null);
};
};
@@ -11,6 +11,6 @@ var bar = function () {
var _this2 = this;
return function () {
return React.createElement(_this2.foo, null);
return /*#__PURE__*/React.createElement(_this2.foo, null);
};
};

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/assignment/output.js vendored
View File

@@ -1,4 +1,4 @@
/** @jsxRuntime classic */
var div = React.createElement(Component, { ...props,
var div = /*#__PURE__*/React.createElement(Component, { ...props,
foo: "bar"
});

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/concatenates-adjacent-string-literals/output.js vendored
View File

@@ -1,2 +1,2 @@
/** @jsxRuntime classic */
var x = React.createElement("div", null, "foo", "bar", "baz", React.createElement("div", null, "buz bang"), "qux", null, "quack");
var x = /*#__PURE__*/React.createElement("div", null, "foo", "bar", "baz", /*#__PURE__*/React.createElement("div", null, "buz bang"), "qux", null, "quack");

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/dont-coerce-expression-containers/output.js vendored
View File

@@ -1,2 +1,4 @@
/** @jsxRuntime classic */
/*#__PURE__*/
React.createElement(Text, null, "To get started, edit index.ios.js!!!", "\n", "Press Cmd+R to reload");

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/jsx-with-retainlines-option/output.js vendored
View File

@@ -1,3 +1,3 @@
/** @jsxRuntime classic */
var div = React.createElement("div", null, "test");
var div = /*#__PURE__*/React.createElement("div", null, "test");

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/jsx-without-retainlines-option/output.js vendored
View File

@@ -1,2 +1,2 @@
/** @jsxRuntime classic */
var div = React.createElement("div", null, "test");
var div = /*#__PURE__*/React.createElement("div", null, "test");

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/should-add-quotes-es3/output.js vendored
View File

@@ -1,5 +1,5 @@
/** @jsxRuntime classic */
var es3 = React.createElement(F, {
var es3 = /*#__PURE__*/React.createElement(F, {
aaa: true,
"new": true,
"const": true,

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/should-allow-constructor-as-prop/output.js vendored
View File

@@ -1,4 +1,6 @@
/** @jsxRuntime classic */
/*#__PURE__*/
React.createElement(Component, {
constructor: "foo"
});

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/should-allow-deeper-js-namespacing/output.js vendored
View File

@@ -1,2 +1,4 @@
/** @jsxRuntime classic */
/*#__PURE__*/
React.createElement(Namespace.DeepNamespace.Component, null);

4
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/should-allow-elements-as-attributes/output.js vendored
View File

@@ -1,4 +1,6 @@
/** @jsxRuntime classic */
/*#__PURE__*/
React.createElement("div", {
attr: React.createElement("div", null)
attr: /*#__PURE__*/React.createElement("div", null)
});

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/should-allow-js-namespacing/output.js vendored
View File

@@ -1,2 +1,4 @@
/** @jsxRuntime classic */
/*#__PURE__*/
React.createElement(Namespace.Component, null);

4
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/should-allow-nested-fragments/output.js vendored
View File

@@ -1,2 +1,4 @@
/** @jsxRuntime classic */
React.createElement("div", null, React.createElement(React.Fragment, null, React.createElement(React.Fragment, null, React.createElement("span", null, "Hello"), React.createElement("span", null, "world")), React.createElement(React.Fragment, null, React.createElement("span", null, "Goodbye"), React.createElement("span", null, "world"))));
/*#__PURE__*/
React.createElement("div", null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, "Hello"), /*#__PURE__*/React.createElement("span", null, "world")), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, "Goodbye"), /*#__PURE__*/React.createElement("span", null, "world"))));

8
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/should-avoid-wrapping-in-extra-parens-if-not-needed/output.js vendored
View File

@@ -1,5 +1,5 @@
/** @jsxRuntime classic */
var x = React.createElement("div", null, React.createElement(Component, null));
var x = React.createElement("div", null, props.children);
var x = React.createElement(Composite, null, props.children);
var x = React.createElement(Composite, null, React.createElement(Composite2, null));
var x = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Component, null));
var x = /*#__PURE__*/React.createElement("div", null, props.children);
var x = /*#__PURE__*/React.createElement(Composite, null, props.children);
var x = /*#__PURE__*/React.createElement(Composite, null, /*#__PURE__*/React.createElement(Composite2, null));

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/should-convert-simple-tags/output.js vendored
View File

@@ -1,2 +1,2 @@
/** @jsxRuntime classic */
var x = React.createElement("div", null);
var x = /*#__PURE__*/React.createElement("div", null);

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/should-convert-simple-text/output.js vendored
View File

@@ -1,2 +1,2 @@
/** @jsxRuntime classic */
var x = React.createElement("div", null, "text");
var x = /*#__PURE__*/React.createElement("div", null, "text");

6
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/should-escape-xhtml-jsxattribute/output.js vendored
View File

@@ -1,10 +1,16 @@
/** @jsxRuntime classic */
/*#__PURE__*/
React.createElement("div", {
id: "w\xF4w"
});
/*#__PURE__*/
React.createElement("div", {
id: "\\w"
});
/*#__PURE__*/
React.createElement("div", {
id: "w < w"
});

18
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/should-escape-xhtml-jsxtext/output.js vendored
View File

@@ -1,10 +1,28 @@
/** @jsxRuntime classic */
/*#__PURE__*/
React.createElement("div", null, "wow");
/*#__PURE__*/
React.createElement("div", null, "w\xF4w");
/*#__PURE__*/
React.createElement("div", null, "w & w");
/*#__PURE__*/
React.createElement("div", null, "w & w");
/*#__PURE__*/
React.createElement("div", null, "w \xA0 w");
/*#__PURE__*/
React.createElement("div", null, "this should not parse as unicode: \\u00a0");
/*#__PURE__*/
React.createElement("div", null, "this should parse as nbsp: \xA0 ");
/*#__PURE__*/
React.createElement("div", null, "this should parse as unicode: ", '\u00a0 ');
/*#__PURE__*/
React.createElement("div", null, "w < w");

6
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/should-handle-attributed-elements/output.js vendored
View File

@@ -2,9 +2,9 @@
var HelloMessage = React.createClass({
displayName: "HelloMessage",
render: function () {
return React.createElement("div", null, "Hello ", this.props.name);
return /*#__PURE__*/React.createElement("div", null, "Hello ", this.props.name);
}
});
React.render(React.createElement(HelloMessage, {
name: React.createElement("span", null, "Sebastian")
React.render( /*#__PURE__*/React.createElement(HelloMessage, {
name: /*#__PURE__*/React.createElement("span", null, "Sebastian")
}), mountNode);

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/should-handle-has-own-property-correctly/output.js vendored
View File

@@ -1,2 +1,4 @@
/** @jsxRuntime classic */
/*#__PURE__*/
React.createElement("hasOwnProperty", null, "testing");

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/should-have-correct-comma-in-nested-children/output.js vendored
View File

@@ -1,2 +1,2 @@
/** @jsxRuntime classic */
var x = React.createElement("div", null, React.createElement("div", null, React.createElement("br", null)), React.createElement(Component, null, foo, React.createElement("br", null), bar), React.createElement("br", null));
var x = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("br", null)), /*#__PURE__*/React.createElement(Component, null, foo, /*#__PURE__*/React.createElement("br", null), bar), /*#__PURE__*/React.createElement("br", null));

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/should-insert-commas-after-expressions-before-whitespace/output.js vendored
View File

@@ -1,5 +1,5 @@
/** @jsxRuntime classic */
var x = React.createElement("div", {
var x = /*#__PURE__*/React.createElement("div", {
attr1: "foo" + "bar",
attr2: "foo" + "bar" + "baz" + "bug",
attr3: "foo" + "bar" + "baz" + "bug",

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/should-not-add-quotes-to-identifier-names/output.js vendored
View File

@@ -1,5 +1,5 @@
/** @jsxRuntime classic */
var e = React.createElement(F, {
var e = /*#__PURE__*/React.createElement(F, {
aaa: true,
new: true,
const: true,

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/should-not-mangle-expressioncontainer-attribute-values/output.js vendored
View File

@@ -1,4 +1,6 @@
/** @jsxRuntime classic */
/*#__PURE__*/
React.createElement("button", {
"data-value": "a value\n with\nnewlines\n and spaces"
}, "Button");

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/should-not-strip-nbsp-even-coupled-with-other-whitespace/output.js vendored
View File

@@ -1,2 +1,4 @@
/** @jsxRuntime classic */
/*#__PURE__*/
React.createElement("div", null, "\xA0 ");

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/should-not-strip-tags-with-a-single-child-of-nbsp/output.js vendored
View File

@@ -1,2 +1,4 @@
/** @jsxRuntime classic */
/*#__PURE__*/
React.createElement("div", null, "\xA0");

4
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/should-properly-handle-comments-between-props/output.js vendored
View File

@@ -1,9 +1,9 @@
/** @jsxRuntime classic */
var x = React.createElement("div", {
var x = /*#__PURE__*/React.createElement("div", {
/* a multi-line
comment */
attr1: "foo"
}, React.createElement("span", {
}, /*#__PURE__*/React.createElement("span", {
// a double-slash comment
attr2: "bar"
}));

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/should-quote-jsx-attributes/output.js vendored
View File

@@ -1,4 +1,6 @@
/** @jsxRuntime classic */
/*#__PURE__*/
React.createElement("button", {
"data-value": "a value"
}, "Button");

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/should-transform-known-hyphenated-tags/output.js vendored
View File

@@ -1,2 +1,4 @@
/** @jsxRuntime classic */
/*#__PURE__*/
React.createElement("font-face", null);

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/this-tag-name/output.js vendored
View File

@@ -1,2 +1,2 @@
/** @jsxRuntime classic */
var div = React.createElement(this.foo, null, "test");
var div = /*#__PURE__*/React.createElement(this.foo, null, "test");

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/wraps-props-in-react-spread-for-first-spread-attributes/output.js vendored
View File

@@ -1,4 +1,6 @@
/** @jsxRuntime classic */
/*#__PURE__*/
React.createElement(Component, { ...x,
y: 2,
z: true

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/wraps-props-in-react-spread-for-last-spread-attributes/output.js vendored
View File

@@ -1,4 +1,6 @@
/** @jsxRuntime classic */
/*#__PURE__*/
React.createElement(Component, {
y: 2,
z: true,

2
packages/babel-plugin-transform-react-jsx/test/fixtures/nextReactClassic/wraps-props-in-react-spread-for-middle-spread-attributes/output.js vendored
View File

@@ -1,4 +1,6 @@
/** @jsxRuntime classic */
/*#__PURE__*/
React.createElement(Component, {
y: 2,
...x,

1
packages/babel-plugin-transform-react-jsx/test/fixtures/pure/false-default-pragma/input.js vendored Normal file
View File

@@ -0,0 +1 @@
<div />;

5
packages/babel-plugin-transform-react-jsx/test/fixtures/pure/false-default-pragma/options.json vendored Normal file
View File

@@ -0,0 +1,5 @@
{
"plugins": [
["transform-react-jsx", { "pure": false }]
]
}

1
packages/babel-plugin-transform-react-jsx/test/fixtures/pure/false-default-pragma/output.js vendored Normal file
View File

@@ -0,0 +1 @@
React.createElement("div", null);

3
packages/babel-plugin-transform-react-jsx/test/fixtures/pure/false-pragma-comment/input.js vendored Normal file
View File

@@ -0,0 +1,3 @@
/* @jsx h */
<div />;

5
packages/babel-plugin-transform-react-jsx/test/fixtures/pure/false-pragma-comment/options.json vendored Normal file
View File

@@ -0,0 +1,5 @@
{
"plugins": [
["transform-react-jsx", { "pure": false }]
]
}

2
packages/babel-plugin-transform-react-jsx/test/fixtures/pure/false-pragma-comment/output.js vendored Normal file
View File

@@ -0,0 +1,2 @@
/* @jsx h */
h("div", null);

1
packages/babel-plugin-transform-react-jsx/test/fixtures/pure/false-pragma-option/input.js vendored Normal file
View File

@@ -0,0 +1 @@
<div />;

5
packages/babel-plugin-transform-react-jsx/test/fixtures/pure/false-pragma-option/options.json vendored Normal file
View File

@@ -0,0 +1,5 @@
{
"plugins": [
["transform-react-jsx", { "pragma": "h", "pure": false }]
]
}

1
packages/babel-plugin-transform-react-jsx/test/fixtures/pure/false-pragma-option/output.js vendored Normal file
View File

@@ -0,0 +1 @@
h("div", null);

1
packages/babel-plugin-transform-react-jsx/test/fixtures/pure/true-default-pragma/input.js vendored Normal file
View File

@@ -0,0 +1 @@
<div />;

5
packages/babel-plugin-transform-react-jsx/test/fixtures/pure/true-default-pragma/options.json vendored Normal file
View File

@@ -0,0 +1,5 @@
{
"plugins": [
["transform-react-jsx", { "pure": true }]
]
}

2
packages/babel-plugin-transform-react-jsx/test/fixtures/pure/true-default-pragma/output.js vendored Normal file
View File

@@ -0,0 +1,2 @@
/*#__PURE__*/
React.createElement("div", null);

3
packages/babel-plugin-transform-react-jsx/test/fixtures/pure/true-pragma-comment/input.js vendored Normal file
View File

@@ -0,0 +1,3 @@
/* @jsx h */
<div />;

5
packages/babel-plugin-transform-react-jsx/test/fixtures/pure/true-pragma-comment/options.json vendored Normal file
View File

@@ -0,0 +1,5 @@
{
"plugins": [
["transform-react-jsx", { "pure": true }]
]
}

4
packages/babel-plugin-transform-react-jsx/test/fixtures/pure/true-pragma-comment/output.js vendored Normal file
View File

@@ -0,0 +1,4 @@
/* @jsx h */
/*#__PURE__*/
h("div", null);

Some files were not shown because too many files have changed in this diff Show More