External react/jsx-runtime

rollup.config.js

@@ -9,59 +9,132 @@ const ProdReact = require("react/cjs/react.production.min.js");
 function createDevConfig(format) {
   const dir = format === "module" ? "esm" : format;
 
-  return {
-    input: `src/development.js`,
-    output: {
-      format,
-      file: `${dir}/react.development.js`,
-      sourcemap: true,
-      banner: `/* react@${DevReact.version} development version */`,
-      exports: "named",
+  return [
+    {
+      input: `src/development.js`,
+      output: {
+        format,
+        file: `${dir}/react@${DevReact.version}.development.js`,
+        sourcemap: true,
+        banner: `/* react@${DevReact.version} development version */`,
+        exports: "named",
+      },
+      plugins: [
+        commonjs(),
+        resolve(),
+        replace({
+          values: {
+            "process.env.NODE_ENV": '"development"',
+          },
+        }),
+      ],
+    },
+    {
+      input: `src/jsx-dev-runtime.development.js`,
+      output: {
+        format,
+        file: `${dir}/react/jsx-dev-runtime@${DevReact.version}.development.js`,
+        sourcemap: true,
+        banner: `/* react/jsx-dev-runtime@${DevReact.version} development version */`,
+        exports: "named",
+      },
+      plugins: [
+        commonjs(),
+        resolve(),
+        replace({
+          values: {
+            "process.env.NODE_ENV": '"development"',
+          },
+        }),
+      ],
+    },
+    {
+      input: `src/jsx-runtime.development.js`,
+      output: {
+        format,
+        file: `${dir}/react/jsx-runtime@${DevReact.version}.development.js`,
+        sourcemap: true,
+        banner: `/* react/jsx-runtime@${DevReact.version} development version */`,
+        exports: "named",
+      },
+      plugins: [
+        commonjs(),
+        resolve(),
+        replace({
+          values: {
+            "process.env.NODE_ENV": '"development"',
+          },
+        }),
+      ],
     },
-    plugins: [
-      commonjs(),
-      resolve(),
-      replace({
-        values: {
-          "process.env.NODE_ENV": '"development"',
-        },
-      }),
-    ],
-  };
+  ];
 }
 
 function createProdConfig(format) {
-  return {
-    input: `src/production.js`,
-    output: {
-      format,
-      file: `${format}/react.production.min.js`,
-      sourcemap: true,
-      banner: `/* react@${ProdReact.version} production version */`,
-      exports: "named",
+  return [
+    {
+      input: `src/production.js`,
+      output: {
+        format,
+        file: `${format}/react@${ProdReact.version}.production.min.js`,
+        sourcemap: true,
+        banner: `/* react@${ProdReact.version} production version */`,
+        exports: "named",
+      },
+      plugins: [
+        commonjs(),
+        resolve(),
+        replace({
+          values: {
+            "process.env.NODE_ENV": '"production"',
+          },
+        }),
+      ],
+    },
+    {
+      input: `src/jsx-dev-runtime.production.js`,
+      output: {
+        format,
+        file: `${format}/react/jsx-dev-runtime@${DevReact.version}.production.js`,
+        sourcemap: true,
+        banner: `/* react/jsx-dev-runtime@${DevReact.version} production version */`,
+        exports: "named",
+      },
+      plugins: [
+        commonjs(),
+        resolve(),
+        replace({
+          values: {
+            "process.env.NODE_ENV": '"production"',
+          },
+        }),
+      ],
     },
-    plugins: [
-      commonjs(),
-      resolve(),
-      replace({
-        values: {
-          "process.env.NODE_ENV": '"production"',
-        },
-      }),
-      terser({
-        output: {
-          comments(node, comment) {
-            return comment.value.trim().startsWith("react@");
+    {
+      input: `src/jsx-runtime.production.js`,
+      output: {
+        format,
+        file: `${format}/react/jsx-runtime@${DevReact.version}.production.js`,
+        sourcemap: true,
+        banner: `/* react/jsx-runtime@${DevReact.version} production version */`,
+        exports: "named",
+      },
+      plugins: [
+        commonjs(),
+        resolve(),
+        replace({
+          values: {
+            "process.env.NODE_ENV": '"production"',
           },
-        },
-      }),
-    ],
-  };
+        }),
+      ],
+    },
+  ];
 }
 
 export default [
-  createDevConfig("esm"),
-  createDevConfig("system"),
-  createProdConfig("esm"),
-  createProdConfig("system"),
+  ...createDevConfig("esm"),
+  ...createDevConfig("system"),
+  ...createProdConfig("esm"),
+  ...createProdConfig("system"),
 ];

src/jsx-dev-runtime.development.js

@@ -0,0 +1,11 @@
+import ReactJSXDev from "react/cjs/react-jsx-dev-runtime.development.js";
+import ReactJSX from "react/cjs/react-jsx-runtime.development.js";
+
+export default ReactJSXDev;
+
+if(!ReactJSXDev.jsx) ReactJSXDev.jsx = ReactJSX.jsx;
+if(!ReactJSXDev.jsxs) ReactJSXDev.jsxs = ReactJSX.jsxs;
+
+export const __esmModule = true;
+
+export const { Fragment, jsxDEV, jsx, jsxs } = ReactJSXDev;

src/jsx-dev-runtime.production.js

@@ -0,0 +1,11 @@
+import ReactJSXDev from "react/cjs/react-jsx-dev-runtime.production.min.js";
+import ReactJSX from "react/cjs/react-jsx-runtime.production.min.js";
+
+export default ReactJSXDev;
+
+export const __esmModule = true;
+
+if(!ReactJSXDev.jsx) ReactJSXDev.jsx = ReactJSX.jsx;
+if(!ReactJSXDev.jsxs) ReactJSXDev.jsxs = ReactJSX.jsxs;
+
+export const { Fragment, jsxDEV, jsx, jsxs } = ReactJSXDev;

src/jsx-runtime.development.js

@@ -0,0 +1,6 @@
+import ReactJSX from "react/cjs/react-jsx-runtime.development.js";
+
+export default ReactJSX;
+export const __esmModule = true;
+
+export const { Fragment, jsx, jsxs } = ReactJSX;

src/jsx-runtime.production.js

@@ -0,0 +1,6 @@
+import ReactJSX from "react/cjs/react-jsx-runtime.production.min.js";
+
+export default ReactJSX;
+export const __esmModule = true;
+
+export const { Fragment, jsx, jsxs } = ReactJSX;