[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-node/test/config.json

@@ -1,7 +1,7 @@
 {
   "presets": [
     "../../babel-preset-env",
-    ["../../babel-preset-react"]
+    ["../../babel-preset-react", { "runtime": "classic" }]
   ],
   "plugins": [
     "../../babel-plugin-transform-strict-mode",

packages/babel-plugin-transform-async-to-generator/test/fixtures/regression/7178/options.json

@@ -2,7 +2,7 @@
   "plugins": [
     "external-helpers",
     "transform-async-to-generator",
-    "transform-react-jsx",
+    ["transform-react-jsx", { "runtime": "classic" }],
     "transform-react-constant-elements"
   ]
 }

packages/babel-plugin-transform-block-scoping/test/fixtures/general/options.json

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

packages/babel-plugin-transform-classes/test/fixtures/regression/options.json

@@ -1,4 +1,7 @@
 {
   "plugins": ["external-helpers", "proposal-class-properties"],
-  "presets": [["env", { "targets": { "browsers": "ie 6" } }], "react"]
+  "presets": [
+    ["env", { "targets": { "browsers": "ie 6" } }],
+    ["react", { "runtime": "classic" }]
+  ]
 }

packages/babel-plugin-transform-function-name/test/fixtures/function-name/export-default-arrow-renaming-3/options.json

@@ -1,3 +1,6 @@
 {
-  "presets": [["env", { "targets": { "browsers": "ie 6" } }], "react"]
+  "presets": [
+    ["env", { "targets": { "browsers": "ie 6" } }],
+    ["react", { "runtime": "classic" }]
+  ]
 }

packages/babel-plugin-transform-react-constant-elements/test/fixtures/constant-elements/regression-node-type-export-default/options.json

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

packages/babel-plugin-transform-react-constant-elements/test/fixtures/constant-elements/regression-node-type-export/options.json

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

packages/babel-plugin-transform-react-inline-elements/test/fixtures/inline-elements/lowercase-member-expression/options.json

@@ -3,7 +3,7 @@
     "external-helpers",
     "syntax-jsx",
     "transform-react-inline-elements",
-    "transform-react-jsx",
+    ["transform-react-jsx", { "runtime": "classic" }],
     "transform-modules-commonjs"
   ]
 }

packages/babel-plugin-transform-react-inline-elements/test/fixtures/inline-elements/member-expression/options.json

@@ -3,7 +3,7 @@
     "external-helpers",
     "syntax-jsx",
     "transform-react-inline-elements",
-    "transform-react-jsx",
+    ["transform-react-jsx", { "runtime": "classic" }],
     "transform-modules-commonjs"
   ]
 }

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

@@ -3,6 +3,6 @@
     "external-helpers",
     "syntax-jsx",
     "transform-react-inline-elements",
-    "transform-react-jsx"
+    ["transform-react-jsx", { "runtime": "classic" }]
   ]
 }

packages/babel-plugin-transform-react-jsx/src/create-plugin.js

@@ -30,7 +30,11 @@ export default function createPlugin({ name, development }) {
       // TODO (Babel 8): It should throw if this option is used with the automatic runtime
       filter,
 
-      runtime: RUNTIME_DEFAULT = development ? "automatic" : "classic",
+      runtime: RUNTIME_DEFAULT = process.env.BABEL_8_BREAKING
+        ? "automatic"
+        : development
+        ? "automatic"
+        : "classic",
 
       importSource: IMPORT_SOURCE_DEFAULT = DEFAULT.importSource,
       pragma: PRAGMA_DEFAULT = DEFAULT.pragma,

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-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-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/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-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-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/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-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-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/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/runtime/defaults-to-classic/options.json → 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"
 }));