[babel 8] Use the JSX automatic runtime by default (#12630)

Co-authored-by: Nicolò Ribaudo <nicolo.ribaudo@gmail.com>
Co-authored-by: Arun Kumar Mohan <arunmohandm@gmail.com>

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/false-default-pragma-automatic-runtime/options.json

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/false-default-pragma-automatic-runtime/output.js

@@ -0,0 +1,3 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+
+_reactJsxRuntime.jsx("div", {});

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/false-default-pragma-classic-runtime/options.json

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/false-default-pragma/options.json

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/false-pragma-comment-automatic-runtime/options.json

@@ -0,0 +1,6 @@
+{
+  "plugins": [
+    ["transform-react-jsx", { "pure": false, "runtime": "automatic" }]
+  ],
+  "throws": "pragma and pragmaFrag cannot be set when runtime is automatic"
+}

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/false-pragma-comment-classic-runtime/options.json

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/false-pragma-comment/options.json

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/false-pragma-option-automatic-runtime/options.json

@@ -0,0 +1,6 @@
+{
+  "plugins": [
+    ["transform-react-jsx", { "pragma": "h", "pure": false, "runtime": "automatic" }]
+  ],
+  "throws": "pragma and pragmaFrag cannot be set when runtime is automatic."
+}

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/false-pragma-option-classic-runtime/options.json

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/false-pragma-option/options.json

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/true-default-pragma-automatic-runtime/options.json

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/true-default-pragma-automatic-runtime/output.js

@@ -0,0 +1,4 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+
+/*#__PURE__*/
+_reactJsxRuntime.jsx("div", {});

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/true-default-pragma-classic-runtime/options.json

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/true-default-pragma/options.json

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/true-pragma-comment-automatic-runtime/options.json

@@ -0,0 +1,6 @@
+{
+  "plugins": [
+    ["transform-react-jsx", { "pure": true, "runtime": "automatic" }]
+  ],
+  "throws": "pragma and pragmaFrag cannot be set when runtime is automatic"
+}

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/true-pragma-comment-classic-runtime/input.js

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/true-pragma-comment-classic-runtime/options.json

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/true-pragma-comment/options.json

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/true-pragma-option-automatic-runtime/input.js

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/true-pragma-option-automatic-runtime/options.json

@@ -0,0 +1,6 @@
+{
+  "plugins": [
+    ["transform-react-jsx", { "pragma": "h", "pure": true, "runtime": "automatic" }]
+  ],
+  "throws": "pragma and pragmaFrag cannot be set when runtime is automatic."
+}

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/true-pragma-option-classic-runtime/input.js

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/true-pragma-option-classic-runtime/options.json

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/true-pragma-option/options.json

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/unset-default-pragma-automatic-runtime/input.js

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/unset-default-pragma-automatic-runtime/options.json

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/unset-default-pragma-automatic-runtime/output.js

@@ -0,0 +1,4 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+
+/*#__PURE__*/
+_reactJsxRuntime.jsx("div", {});

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/unset-default-pragma-classic-runtime/input.js

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/unset-default-pragma-classic-runtime/options.json

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/unset-default-pragma/options.json

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/unset-pragma-comment-automatic-runtime/input.js

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/unset-pragma-comment-automatic-runtime/options.json

@@ -0,0 +1,6 @@
+{
+  "plugins": [
+    ["transform-react-jsx", { "runtime": "automatic" }]
+  ],
+  "throws": "pragma and pragmaFrag cannot be set when runtime is automatic"
+}

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/unset-pragma-comment-classic-runtime/input.js

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/unset-pragma-comment-classic-runtime/options.json

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/unset-pragma-comment/options.json

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/unset-pragma-option-automatic-runtime/input.js

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/unset-pragma-option-automatic-runtime/options.json

@@ -0,0 +1,6 @@
+{
+  "plugins": [
+    ["transform-react-jsx", { "pragma": "h", "runtime": "automatic"  }]
+  ],
+  "throws": "pragma and pragmaFrag cannot be set when runtime is automatic."
+}

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/unset-pragma-option-classic-runtime/input.js

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/unset-pragma-option-classic-runtime/options.json

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

packages/babel-plugin-transform-react-jsx/test/fixtures/pure/unset-pragma-option/options.json

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

packages/babel-plugin-transform-react-jsx/test/fixtures/react/honor-custom-jsx-comment-if-jsx-pragma-option-set/options.json

@@ -1,3 +1,3 @@
 {
-  "plugins": [["transform-react-jsx", { "pragma": "foo.bar" }]]
+  "plugins": [["transform-react-jsx", { "pragma": "foo.bar", "runtime": "classic" }]]
 }

packages/babel-plugin-transform-react-jsx/test/fixtures/react/honor-custom-jsx-pragma-option/options.json

@@ -1,3 +1,3 @@
 {
-  "plugins": [["transform-react-jsx", { "pragma": "dom" }]]
+  "plugins": [["transform-react-jsx", { "pragma": "dom", "runtime": "classic" }]]
 }

packages/babel-plugin-transform-react-jsx/test/fixtures/react/options.json

@@ -2,7 +2,7 @@
   "plugins": [
     "external-helpers",
     "syntax-jsx",
-    "transform-react-jsx",
+    ["transform-react-jsx", { "runtime": "classic" }],
     "transform-arrow-functions"
   ]
 }

packages/babel-plugin-transform-react-jsx/test/fixtures/react/should-add-quotes-es3/options.json

@@ -1,3 +1,6 @@
 {
-  "plugins": ["transform-react-jsx", "transform-property-literals"]
+  "plugins": [
+    ["transform-react-jsx", { "runtime": "classic" }],
+    "transform-property-literals"
+  ]
 }

packages/babel-plugin-transform-react-jsx/test/fixtures/react/should-support-xml-namespaces-if-flag/options.json

@@ -4,6 +4,7 @@
       "transform-react-jsx",
       {
         "pragma": "h",
+        "runtime": "classic",
         "throwIfNamespace": false
       }
     ]

packages/babel-plugin-transform-react-jsx/test/fixtures/react/should-throw-error-namespaces-if-not-flag/options.json

@@ -4,6 +4,7 @@
       "transform-react-jsx",
       {
         "pragma": "h",
+        "runtime": "classic",
         "throwIfNamespace": true
       }
     ]

packages/babel-plugin-transform-react-jsx/test/fixtures/regression/pragma-frag-set-default-classic-runtime/options.json

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

packages/babel-plugin-transform-react-jsx/test/fixtures/regression/pragma-frag-set-default/options.json

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

packages/babel-plugin-transform-react-jsx/test/fixtures/runtime/defaults-to-automatic/options.json

@@ -1,3 +1,4 @@
 {
+  "BABEL_8_BREAKING": true,
   "plugins": ["transform-react-jsx"]
 }

packages/babel-plugin-transform-react-jsx/test/fixtures/runtime/defaults-to-automatic/output.js

@@ -0,0 +1,5 @@
+var _reactJsxRuntime = require("react/jsx-runtime");
+
+var x = /*#__PURE__*/_reactJsxRuntime.jsx("div", {
+  children: /*#__PURE__*/_reactJsxRuntime.jsx("span", {})
+});

packages/babel-plugin-transform-react-jsx/test/fixtures/runtime/defaults-to-classis-babel-7/input.js

@@ -0,0 +1 @@
+var x = (<div><span /></div>);

packages/babel-plugin-transform-react-jsx/test/fixtures/runtime/defaults-to-classis-babel-7/options.json

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

packages/babel-plugin-transform-react-jsx/test/fixtures/spread-transform/transform-to-babel-extend/options.json

@@ -1,6 +1,7 @@
 {
-  "plugins": ["transform-react-jsx", ["proposal-object-rest-spread", {
-    "loose": true,
-    "useBuiltIns": false
-  }], "external-helpers"]
+  "plugins": [
+    ["transform-react-jsx", { "runtime": "classic" }],
+    ["proposal-object-rest-spread", { "loose": true, "useBuiltIns": false }],
+    "external-helpers"
+  ]
 }

packages/babel-plugin-transform-react-jsx/test/fixtures/spread-transform/transform-to-object-assign/output.js

@@ -1,3 +1,5 @@
-var div = /*#__PURE__*/React.createElement(Component, Object.assign({}, props, {
+var _reactJsxRuntime = require("react/jsx-runtime");
+
+var div = /*#__PURE__*/_reactJsxRuntime.jsx(Component, Object.assign({}, props, {
   foo: "bar"
 }));