@rsbuild/plugin-babel 0.0.10 → 0.0.11

package/dist/helper.d.ts

@@ -0,0 +1,4 @@
+import type { BabelConfigUtils, BabelTransformOptions } from './types';
+export declare const getBabelUtils: (config: BabelTransformOptions) => BabelConfigUtils;
+export type BabelConfig = BabelTransformOptions | ((config: BabelTransformOptions, utils: BabelConfigUtils) => BabelTransformOptions | void);
+export declare const applyUserBabelConfig: (defaultOptions: BabelTransformOptions, userBabelConfig?: BabelConfig | BabelConfig[], extraBabelUtils?: Partial<BabelConfigUtils>) => BabelTransformOptions;

package/dist/helper.js

@@ -0,0 +1,144 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var helper_exports = {};
+__export(helper_exports, {
+  applyUserBabelConfig: () => applyUserBabelConfig,
+  getBabelUtils: () => getBabelUtils
+});
+module.exports = __toCommonJS(helper_exports);
+var import_path = require("path");
+var import_shared = require("@rsbuild/shared");
+var import_upath = __toESM(require("upath"));
+const normalizeToPosixPath = (p) => import_upath.default.normalizeSafe((0, import_path.normalize)(p || "")).replace(/^([a-zA-Z]+):/, (_, m) => `/${m.toLowerCase()}`);
+const formatPath = (originPath) => {
+  if ((0, import_path.isAbsolute)(originPath)) {
+    return originPath.split(import_path.sep).join("/");
+  }
+  return originPath;
+};
+const getPluginItemName = (item) => {
+  if (typeof item === "string") {
+    return formatPath(item);
+  }
+  if (Array.isArray(item) && typeof item[0] === "string") {
+    return formatPath(item[0]);
+  }
+  return null;
+};
+const addPlugins = (plugins, config) => {
+  if (config.plugins) {
+    config.plugins.push(...plugins);
+  } else {
+    config.plugins = plugins;
+  }
+};
+const addPresets = (presets, config) => {
+  if (config.presets) {
+    config.presets.push(...presets);
+  } else {
+    config.presets = presets;
+  }
+};
+const removePlugins = (plugins, config) => {
+  if (!config.plugins) {
+    return;
+  }
+  const removeList = (0, import_shared.ensureArray)(plugins);
+  config.plugins = config.plugins.filter((item) => {
+    const name = getPluginItemName(item);
+    if (name) {
+      return !removeList.find((removeItem) => name.includes(removeItem));
+    }
+    return true;
+  });
+};
+const removePresets = (presets, config) => {
+  if (!config.presets) {
+    return;
+  }
+  const removeList = (0, import_shared.ensureArray)(presets);
+  config.presets = config.presets.filter((item) => {
+    const name = getPluginItemName(item);
+    if (name) {
+      return !removeList.find((removeItem) => name.includes(removeItem));
+    }
+    return true;
+  });
+};
+const modifyPresetOptions = (presetName, options, presets = []) => {
+  presets.forEach((preset, index) => {
+    if (Array.isArray(preset)) {
+      if (typeof preset[0] === "string" && normalizeToPosixPath(preset[0]).includes(presetName)) {
+        preset[1] = {
+          ...preset[1] || {},
+          ...options
+          // `options` is specific to different presets
+        };
+      }
+    } else if (typeof preset === "string" && normalizeToPosixPath(preset).includes(presetName)) {
+      presets[index] = [preset, options];
+    }
+  });
+};
+const getBabelUtils = (config) => {
+  const noop = () => {
+  };
+  return {
+    addPlugins: (plugins) => addPlugins(plugins, config),
+    addPresets: (presets) => addPresets(presets, config),
+    removePlugins: (plugins) => removePlugins(plugins, config),
+    removePresets: (presets) => removePresets(presets, config),
+    // `addIncludes` and `addExcludes` are noop functions by default,
+    // It can be overridden by `extraBabelUtils`.
+    addIncludes: noop,
+    addExcludes: noop,
+    // Compat `presetEnvOptions` and `presetReactOptions` in Eden.
+    modifyPresetEnvOptions: (options) => modifyPresetOptions("@babel/preset-env", options, config.presets || []),
+    modifyPresetReactOptions: (options) => modifyPresetOptions("@babel/preset-react", options, config.presets || [])
+  };
+};
+const applyUserBabelConfig = (defaultOptions, userBabelConfig, extraBabelUtils) => {
+  if (userBabelConfig) {
+    const babelUtils = {
+      ...getBabelUtils(defaultOptions),
+      ...extraBabelUtils
+    };
+    return (0, import_shared.mergeChainedOptions)(
+      defaultOptions,
+      userBabelConfig || {},
+      babelUtils
+    );
+  }
+  return defaultOptions;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  applyUserBabelConfig,
+  getBabelUtils
+});

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-import { DefaultRsbuildPlugin } from '@rsbuild/shared';
-import { PluginBabelOptions } from './type';
-export declare const pluginBabel: (options?: PluginBabelOptions) => DefaultRsbuildPlugin;
+export { pluginBabel } from './plugin';
+export { getBabelUtils } from './helper';
+export type { PresetEnvOptions, PresetEnvTargets, PresetEnvBuiltIns, BabelConfigUtils, BabelTransformOptions } from './types';

package/dist/index.js

@@ -18,19 +18,14 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {
-  pluginBabel: () => pluginBabel
+  getBabelUtils: () => import_helper.getBabelUtils,
+  pluginBabel: () => import_plugin.pluginBabel
 });
 module.exports = __toCommonJS(src_exports);
-var import_rspack = require("./rspack");
-const pluginBabel = (options = {}) => ({
-  name: "plugin-babel",
-  setup(api) {
-    if (api.context.bundlerType === "rspack") {
-      (0, import_rspack.applyRspackBabelConfig)(api, options);
-    }
-  }
-});
+var import_plugin = require("./plugin");
+var import_helper = require("./helper");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  getBabelUtils,
   pluginBabel
 });

package/dist/{rspack.d.ts → plugin.d.ts}

@@ -1,5 +1,5 @@
-import { SharedRsbuildPluginAPI } from '@rsbuild/shared';
-import { PluginBabelOptions } from './type';
+import { DefaultRsbuildPlugin } from '@rsbuild/shared';
+import type { PluginBabelOptions } from './types';
 /**
  * The `@babel/preset-typescript` default options.
  */
@@ -10,4 +10,4 @@ export declare const DEFAULT_BABEL_PRESET_TYPESCRIPT_OPTIONS: {
   optimizeConstEnums: boolean;
   isTSX: boolean;
 };
-export declare const applyRspackBabelConfig: (api: SharedRsbuildPluginAPI, userOptions: PluginBabelOptions) => void;
+export declare const pluginBabel: (options?: PluginBabelOptions) => DefaultRsbuildPlugin;

package/dist/{rspack.js → plugin.js}

@@ -26,14 +26,15 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var rspack_exports = {};
-__export(rspack_exports, {
+var plugin_exports = {};
+__export(plugin_exports, {
   DEFAULT_BABEL_PRESET_TYPESCRIPT_OPTIONS: () => DEFAULT_BABEL_PRESET_TYPESCRIPT_OPTIONS,
-  applyRspackBabelConfig: () => applyRspackBabelConfig
+  pluginBabel: () => pluginBabel
 });
-module.exports = __toCommonJS(rspack_exports);
-var import_shared = require("@rsbuild/shared");
+module.exports = __toCommonJS(plugin_exports);
+var import_shared2 = require("@rsbuild/shared");
 var import_lodash = require("lodash");
+var import_helper = require("./helper");
 const DEFAULT_BABEL_PRESET_TYPESCRIPT_OPTIONS = {
   allowNamespaces: true,
   allExtensions: true,
@@ -43,11 +44,14 @@ const DEFAULT_BABEL_PRESET_TYPESCRIPT_OPTIONS = {
   optimizeConstEnums: true,
   isTSX: true
 };
-const applyRspackBabelConfig = (api, userOptions) => {
-  api.modifyBundlerChain(
-    async (chain, { CHAIN_ID, isProd, getCompiledPath }) => {
-      const config = api.getNormalizedConfig();
-      const getBabelOptions = (config2) => {
+const pluginBabel = (options = {}) => ({
+  name: "plugin-babel",
+  setup(api) {
+    if (api.context.bundlerType === "webpack") {
+      return;
+    }
+    api.modifyBundlerChain(async (chain, { CHAIN_ID, isProd }) => {
+      const getBabelOptions = () => {
         const includes2 = [];
         const excludes2 = [];
         const babelUtils = {
@@ -76,9 +80,9 @@ const applyRspackBabelConfig = (api, userOptions) => {
             ]
           ]
         };
-        const userBabelConfig = (0, import_shared.applyUserBabelConfig)(
+        const userBabelConfig = (0, import_helper.applyUserBabelConfig)(
           (0, import_lodash.cloneDeep)(baseConfig),
-          userOptions,
+          options,
           babelUtils
         );
         const babelOptions2 = {
@@ -93,11 +97,7 @@ const applyRspackBabelConfig = (api, userOptions) => {
           excludes: excludes2
         };
       };
-      const {
-        babelOptions,
-        includes = [],
-        excludes = []
-      } = getBabelOptions(config);
+      const { babelOptions, includes = [], excludes = [] } = getBabelOptions();
       const rule = chain.module.rule(CHAIN_ID.RULE.JS);
       includes.forEach((condition) => {
         rule.include.add(condition);
@@ -105,12 +105,12 @@ const applyRspackBabelConfig = (api, userOptions) => {
       excludes.forEach((condition) => {
         rule.exclude.add(condition);
       });
-      rule.test((0, import_shared.mergeRegex)(import_shared.JS_REGEX, import_shared.TS_REGEX)).use(CHAIN_ID.USE.BABEL).after(CHAIN_ID.USE.SWC).loader(getCompiledPath("babel-loader")).options(babelOptions);
-    }
-  );
-};
+      rule.test((0, import_shared2.mergeRegex)(import_shared2.JS_REGEX, import_shared2.TS_REGEX)).use(CHAIN_ID.USE.BABEL).after(CHAIN_ID.USE.SWC).loader(require.resolve("babel-loader")).options(babelOptions);
+    });
+  }
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   DEFAULT_BABEL_PRESET_TYPESCRIPT_OPTIONS,
-  applyRspackBabelConfig
+  pluginBabel
 });

package/dist/types.d.ts

@@ -0,0 +1,52 @@
+import type { ChainedConfig } from '@rsbuild/shared';
+import type { PluginItem as BabelPlugin, PluginOptions as BabelPluginOptions, TransformOptions as BabelTransformOptions } from '@babel/core';
+export { BabelPlugin, BabelPluginOptions, BabelTransformOptions };
+export type PresetEnvTargets = string | string[] | Record<string, string>;
+export type PresetEnvBuiltIns = 'usage' | 'entry' | false;
+export type PresetEnvOptions = {
+  targets?: PresetEnvTargets;
+  bugfixes?: boolean;
+  spec?: boolean;
+  loose?: boolean;
+  modules?: 'amd' | 'umd' | 'systemjs' | 'commonjs' | 'cjs' | 'auto' | false;
+  debug?: boolean;
+  include?: string[];
+  exclude?: string[];
+  useBuiltIns?: PresetEnvBuiltIns;
+  corejs?: string | {
+    version: string;
+    proposals: boolean;
+  };
+  forceAllTransforms?: boolean;
+  configPath?: string;
+  ignoreBrowserslistConfig?: boolean;
+  browserslistEnv?: string;
+  shippedProposals?: boolean;
+};
+export interface SharedBabelPresetReactOptions {
+  development?: boolean;
+  throwIfNamespace?: boolean;
+}
+export interface AutomaticRuntimePresetReactOptions extends SharedBabelPresetReactOptions {
+  runtime?: 'automatic';
+  importSource?: string;
+}
+export interface ClassicRuntimePresetReactOptions extends SharedBabelPresetReactOptions {
+  runtime?: 'classic';
+  pragma?: string;
+  pragmaFrag?: string;
+  useBuiltIns?: boolean;
+  useSpread?: boolean;
+}
+export type PresetReactOptions = AutomaticRuntimePresetReactOptions | ClassicRuntimePresetReactOptions;
+export type BabelConfigUtils = {
+  addPlugins: (plugins: BabelPlugin[]) => void;
+  addPresets: (presets: BabelPlugin[]) => void;
+  addIncludes: (includes: string | RegExp | (string | RegExp)[]) => void;
+  addExcludes: (excludes: string | RegExp | (string | RegExp)[]) => void;
+  removePlugins: (plugins: string | string[]) => void;
+  removePresets: (presets: string | string[]) => void;
+  modifyPresetEnvOptions: (options: PresetEnvOptions) => void;
+  modifyPresetReactOptions: (options: PresetReactOptions) => void;
+};
+export type PluginBabelOptions = ChainedConfig<BabelTransformOptions, BabelConfigUtils>;

package/dist/{type.js → types.js}

@@ -12,5 +12,5 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var type_exports = {};
-module.exports = __toCommonJS(type_exports);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/plugin-babel",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "Babel plugin for Rsbuild",
   "repository": {
     "type": "git",
@@ -20,17 +20,20 @@
   ],
   "license": "MIT",
   "dependencies": {
+    "@babel/core": "^7.23.2",
     "@babel/preset-typescript": "^7.23.2",
+    "@types/babel__core": "^7.20.3",
+    "babel-loader": "9.1.3",
     "lodash": "^4.17.21",
-    "@rsbuild/shared": "0.0.10"
+    "upath": "2.0.1",
+    "@rsbuild/shared": "0.0.11"
   },
   "devDependencies": {
     "@types/lodash": "^4.14.200",
     "@types/node": "^16",
     "typescript": "^5",
-    "@rsbuild/core": "0.0.10",
-    "@rsbuild/test-helper": "0.0.10",
-    "@rsbuild/webpack": "0.0.9"
+    "@rsbuild/core": "0.0.11",
+    "@rsbuild/test-helper": "0.0.11"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",

package/dist/type.d.ts

@@ -1,2 +0,0 @@
-import type { ChainedConfig, BabelTransformOptions, BabelConfigUtils } from '@rsbuild/shared';
-export type PluginBabelOptions = ChainedConfig<BabelTransformOptions, BabelConfigUtils>;