@rsbuild/plugin-babel 0.5.2 → 0.5.3

package/dist/index.js

@@ -198,6 +198,7 @@ async function getCacheIdentifier(options) {
   return identifier;
 }
 var getDefaultBabelOptions = (config, context) => {
+  const isLegacyDecorators = config.source.decorators.version === "legacy";
   const options = {
     babelrc: false,
     configFile: false,
@@ -206,7 +207,10 @@ var getDefaultBabelOptions = (config, context) => {
       [
         require.resolve("@babel/plugin-proposal-decorators"),
         config.source.decorators
-      ]
+      ],
+      // If you are using @babel/preset-env and legacy decorators, you must ensure the class elements transform is enabled regardless of your targets, because Babel only supports compiling legacy decorators when also compiling class properties:
+      // see https://babeljs.io/docs/babel-plugin-proposal-decorators#legacy
+      ...isLegacyDecorators ? [require.resolve("@babel/plugin-transform-class-properties")] : []
     ],
     presets: [
       // TODO: only apply preset-typescript for ts file (isTSX & allExtensions false)

package/dist/index.mjs

@@ -9,7 +9,7 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
   throw Error('Dynamic require of "' + x + '" is not supported');
 });
 
-// ../../node_modules/.pnpm/@modern-js+module-tools@2.48.2/node_modules/@modern-js/module-tools/shims/esm.js
+// ../../node_modules/.pnpm/@modern-js+module-tools@2.48.3/node_modules/@modern-js/module-tools/shims/esm.js
 import { fileURLToPath } from "url";
 import path from "path";
 var getFilename = () => fileURLToPath(import.meta.url);
@@ -186,6 +186,7 @@ async function getCacheIdentifier(options) {
   return identifier;
 }
 var getDefaultBabelOptions = (config, context) => {
+  const isLegacyDecorators = config.source.decorators.version === "legacy";
   const options = {
     babelrc: false,
     configFile: false,
@@ -194,7 +195,10 @@ var getDefaultBabelOptions = (config, context) => {
       [
         __require.resolve("@babel/plugin-proposal-decorators"),
         config.source.decorators
-      ]
+      ],
+      // If you are using @babel/preset-env and legacy decorators, you must ensure the class elements transform is enabled regardless of your targets, because Babel only supports compiling legacy decorators when also compiling class properties:
+      // see https://babeljs.io/docs/babel-plugin-proposal-decorators#legacy
+      ...isLegacyDecorators ? [__require.resolve("@babel/plugin-transform-class-properties")] : []
     ],
     presets: [
       // TODO: only apply preset-typescript for ts file (isTSX & allExtensions false)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-babel",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "description": "Babel plugin for Rsbuild",
   "repository": {
     "type": "git",
@@ -23,21 +23,22 @@
     "compiled"
   ],
   "dependencies": {
-    "@babel/core": "^7.23.2",
-    "@babel/preset-typescript": "^7.23.2",
-    "@babel/plugin-proposal-decorators": "^7.23.2",
-    "@types/babel__core": "^7.20.3",
+    "@babel/core": "^7.24.3",
+    "@babel/preset-typescript": "^7.24.1",
+    "@babel/plugin-proposal-decorators": "^7.24.1",
+    "@babel/plugin-transform-class-properties": "^7.24.1",
+    "@types/babel__core": "^7.20.5",
     "upath": "2.0.1",
-    "@rsbuild/shared": "0.5.2"
+    "@rsbuild/shared": "0.5.3"
   },
   "devDependencies": {
     "@types/node": "16.x",
     "typescript": "^5.4.2",
-    "@rsbuild/core": "0.5.2",
-    "@scripts/test-helper": "0.5.2"
+    "@rsbuild/core": "0.5.3",
+    "@scripts/test-helper": "0.5.3"
   },
   "peerDependencies": {
-    "@rsbuild/core": "^0.5.2"
+    "@rsbuild/core": "^0.5.3"
   },
   "publishConfig": {
     "access": "public",