@vitejs/plugin-react-swc 3.7.2 → 3.8.1

package/README.md

@@ -93,6 +93,20 @@ react({
 });
 ```
 
+### useAtYourOwnRisk_mutateSwcOptions
+
+The future of Vite is with OXC, and from the beginning this was a design choice to not exposed too many specialties from SWC so that Vite React users can move to another transformer later.
+Also debugging why some specific version of decorators with some other unstable/legacy feature doesn't work is not fun, so we won't provide support for it, hence the name `useAtYourOwnRisk`.
+
+```ts
+react({
+  useAtYourOwnRisk_mutateSwcOptions(options) {
+    options.jsc.parser.decorators = true;
+    options.jsc.transform.decoratorVersion = "2022-03";
+  },
+});
+```
+
 ## Consistent components exports
 
 For React refresh to work correctly, your file should only export React components. The best explanation I've read is the one from the [Gatsby docs](https://www.gatsbyjs.com/docs/reference/local-development/fast-refresh/#how-it-works).
@@ -100,9 +114,3 @@ For React refresh to work correctly, your file should only export React componen
 If an incompatible change in exports is found, the module will be invalidated and HMR will propagate. To make it easier to export simple constants alongside your component, the module is only invalidated when their value changes.
 
 You can catch mistakes and get more detailed warning with this [eslint rule](https://github.com/ArnaudBarre/eslint-plugin-react-refresh).
-
-## Migrating from `vite-plugin-swc-react-refresh`
-
-The documentation for the previous version of the plugin is available in the [v2 branch](https://github.com/vitejs/vite-plugin-react-swc/tree/v2)
-
-To migrate, see this [changelog](https://github.com/vitejs/vite-plugin-react-swc/releases/tag/v3.0.0-beta.0)

package/index.cjs

@@ -16,8 +16,6 @@ var resolve = (0, import_module.createRequire)(
 ).resolve;
 var reactCompRE = /extends\s+(?:React\.)?(?:Pure)?Component/;
 var refreshContentRE = /\$Refresh(?:Reg|Sig)\$\(/;
-var _a, _b;
-var isWebContainer = (_b = (_a = globalThis.process) == null ? void 0 : _a.versions) == null ? void 0 : _b.webcontainer;
 var react = (_options) => {
   let hmrDisabled = false;
   const options = {
@@ -25,7 +23,8 @@ var react = (_options) => {
     tsDecorators: _options == null ? void 0 : _options.tsDecorators,
     plugins: (_options == null ? void 0 : _options.plugins) ? _options == null ? void 0 : _options.plugins.map((el) => [resolve(el[0]), el[1]]) : void 0,
     devTarget: (_options == null ? void 0 : _options.devTarget) ?? "es2020",
-    parserConfig: _options == null ? void 0 : _options.parserConfig
+    parserConfig: _options == null ? void 0 : _options.parserConfig,
+    useAtYourOwnRisk_mutateSwcOptions: _options == null ? void 0 : _options.useAtYourOwnRisk_mutateSwcOptions
   };
   return [
     {
@@ -56,11 +55,6 @@ var react = (_options) => {
             "[vite:react-swc] The MDX plugin should be placed before this plugin"
           );
         }
-        if (isWebContainer) {
-          config.logger.warn(
-            "[vite:react-swc] SWC is currently not supported in WebContainers. You can use the default React plugin instead."
-          );
-        }
       },
       transformIndexHtml: (_, config) => [
         {
@@ -160,7 +154,7 @@ var transformWithOptions = async (id, code, target, options, reactConfig) => {
   if (!parser) return;
   let result;
   try {
-    result = await (0, import_core.transform)(code, {
+    const swcOptions = {
       filename: id,
       swcrc: false,
       configFile: false,
@@ -174,7 +168,11 @@ var transformWithOptions = async (id, code, target, options, reactConfig) => {
           react: reactConfig
         }
       }
-    });
+    };
+    if (options.useAtYourOwnRisk_mutateSwcOptions) {
+      options.useAtYourOwnRisk_mutateSwcOptions(swcOptions);
+    }
+    result = await (0, import_core.transform)(code, swcOptions);
   } catch (e) {
     const message = e.message;
     const fileStartIndex = message.indexOf("\u256D\u2500[");
@@ -192,14 +190,14 @@ var transformWithOptions = async (id, code, target, options, reactConfig) => {
 var silenceUseClientWarning = (userConfig) => ({
   rollupOptions: {
     onwarn(warning, defaultHandler) {
-      var _a2, _b2;
+      var _a, _b;
       if (warning.code === "MODULE_LEVEL_DIRECTIVE" && warning.message.includes("use client")) {
         return;
       }
       if (warning.code === "SOURCEMAP_ERROR" && warning.message.includes("resolve original location") && warning.pos === 0) {
         return;
       }
-      if ((_b2 = (_a2 = userConfig.build) == null ? void 0 : _a2.rollupOptions) == null ? void 0 : _b2.onwarn) {
+      if ((_b = (_a = userConfig.build) == null ? void 0 : _a.rollupOptions) == null ? void 0 : _b.onwarn) {
         userConfig.build.rollupOptions.onwarn(warning, defaultHandler);
       } else {
         defaultHandler(warning);

package/index.d.ts

@@ -1,5 +1,5 @@
-import { ParserConfig, JscTarget } from "@swc/core";
-import { PluginOption } from "vite";
+import { type ParserConfig, type JscTarget, type Options as SWCOptions } from "@swc/core";
+import type { PluginOption } from "vite";
 type Options = {
     /**
      * Control where the JSX factory is imported from.
@@ -29,6 +29,14 @@ type Options = {
      * Exclusion of node_modules should be handled by the function if needed.
      */
     parserConfig?: (id: string) => ParserConfig | undefined;
+    /**
+     * The future of Vite is with OXC, and from the beginning this was a design choice
+     * to not exposed too many specialties from SWC so that Vite React users can move to
+     * another transformer later.
+     * Also debugging why some specific version of decorators with some other unstable/legacy
+     * feature doesn't work is not fun, so we won't provide support for it, hence the name `useAtYourOwnRisk`
+     */
+    useAtYourOwnRisk_mutateSwcOptions?: (options: SWCOptions) => void;
 };
 declare const react: (_options?: Options) => PluginOption[];
 export default react;

package/index.mjs

@@ -17,8 +17,6 @@ var resolve = createRequire(
 ).resolve;
 var reactCompRE = /extends\s+(?:React\.)?(?:Pure)?Component/;
 var refreshContentRE = /\$Refresh(?:Reg|Sig)\$\(/;
-var _a, _b;
-var isWebContainer = (_b = (_a = globalThis.process) == null ? void 0 : _a.versions) == null ? void 0 : _b.webcontainer;
 var react = (_options) => {
   let hmrDisabled = false;
   const options = {
@@ -26,7 +24,8 @@ var react = (_options) => {
     tsDecorators: _options == null ? void 0 : _options.tsDecorators,
     plugins: (_options == null ? void 0 : _options.plugins) ? _options == null ? void 0 : _options.plugins.map((el) => [resolve(el[0]), el[1]]) : void 0,
     devTarget: (_options == null ? void 0 : _options.devTarget) ?? "es2020",
-    parserConfig: _options == null ? void 0 : _options.parserConfig
+    parserConfig: _options == null ? void 0 : _options.parserConfig,
+    useAtYourOwnRisk_mutateSwcOptions: _options == null ? void 0 : _options.useAtYourOwnRisk_mutateSwcOptions
   };
   return [
     {
@@ -57,11 +56,6 @@ var react = (_options) => {
             "[vite:react-swc] The MDX plugin should be placed before this plugin"
           );
         }
-        if (isWebContainer) {
-          config.logger.warn(
-            "[vite:react-swc] SWC is currently not supported in WebContainers. You can use the default React plugin instead."
-          );
-        }
       },
       transformIndexHtml: (_, config) => [
         {
@@ -161,7 +155,7 @@ var transformWithOptions = async (id, code, target, options, reactConfig) => {
   if (!parser) return;
   let result;
   try {
-    result = await transform(code, {
+    const swcOptions = {
       filename: id,
       swcrc: false,
       configFile: false,
@@ -175,7 +169,11 @@ var transformWithOptions = async (id, code, target, options, reactConfig) => {
           react: reactConfig
         }
       }
-    });
+    };
+    if (options.useAtYourOwnRisk_mutateSwcOptions) {
+      options.useAtYourOwnRisk_mutateSwcOptions(swcOptions);
+    }
+    result = await transform(code, swcOptions);
   } catch (e) {
     const message = e.message;
     const fileStartIndex = message.indexOf("\u256D\u2500[");
@@ -193,14 +191,14 @@ var transformWithOptions = async (id, code, target, options, reactConfig) => {
 var silenceUseClientWarning = (userConfig) => ({
   rollupOptions: {
     onwarn(warning, defaultHandler) {
-      var _a2, _b2;
+      var _a, _b;
       if (warning.code === "MODULE_LEVEL_DIRECTIVE" && warning.message.includes("use client")) {
         return;
       }
       if (warning.code === "SOURCEMAP_ERROR" && warning.message.includes("resolve original location") && warning.pos === 0) {
         return;
       }
-      if ((_b2 = (_a2 = userConfig.build) == null ? void 0 : _a2.rollupOptions) == null ? void 0 : _b2.onwarn) {
+      if ((_b = (_a = userConfig.build) == null ? void 0 : _a.rollupOptions) == null ? void 0 : _b.onwarn) {
         userConfig.build.rollupOptions.onwarn(warning, defaultHandler);
       } else {
         defaultHandler(warning);
@@ -208,7 +206,7 @@ var silenceUseClientWarning = (userConfig) => ({
     }
   }
 });
-var src_default = react;
+var index_default = react;
 export {
-  src_default as default
+  index_default as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vitejs/plugin-react-swc",
   "description": "Speed up your Vite dev server with SWC",
-  "version": "3.7.2",
+  "version": "3.8.1",
   "author": "Arnaud Barré (https://github.com/ArnaudBarre)",
   "license": "MIT",
   "repository": "github:vitejs/vite-plugin-react-swc",
@@ -28,6 +28,6 @@
     "vite": "^4 || ^5 || ^6"
   },
   "dependencies": {
-    "@swc/core": "^1.7.26"
+    "@swc/core": "^1.11.11"
   }
 }