Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

add .js extension to react runtime for JSX transform #12116

Merged
merged 1 commit into from Sep 30, 2020
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
Expand Up @@ -342,12 +342,12 @@ You can set \`throwIfNamespace: false\` to bypass this warning.`,
case "Fragment":
return `${source}/${
options.development ? "jsx-dev-runtime" : "jsx-runtime"
}`;
}.js`;
case "jsxDEV":
return `${source}/jsx-dev-runtime`;
return `${source}/jsx-dev-runtime.js`;
case "jsx":
case "jsxs":
return `${source}/jsx-runtime`;
return `${source}/jsx-runtime.js`;
case "createElement":
return source;
}
Expand Down
@@ -1,6 +1,6 @@
// empty

var _reactJsxDevRuntime = require("react/jsx-dev-runtime");
var _reactJsxDevRuntimeJs = require("react/jsx-dev-runtime.js");

/*#__PURE__*/
_reactJsxDevRuntime.jsxDEV("div", {}, void 0, false, void 0, this)
_reactJsxDevRuntimeJs.jsxDEV("div", {}, void 0, false, void 0, this)
@@ -1,6 +1,6 @@
import { createElement as _createElement } from "react";
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import { Fragment as _Fragment } from "react/jsx-dev-runtime";
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime.js";
import { Fragment as _Fragment } from "react/jsx-dev-runtime.js";
var _jsxFileName = "<CWD>/packages/babel-plugin-transform-react-jsx-development/test/fixtures/linux/auto-import-dev/input.js";

var x = /*#__PURE__*/_jsxDEV(_Fragment, {
Expand Down
@@ -1,9 +1,9 @@
var _reactJsxDevRuntime = require("react/jsx-dev-runtime");
var _reactJsxDevRuntimeJs = require("react/jsx-dev-runtime.js");

var _jsxFileName = "<CWD>/packages/babel-plugin-transform-react-jsx-development/test/fixtures/linux/fragments/input.js";

var x = /*#__PURE__*/_reactJsxDevRuntime.jsxDEV(_reactJsxDevRuntime.Fragment, {
children: /*#__PURE__*/_reactJsxDevRuntime.jsxDEV("div", {}, void 0, false, {
var x = /*#__PURE__*/_reactJsxDevRuntimeJs.jsxDEV(_reactJsxDevRuntimeJs.Fragment, {
children: /*#__PURE__*/_reactJsxDevRuntimeJs.jsxDEV("div", {}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 1,
columnNumber: 11
Expand Down
@@ -1,8 +1,8 @@
var _reactJsxDevRuntime = require("react/jsx-dev-runtime");
var _reactJsxDevRuntimeJs = require("react/jsx-dev-runtime.js");

var _jsxFileName = "<CWD>/packages/babel-plugin-transform-react-jsx-development/test/fixtures/linux/handle-fragments-with-key/input.js";

var x = /*#__PURE__*/_reactJsxDevRuntime.jsxDEV(React.Fragment, {}, "foo", false, {
var x = /*#__PURE__*/_reactJsxDevRuntimeJs.jsxDEV(React.Fragment, {}, "foo", false, {
fileName: _jsxFileName,
lineNumber: 1,
columnNumber: 9
Expand Down
@@ -1,13 +1,13 @@
var _reactJsxDevRuntime = require("react/jsx-dev-runtime");
var _reactJsxDevRuntimeJs = require("react/jsx-dev-runtime.js");

var _jsxFileName = "<CWD>/packages/babel-plugin-transform-react-jsx-development/test/fixtures/linux/handle-nonstatic-children/input.js";

var x = /*#__PURE__*/_reactJsxDevRuntime.jsxDEV("div", {
children: [/*#__PURE__*/_reactJsxDevRuntime.jsxDEV("span", {}, "0", false, {
var x = /*#__PURE__*/_reactJsxDevRuntimeJs.jsxDEV("div", {
children: [/*#__PURE__*/_reactJsxDevRuntimeJs.jsxDEV("span", {}, "0", false, {
fileName: _jsxFileName,
lineNumber: 1,
columnNumber: 16
}, this), /*#__PURE__*/_reactJsxDevRuntime.jsxDEV("span", {}, "1", false, {
}, this), /*#__PURE__*/_reactJsxDevRuntimeJs.jsxDEV("span", {}, "1", false, {
fileName: _jsxFileName,
lineNumber: 1,
columnNumber: 36
Expand Down
@@ -1,17 +1,17 @@
var _reactJsxDevRuntime = require("react/jsx-dev-runtime");
var _reactJsxDevRuntimeJs = require("react/jsx-dev-runtime.js");

var _jsxFileName = "<CWD>/packages/babel-plugin-transform-react-jsx-development/test/fixtures/linux/handle-static-children/input.js";

var x = /*#__PURE__*/_reactJsxDevRuntime.jsxDEV("div", {
children: [/*#__PURE__*/_reactJsxDevRuntime.jsxDEV("span", {}, void 0, false, {
var x = /*#__PURE__*/_reactJsxDevRuntimeJs.jsxDEV("div", {
children: [/*#__PURE__*/_reactJsxDevRuntimeJs.jsxDEV("span", {}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 3,
columnNumber: 5
}, this), [/*#__PURE__*/_reactJsxDevRuntime.jsxDEV("span", {}, "0", false, {
}, this), [/*#__PURE__*/_reactJsxDevRuntimeJs.jsxDEV("span", {}, "0", false, {
fileName: _jsxFileName,
lineNumber: 4,
columnNumber: 7
}, this), /*#__PURE__*/_reactJsxDevRuntime.jsxDEV("span", {}, "1", false, {
}, this), /*#__PURE__*/_reactJsxDevRuntimeJs.jsxDEV("span", {}, "1", false, {
fileName: _jsxFileName,
lineNumber: 4,
columnNumber: 27
Expand Down
@@ -1,4 +1,4 @@
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime.js";

var _jsxFileName = "<CWD>/packages/babel-plugin-transform-react-jsx-development/test/fixtures/linux/self-inside-arrow/input.mjs",
_this = this;
Expand Down
@@ -1,6 +1,6 @@
import { createElement as _createElement } from "react";
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import { Fragment as _Fragment } from "react/jsx-dev-runtime";
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime.js";
import { Fragment as _Fragment } from "react/jsx-dev-runtime.js";
var _jsxFileName = "<CWD>\\packages\\babel-plugin-transform-react-jsx-development\\test\\fixtures\\windows\\auto-import-dev-windows\\input.js";

var x = /*#__PURE__*/_jsxDEV(_Fragment, {
Expand Down
@@ -1,9 +1,9 @@
var _reactJsxDevRuntime = require("react/jsx-dev-runtime");
var _reactJsxDevRuntimeJs = require("react/jsx-dev-runtime.js");

var _jsxFileName = "<CWD>\\packages\\babel-plugin-transform-react-jsx-development\\test\\fixtures\\windows\\fragments-windows\\input.js";

var x = /*#__PURE__*/_reactJsxDevRuntime.jsxDEV(_reactJsxDevRuntime.Fragment, {
children: /*#__PURE__*/_reactJsxDevRuntime.jsxDEV("div", {}, void 0, false, {
var x = /*#__PURE__*/_reactJsxDevRuntimeJs.jsxDEV(_reactJsxDevRuntimeJs.Fragment, {
children: /*#__PURE__*/_reactJsxDevRuntimeJs.jsxDEV("div", {}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 1,
columnNumber: 11
Expand Down
@@ -1,8 +1,8 @@
var _reactJsxDevRuntime = require("react/jsx-dev-runtime");
var _reactJsxDevRuntimeJs = require("react/jsx-dev-runtime.js");

var _jsxFileName = "<CWD>\\packages\\babel-plugin-transform-react-jsx-development\\test\\fixtures\\windows\\handle-fragments-with-key-windows\\input.js";

var x = /*#__PURE__*/_reactJsxDevRuntime.jsxDEV(React.Fragment, {}, 'foo', false, {
var x = /*#__PURE__*/_reactJsxDevRuntimeJs.jsxDEV(React.Fragment, {}, 'foo', false, {
fileName: _jsxFileName,
lineNumber: 1,
columnNumber: 9
Expand Down
@@ -1,13 +1,13 @@
var _reactJsxDevRuntime = require("react/jsx-dev-runtime");
var _reactJsxDevRuntimeJs = require("react/jsx-dev-runtime.js");

var _jsxFileName = "<CWD>\\packages\\babel-plugin-transform-react-jsx-development\\test\\fixtures\\windows\\handle-nonstatic-children-windows\\input.js";

var x = /*#__PURE__*/_reactJsxDevRuntime.jsxDEV("div", {
children: [/*#__PURE__*/_reactJsxDevRuntime.jsxDEV("span", {}, '0', false, {
var x = /*#__PURE__*/_reactJsxDevRuntimeJs.jsxDEV("div", {
children: [/*#__PURE__*/_reactJsxDevRuntimeJs.jsxDEV("span", {}, '0', false, {
fileName: _jsxFileName,
lineNumber: 3,
columnNumber: 11
}, this), /*#__PURE__*/_reactJsxDevRuntime.jsxDEV("span", {}, '1', false, {
}, this), /*#__PURE__*/_reactJsxDevRuntimeJs.jsxDEV("span", {}, '1', false, {
fileName: _jsxFileName,
lineNumber: 3,
columnNumber: 31
Expand Down
@@ -1,17 +1,17 @@
var _reactJsxDevRuntime = require("react/jsx-dev-runtime");
var _reactJsxDevRuntimeJs = require("react/jsx-dev-runtime.js");

var _jsxFileName = "<CWD>\\packages\\babel-plugin-transform-react-jsx-development\\test\\fixtures\\windows\\handle-static-children-windows\\input.js";

var x = /*#__PURE__*/_reactJsxDevRuntime.jsxDEV("div", {
children: [/*#__PURE__*/_reactJsxDevRuntime.jsxDEV("span", {}, void 0, false, {
var x = /*#__PURE__*/_reactJsxDevRuntimeJs.jsxDEV("div", {
children: [/*#__PURE__*/_reactJsxDevRuntimeJs.jsxDEV("span", {}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 3,
columnNumber: 9
}, this), [/*#__PURE__*/_reactJsxDevRuntime.jsxDEV("span", {}, '0', false, {
}, this), [/*#__PURE__*/_reactJsxDevRuntimeJs.jsxDEV("span", {}, '0', false, {
fileName: _jsxFileName,
lineNumber: 4,
columnNumber: 11
}, this), /*#__PURE__*/_reactJsxDevRuntime.jsxDEV("span", {}, '1', false, {
}, this), /*#__PURE__*/_reactJsxDevRuntimeJs.jsxDEV("span", {}, '1', false, {
fileName: _jsxFileName,
lineNumber: 4,
columnNumber: 31
Expand Down
@@ -1,4 +1,4 @@
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime.js";

var _jsxFileName = "<CWD>\\packages\\babel-plugin-transform-react-jsx-development\\test\\fixtures\\windows\\self-inside-arrow-windows\\input.mjs",
_this = this;
Expand Down
@@ -1,7 +1,7 @@
import { createElement as _createElement } from "react";
import { jsxs as _jsxs } from "react/jsx-runtime";
import { jsx as _jsx } from "react/jsx-runtime";
import { Fragment as _Fragment } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime.js";
import { jsx as _jsx } from "react/jsx-runtime.js";
import { Fragment as _Fragment } from "react/jsx-runtime.js";

var x = /*#__PURE__*/_jsx(_Fragment, {
children: /*#__PURE__*/_jsxs("div", {
Expand Down
@@ -1,12 +1,12 @@
var _react = require("react");

var _reactJsxRuntime = require("react/jsx-runtime");
var _reactJsxRuntimeJs = require("react/jsx-runtime.js");

var x = /*#__PURE__*/_reactJsxRuntime.jsx(_reactJsxRuntime.Fragment, {
children: /*#__PURE__*/_reactJsxRuntime.jsxs("div", {
children: [/*#__PURE__*/_reactJsxRuntime.jsx("div", {}, "1"), /*#__PURE__*/_reactJsxRuntime.jsx("div", {
var x = /*#__PURE__*/_reactJsxRuntimeJs.jsx(_reactJsxRuntimeJs.Fragment, {
children: /*#__PURE__*/_reactJsxRuntimeJs.jsxs("div", {
children: [/*#__PURE__*/_reactJsxRuntimeJs.jsx("div", {}, "1"), /*#__PURE__*/_reactJsxRuntimeJs.jsx("div", {
meow: "wolf"
}, "2"), /*#__PURE__*/_reactJsxRuntime.jsx("div", {}, "3"), /*#__PURE__*/_react.createElement("div", { ...props,
}, "2"), /*#__PURE__*/_reactJsxRuntimeJs.jsx("div", {}, "3"), /*#__PURE__*/_react.createElement("div", { ...props,
key: "4"
})]
})
Expand Down
@@ -1,4 +1,4 @@
import { jsx as _jsx2 } from "react/jsx-runtime";
import { jsx as _jsx2 } from "react/jsx-runtime.js";

const Bar = () => {
const Foo = () => {
Expand Down
@@ -1,4 +1,4 @@
var _reactJsxRuntime = require("react/jsx-runtime");
var _reactJsxRuntimeJs = require("react/jsx-runtime.js");

const Bar = () => {
const Foo = () => {
Expand All @@ -15,11 +15,11 @@ const Bar = () => {

var jsx = 1;
var _jsx = 2;
return /*#__PURE__*/_reactJsxRuntime.jsx("div", {});
return /*#__PURE__*/_reactJsxRuntimeJs.jsx("div", {});
}

;
return /*#__PURE__*/_reactJsxRuntime.jsx("span", {});
return /*#__PURE__*/_reactJsxRuntimeJs.jsx("span", {});
};
};
};
@@ -1,4 +1,4 @@
import { jsx as _jsx } from "baz/jsx-runtime";
import { jsx as _jsx } from "baz/jsx-runtime.js";

/** @jsxImportSource baz */
var x = _jsx("div", {
Expand Down
@@ -1,4 +1,4 @@
import { jsx as _jsx } from "foo/jsx-runtime";
import { jsx as _jsx } from "foo/jsx-runtime.js";

var x = _jsx("div", {
children: _jsx("span", {})
Expand Down
@@ -1,6 +1,6 @@
import { createElement as _createElement } from "react";
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
import { jsx as _jsx } from "react/jsx-runtime.js";
import { jsxs as _jsxs } from "react/jsx-runtime.js";
import * as react from "react";
var y = react.createElement("div", {
foo: 1
Expand Down
@@ -1,4 +1,4 @@
import { jsx as _jsx } from "react/jsx-runtime";
import { jsx as _jsx } from "react/jsx-runtime.js";

/*#__PURE__*/
_jsx(Component, { ...props,
Expand Down
@@ -1,4 +1,4 @@
import { jsx as _jsx } from "react/jsx-runtime";
import { jsx as _jsx } from "react/jsx-runtime.js";

var foo = function () {
var _this = this;
Expand Down
@@ -1,4 +1,4 @@
import { jsx as _jsx } from "react/jsx-runtime";
import { jsx as _jsx } from "react/jsx-runtime.js";

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

var x = /*#__PURE__*/_jsxs("div", {
children: ["foo", "bar", "baz", /*#__PURE__*/_jsx("div", {
Expand Down
@@ -1,7 +1,7 @@
import { createElement as _createElement } from "react";
import { jsxs as _jsxs } from "react/jsx-runtime";
import { jsx as _jsx } from "react/jsx-runtime";
import { Fragment as _Fragment } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime.js";
import { jsx as _jsx } from "react/jsx-runtime.js";
import { Fragment as _Fragment } from "react/jsx-runtime.js";

var x = /*#__PURE__*/_jsx(_Fragment, {
children: /*#__PURE__*/_jsxs("div", {
Expand Down
@@ -1,4 +1,4 @@
import { jsxs as _jsxs } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime.js";

/*#__PURE__*/
_jsxs(Text, {
Expand Down
@@ -1,4 +1,4 @@
import { jsx as _jsx } from "react/jsx-runtime";
import { jsx as _jsx } from "react/jsx-runtime.js";
import * as React from "react";

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

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

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

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

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

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

var div = /*#__PURE__*/_jsx("div", {
children: "test"
Expand Down
@@ -1,4 +1,4 @@
import { jsx as _jsx } from "foo/jsx-runtime";
import { jsx as _jsx } from "foo/jsx-runtime.js";

/* @jsxImportSource foo*/
_jsx("div", {
Expand Down
@@ -1,4 +1,4 @@
import { jsx as _jsx } from "react/jsx-runtime";
import { jsx as _jsx } from "react/jsx-runtime.js";

var es3 = /*#__PURE__*/_jsx(F, {
aaa: true,
Expand Down
@@ -1,4 +1,4 @@
import { jsx as _jsx } from "react/jsx-runtime";
import { jsx as _jsx } from "react/jsx-runtime.js";

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

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

/*#__PURE__*/
_jsx("div", {
Expand Down
@@ -1,4 +1,4 @@
import { jsx as _jsx } from "react/jsx-runtime";
import { jsx as _jsx } from "react/jsx-runtime.js";

/*#__PURE__*/
_jsx(Namespace.Component, {});