@vitejs/plugin-react 2.0.0-alpha.3 → 2.0.0-beta.0

package/dist/index.cjs

@@ -1,11 +1,10 @@
 'use strict';
 
-const path = require('path');
+const path = require('node:path');
 const babel = require('@babel/core');
-const pluginutils = require('@rollup/pluginutils');
 const vite = require('vite');
-const fs = require('fs');
-const module$1 = require('module');
+const fs = require('node:fs');
+const node_module = require('node:module');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
 
@@ -26,7 +25,7 @@ const babel__namespace = /*#__PURE__*/_interopNamespace(babel);
 const fs__default = /*#__PURE__*/_interopDefaultLegacy(fs);
 
 const runtimePublicPath = "/@react-refresh";
-const _require = module$1.createRequire((typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('index.cjs', document.baseURI).href)));
+const _require = node_module.createRequire((typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('index.cjs', document.baseURI).href)));
 const reactRefreshDir = path__default.dirname(_require.resolve("react-refresh/package.json"));
 const runtimeFilePath = path__default.join(reactRefreshDir, "cjs/react-refresh-runtime.development.js");
 const runtimeCode = `
@@ -185,9 +184,9 @@ function parseReactAlias(code) {
 }
 
 function viteReact(opts = {}) {
-  let base = "/";
+  let devBase = "/";
   let resolvedCacheDir;
-  let filter = pluginutils.createFilter(opts.include, opts.exclude);
+  let filter = vite.createFilter(opts.include, opts.exclude);
   let isProduction = true;
   let projectRoot = process.cwd();
   let skipFastRefresh = opts.fastRefresh === false;
@@ -200,11 +199,22 @@ function viteReact(opts = {}) {
   const viteBabel = {
     name: "vite:react-babel",
     enforce: "pre",
+    config() {
+      if (opts.jsxRuntime === "classic") {
+        return {
+          esbuild: {
+            logOverride: {
+              "this-is-undefined-in-esm": "silent"
+            }
+          }
+        };
+      }
+    },
     configResolved(config) {
-      base = config.base;
+      devBase = config.base;
       projectRoot = config.root;
       resolvedCacheDir = vite.normalizePath(path__default.resolve(config.cacheDir));
-      filter = pluginutils.createFilter(opts.include, opts.exclude, {
+      filter = vite.createFilter(opts.include, opts.exclude, {
         resolve: projectRoot
       });
       isProduction = config.isProduction;
@@ -367,7 +377,7 @@ function viteReact(opts = {}) {
           {
             tag: "script",
             attrs: { type: "module" },
-            children: preambleCode.replace(`__BASE__`, base)
+            children: preambleCode.replace(`__BASE__`, devBase)
           }
         ];
     }

package/dist/index.mjs

@@ -1,9 +1,8 @@
-import path from 'path';
+import path from 'node:path';
 import * as babel from '@babel/core';
-import { createFilter } from '@rollup/pluginutils';
-import { normalizePath } from 'vite';
-import fs from 'fs';
-import { createRequire } from 'module';
+import { createFilter, normalizePath } from 'vite';
+import fs from 'node:fs';
+import { createRequire } from 'node:module';
 
 const runtimePublicPath = "/@react-refresh";
 const _require = createRequire(import.meta.url);
@@ -165,7 +164,7 @@ function parseReactAlias(code) {
 }
 
 function viteReact(opts = {}) {
-  let base = "/";
+  let devBase = "/";
   let resolvedCacheDir;
   let filter = createFilter(opts.include, opts.exclude);
   let isProduction = true;
@@ -180,8 +179,19 @@ function viteReact(opts = {}) {
   const viteBabel = {
     name: "vite:react-babel",
     enforce: "pre",
+    config() {
+      if (opts.jsxRuntime === "classic") {
+        return {
+          esbuild: {
+            logOverride: {
+              "this-is-undefined-in-esm": "silent"
+            }
+          }
+        };
+      }
+    },
     configResolved(config) {
-      base = config.base;
+      devBase = config.base;
       projectRoot = config.root;
       resolvedCacheDir = normalizePath(path.resolve(config.cacheDir));
       filter = createFilter(opts.include, opts.exclude, {
@@ -347,7 +357,7 @@ function viteReact(opts = {}) {
           {
             tag: "script",
             attrs: { type: "module" },
-            children: preambleCode.replace(`__BASE__`, base)
+            children: preambleCode.replace(`__BASE__`, devBase)
           }
         ];
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitejs/plugin-react",
-  "version": "2.0.0-alpha.3",
+  "version": "2.0.0-beta.0",
   "license": "MIT",
   "author": "Evan You",
   "contributors": [
@@ -27,7 +27,7 @@
     "prepublishOnly": "npm run build"
   },
   "engines": {
-    "node": ">=14.6.0"
+    "node": ">=14.18.0"
   },
   "repository": {
     "type": "git",
@@ -39,16 +39,15 @@
   },
   "homepage": "https://github.com/vitejs/vite/tree/main/packages/plugin-react#readme",
   "dependencies": {
-    "@babel/core": "^7.18.2",
+    "@babel/core": "^7.18.5",
     "@babel/plugin-transform-react-jsx": "^7.17.12",
     "@babel/plugin-transform-react-jsx-development": "^7.16.7",
     "@babel/plugin-transform-react-jsx-self": "^7.17.12",
     "@babel/plugin-transform-react-jsx-source": "^7.16.7",
-    "@rollup/pluginutils": "^4.2.1",
-    "react-refresh": "^0.13.0"
+    "react-refresh": "^0.14.0"
   },
   "peerDependencies": {
-    "vite": "^3.0.0-alpha"
+    "vite": "^3.0.0-alpha.11"
   },
   "devDependencies": {
     "vite": "workspace:*"

package/src/fast-refresh.ts

@@ -1,6 +1,6 @@
-import fs from 'fs'
-import path from 'path'
-import { createRequire } from 'module'
+import fs from 'node:fs'
+import path from 'node:path'
+import { createRequire } from 'node:module'
 import type { types as t } from '@babel/core'
 
 export const runtimePublicPath = '/@react-refresh'

package/src/index.ts

@@ -1,8 +1,7 @@
-import path from 'path'
+import path from 'node:path'
 import type { ParserOptions, TransformOptions, types as t } from '@babel/core'
 import * as babel from '@babel/core'
-import { createFilter } from '@rollup/pluginutils'
-import { normalizePath } from 'vite'
+import { createFilter, normalizePath } from 'vite'
 import type { Plugin, PluginOption, ResolvedConfig } from 'vite'
 import {
   addRefreshWrapper,
@@ -91,7 +90,7 @@ declare module 'vite' {
 
 export default function viteReact(opts: Options = {}): PluginOption[] {
   // Provide default values for Rollup compat.
-  let base = '/'
+  let devBase = '/'
   let resolvedCacheDir: string
   let filter = createFilter(opts.include, opts.exclude)
   let isProduction = true
@@ -118,8 +117,19 @@ export default function viteReact(opts: Options = {}): PluginOption[] {
   const viteBabel: Plugin = {
     name: 'vite:react-babel',
     enforce: 'pre',
+    config() {
+      if (opts.jsxRuntime === 'classic') {
+        return {
+          esbuild: {
+            logOverride: {
+              'this-is-undefined-in-esm': 'silent'
+            }
+          }
+        }
+      }
+    },
     configResolved(config) {
-      base = config.base
+      devBase = config.base
       projectRoot = config.root
       resolvedCacheDir = normalizePath(path.resolve(config.cacheDir))
       filter = createFilter(opts.include, opts.exclude, {
@@ -355,7 +365,7 @@ export default function viteReact(opts: Options = {}): PluginOption[] {
           {
             tag: 'script',
             attrs: { type: 'module' },
-            children: preambleCode.replace(`__BASE__`, base)
+            children: preambleCode.replace(`__BASE__`, devBase)
           }
         ]
     }