@vitejs/plugin-react 3.0.0-alpha.2 → 3.0.0

package/README.md

@@ -14,7 +14,7 @@ import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 
 export default defineConfig({
-  plugins: [react()]
+  plugins: [react()],
 })
 ```
 
@@ -29,7 +29,7 @@ react({
   // Exclude storybook stories
   exclude: /\.stories\.(t|j)sx?$/,
   // Only .tsx files
-  include: '**/*.tsx'
+  include: '**/*.tsx',
 })
 ```
 
@@ -39,7 +39,7 @@ By default, the plugin uses the [automatic JSX runtime](https://github.com/alloc
 
 ```js
 react({
-  jsxRuntime: 'classic'
+  jsxRuntime: 'classic',
 })
 ```
 
@@ -69,9 +69,9 @@ If you are using ES syntax that are still in proposal status (e.g. class propert
 react({
   babel: {
     parserOpts: {
-      plugins: ['decorators-legacy']
-    }
-  }
+      plugins: ['decorators-legacy'],
+    },
+  },
 })
 ```
 

package/dist/index.cjs

@@ -78,13 +78,6 @@ const timeout = `
     }, 30);
   }
 `;
-const footer = `
-if (import.meta.hot) {
-  window.$RefreshReg$ = prevRefreshReg;
-  window.$RefreshSig$ = prevRefreshSig;
-
-  __ACCEPT__
-}`;
 const checkAndAccept = `
 function isReactRefreshBoundary(mod) {
   if (mod == null || typeof mod !== 'object') {
@@ -118,37 +111,15 @@ import.meta.hot.accept(mod => {
   }
 });
 `;
-function addRefreshWrapper(code, id, accept) {
-  return header.replace("__SOURCE__", JSON.stringify(id)) + code + footer.replace("__ACCEPT__", accept ? checkAndAccept : timeout);
-}
-function isRefreshBoundary(ast) {
-  return ast.program.body.every((node) => {
-    if (node.type !== "ExportNamedDeclaration") {
-      return true;
-    }
-    const { declaration, specifiers } = node;
-    if (declaration) {
-      if (declaration.type === "ClassDeclaration")
-        return false;
-      if (declaration.type === "VariableDeclaration") {
-        return declaration.declarations.every(
-          (variable) => isComponentLikeIdentifier(variable.id)
-        );
-      }
-      if (declaration.type === "FunctionDeclaration") {
-        return !!declaration.id && isComponentLikeIdentifier(declaration.id);
-      }
-    }
-    return specifiers.every((spec) => {
-      return isComponentLikeIdentifier(spec.exported);
-    });
-  });
-}
-function isComponentLikeIdentifier(node) {
-  return node.type === "Identifier" && isComponentLikeName(node.name);
-}
-function isComponentLikeName(name) {
-  return typeof name === "string" && name[0] >= "A" && name[0] <= "Z";
+const footer = `
+if (import.meta.hot) {
+  window.$RefreshReg$ = prevRefreshReg;
+  window.$RefreshSig$ = prevRefreshSig;
+
+  ${checkAndAccept}
+}`;
+function addRefreshWrapper(code, id) {
+  return header.replace("__SOURCE__", JSON.stringify(id)) + code + footer;
 }
 
 const prependReactImportCode = "import React from 'react'; ";
@@ -309,11 +280,8 @@ function viteReact(opts = {}) {
         if (/\.tsx?$/.test(extension)) {
           parserPlugins.push("typescript");
         }
-        const transformAsync = babel__namespace.transformAsync.bind(babel__namespace, code);
-        const isReasonReact = extension.endsWith(".bs.js");
-        const result = await transformAsync({
+        const result = await babel__namespace.transformAsync(code, {
           ...babelOptions,
-          ast: !isReasonReact,
           root: projectRoot,
           filename: id,
           sourceFileName: filepath,
@@ -334,8 +302,7 @@ function viteReact(opts = {}) {
         if (result) {
           let code2 = result.code;
           if (useFastRefresh && /\$RefreshReg\$\(/.test(code2)) {
-            const accept = isReasonReact || isRefreshBoundary(result.ast);
-            code2 = addRefreshWrapper(code2, id, accept);
+            code2 = addRefreshWrapper(code2, id);
           }
           return {
             code: code2,

package/dist/index.d.ts

@@ -33,7 +33,7 @@ interface Options {
         ssr?: boolean;
     }) => BabelOptions);
 }
-declare type BabelOptions = Omit<TransformOptions, 'ast' | 'filename' | 'root' | 'sourceFileName' | 'sourceMaps' | 'inputSourceMap'>;
+type BabelOptions = Omit<TransformOptions, 'ast' | 'filename' | 'root' | 'sourceFileName' | 'sourceMaps' | 'inputSourceMap'>;
 /**
  * The object type used by the `options` passed to plugins with
  * an `api.reactBabel` method.
@@ -46,8 +46,8 @@ interface ReactBabelOptions extends BabelOptions {
         plugins: Extract<ParserOptions['plugins'], any[]>;
     };
 }
-declare type ReactBabelHook = (babelConfig: ReactBabelOptions, context: ReactBabelHookContext, config: ResolvedConfig) => void;
-declare type ReactBabelHookContext = {
+type ReactBabelHook = (babelConfig: ReactBabelOptions, context: ReactBabelHookContext, config: ResolvedConfig) => void;
+type ReactBabelHookContext = {
     ssr: boolean;
     id: string;
 };

package/dist/index.mjs

@@ -63,13 +63,6 @@ const timeout = `
     }, 30);
   }
 `;
-const footer = `
-if (import.meta.hot) {
-  window.$RefreshReg$ = prevRefreshReg;
-  window.$RefreshSig$ = prevRefreshSig;
-
-  __ACCEPT__
-}`;
 const checkAndAccept = `
 function isReactRefreshBoundary(mod) {
   if (mod == null || typeof mod !== 'object') {
@@ -103,37 +96,15 @@ import.meta.hot.accept(mod => {
   }
 });
 `;
-function addRefreshWrapper(code, id, accept) {
-  return header.replace("__SOURCE__", JSON.stringify(id)) + code + footer.replace("__ACCEPT__", accept ? checkAndAccept : timeout);
-}
-function isRefreshBoundary(ast) {
-  return ast.program.body.every((node) => {
-    if (node.type !== "ExportNamedDeclaration") {
-      return true;
-    }
-    const { declaration, specifiers } = node;
-    if (declaration) {
-      if (declaration.type === "ClassDeclaration")
-        return false;
-      if (declaration.type === "VariableDeclaration") {
-        return declaration.declarations.every(
-          (variable) => isComponentLikeIdentifier(variable.id)
-        );
-      }
-      if (declaration.type === "FunctionDeclaration") {
-        return !!declaration.id && isComponentLikeIdentifier(declaration.id);
-      }
-    }
-    return specifiers.every((spec) => {
-      return isComponentLikeIdentifier(spec.exported);
-    });
-  });
-}
-function isComponentLikeIdentifier(node) {
-  return node.type === "Identifier" && isComponentLikeName(node.name);
-}
-function isComponentLikeName(name) {
-  return typeof name === "string" && name[0] >= "A" && name[0] <= "Z";
+const footer = `
+if (import.meta.hot) {
+  window.$RefreshReg$ = prevRefreshReg;
+  window.$RefreshSig$ = prevRefreshSig;
+
+  ${checkAndAccept}
+}`;
+function addRefreshWrapper(code, id) {
+  return header.replace("__SOURCE__", JSON.stringify(id)) + code + footer;
 }
 
 const prependReactImportCode = "import React from 'react'; ";
@@ -294,11 +265,8 @@ function viteReact(opts = {}) {
         if (/\.tsx?$/.test(extension)) {
           parserPlugins.push("typescript");
         }
-        const transformAsync = babel.transformAsync.bind(babel, code);
-        const isReasonReact = extension.endsWith(".bs.js");
-        const result = await transformAsync({
+        const result = await babel.transformAsync(code, {
           ...babelOptions,
-          ast: !isReasonReact,
           root: projectRoot,
           filename: id,
           sourceFileName: filepath,
@@ -319,8 +287,7 @@ function viteReact(opts = {}) {
         if (result) {
           let code2 = result.code;
           if (useFastRefresh && /\$RefreshReg\$\(/.test(code2)) {
-            const accept = isReasonReact || isRefreshBoundary(result.ast);
-            code2 = addRefreshWrapper(code2, id, accept);
+            code2 = addRefreshWrapper(code2, id);
           }
           return {
             code: code2,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitejs/plugin-react",
-  "version": "3.0.0-alpha.2",
+  "version": "3.0.0",
   "license": "MIT",
   "author": "Evan You",
   "contributors": [
@@ -30,26 +30,21 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/vitejs/vite.git",
+    "url": "git+https://github.com/vitejs/vite-plugin-react.git",
     "directory": "packages/plugin-react"
   },
   "bugs": {
-    "url": "https://github.com/vitejs/vite/issues"
+    "url": "https://github.com/vitejs/vite-plugin-react/issues"
   },
-  "homepage": "https://github.com/vitejs/vite/tree/main/packages/plugin-react#readme",
+  "homepage": "https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react#readme",
   "dependencies": {
     "@babel/core": "^7.20.5",
-    "@babel/plugin-transform-react-jsx": "^7.19.0",
-    "@babel/plugin-transform-react-jsx-development": "^7.18.6",
     "@babel/plugin-transform-react-jsx-self": "^7.18.6",
     "@babel/plugin-transform-react-jsx-source": "^7.19.6",
-    "magic-string": "^0.26.7",
+    "magic-string": "^0.27.0",
     "react-refresh": "^0.14.0"
   },
   "peerDependencies": {
-    "vite": "^3.0.0"
-  },
-  "devDependencies": {
-    "vite": "workspace:*"
+    "vite": "^4.0.0"
   }
 }