@modern-js/builder 2.25.2 → 2.27.0

package/dist/plugins/inlineChunk.js

@@ -1,63 +1,54 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.builderPluginInlineChunk = void 0;
-const builder_shared_1 = require("@modern-js/builder-shared");
+Object.defineProperty(exports, "builderPluginInlineChunk", {
+  enumerable: true,
+  get: function() {
+    return builderPluginInlineChunk;
+  }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _buildershared = require("@modern-js/builder-shared");
 const builderPluginInlineChunk = () => ({
-    name: 'builder-plugin-inline-chunk',
-    setup(api) {
-        api.modifyBundlerChain(async (chain, { target, CHAIN_ID, isProd, HtmlPlugin }) => {
-            const config = api.getNormalizedConfig();
-            if ((0, builder_shared_1.isHtmlDisabled)(config, target) || !isProd) {
-                return;
-            }
-            const { InlineChunkHtmlPlugin } = await Promise.resolve().then(() => __importStar(require('@modern-js/builder-shared')));
-            const { disableInlineRuntimeChunk, enableInlineStyles, 
-            // todo: not support enableInlineScripts in Rspack yet, which will take unknown build error
-            enableInlineScripts, } = config.output;
-            const tests = [];
-            if (enableInlineScripts) {
-                tests.push(enableInlineScripts === true ? /\.js$/ : enableInlineScripts);
-            }
-            if (enableInlineStyles) {
-                tests.push(enableInlineStyles === true ? /\.css$/ : enableInlineStyles);
-            }
-            if (!disableInlineRuntimeChunk) {
-                tests.push(
-                // RegExp like /builder-runtime([.].+)?\.js$/
-                // matches builder-runtime.js and builder-runtime.123456.js
-                new RegExp(`${builder_shared_1.RUNTIME_CHUNK_NAME}([.].+)?\\.js$`));
-            }
-            chain.plugin(CHAIN_ID.PLUGIN.INLINE_HTML).use(InlineChunkHtmlPlugin, [
-                HtmlPlugin,
-                {
-                    tests,
-                    distPath: (0, builder_shared_1.pick)(config.output.distPath, ['js', 'css']),
-                },
-            ]);
-        });
-    },
+  name: "builder-plugin-inline-chunk",
+  setup(api) {
+    api.modifyBundlerChain(async (chain, { target, CHAIN_ID, isProd, HtmlPlugin }) => {
+      const config = api.getNormalizedConfig();
+      if ((0, _buildershared.isHtmlDisabled)(config, target) || !isProd) {
+        return;
+      }
+      const { InlineChunkHtmlPlugin } = await Promise.resolve().then(() => /* @__PURE__ */ _interop_require_wildcard._(require("@modern-js/builder-shared")));
+      const {
+        disableInlineRuntimeChunk,
+        enableInlineStyles,
+        // todo: not support enableInlineScripts in Rspack yet, which will take unknown build error
+        enableInlineScripts
+      } = config.output;
+      const tests = [];
+      if (enableInlineScripts) {
+        tests.push(enableInlineScripts === true ? /\.js$/ : enableInlineScripts);
+      }
+      if (enableInlineStyles) {
+        tests.push(enableInlineStyles === true ? /\.css$/ : enableInlineStyles);
+      }
+      if (!disableInlineRuntimeChunk) {
+        tests.push(
+          // RegExp like /builder-runtime([.].+)?\.js$/
+          // matches builder-runtime.js and builder-runtime.123456.js
+          new RegExp(`${_buildershared.RUNTIME_CHUNK_NAME}([.].+)?\\.js$`)
+        );
+      }
+      chain.plugin(CHAIN_ID.PLUGIN.INLINE_HTML).use(InlineChunkHtmlPlugin, [
+        HtmlPlugin,
+        {
+          tests,
+          distPath: (0, _buildershared.pick)(config.output.distPath, [
+            "js",
+            "css"
+          ])
+        }
+      ]);
+    });
+  }
 });
-exports.builderPluginInlineChunk = builderPluginInlineChunk;

package/dist/plugins/moment.d.ts

@@ -1,2 +1,2 @@
 import { DefaultBuilderPlugin } from '@modern-js/builder-shared';
-export declare const builderPluginMoment: () => DefaultBuilderPlugin;
+export declare const builderPluginMoment: () => DefaultBuilderPlugin;

package/dist/plugins/moment.js

@@ -1,23 +1,26 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.builderPluginMoment = void 0;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "builderPluginMoment", {
+  enumerable: true,
+  get: function() {
+    return builderPluginMoment;
+  }
+});
 const builderPluginMoment = () => ({
-    name: 'builder-plugin-moment',
-    setup(api) {
-        api.modifyBundlerChain(async (chain, { webpack }) => {
-            const config = api.getNormalizedConfig();
-            if (config.performance.removeMomentLocale) {
-                // Moment.js includes a lots of locale data by default.
-                // We can using IgnorePlugin to allow the user to opt into importing specific locales.
-                // https://github.com/jmblog/how-to-optimize-momentjs-with-webpack
-                chain.plugin('remove-moment-locale').use(webpack.IgnorePlugin, [
-                    {
-                        resourceRegExp: /^\.\/locale$/,
-                        contextRegExp: /moment$/,
-                    },
-                ]);
-            }
-        });
-    },
+  name: "builder-plugin-moment",
+  setup(api) {
+    api.modifyBundlerChain(async (chain, { webpack }) => {
+      const config = api.getNormalizedConfig();
+      if (config.performance.removeMomentLocale) {
+        chain.plugin("remove-moment-locale").use(webpack.IgnorePlugin, [
+          {
+            resourceRegExp: /^\.\/locale$/,
+            contextRegExp: /moment$/
+          }
+        ]);
+      }
+    });
+  }
 });
-exports.builderPluginMoment = builderPluginMoment;

package/dist/plugins/rem.d.ts

@@ -1,2 +1,2 @@
 import { type DefaultBuilderPlugin } from '@modern-js/builder-shared';
-export declare const builderPluginRem: () => DefaultBuilderPlugin;
+export declare const builderPluginRem: () => DefaultBuilderPlugin;

package/dist/plugins/rem.js

@@ -1,106 +1,83 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.builderPluginRem = void 0;
-const lodash_1 = __importDefault(require("@modern-js/utils/lodash"));
-const builder_shared_1 = require("@modern-js/builder-shared");
+Object.defineProperty(exports, "builderPluginRem", {
+  enumerable: true,
+  get: function() {
+    return builderPluginRem;
+  }
+});
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _lodash = /* @__PURE__ */ _interop_require_default._(require("@modern-js/utils/lodash"));
+const _buildershared = require("@modern-js/builder-shared");
 const defaultOptions = {
-    enableRuntime: true,
-    rootFontSize: 50,
+  enableRuntime: true,
+  rootFontSize: 50
 };
-const builderPluginRem = () => ({
-    name: 'builder-plugin-rem',
+const builderPluginRem = () => {
+  return {
+    name: "builder-plugin-rem",
     pre: [
-        'builder-plugin-css',
-        'builder-plugin-less',
-        'builder-plugin-sass',
-        'builder-plugin-stylus',
+      "builder-plugin-css",
+      "builder-plugin-less",
+      "builder-plugin-sass",
+      "builder-plugin-stylus"
     ],
     setup(api) {
-        api.modifyBundlerChain(async (chain, { CHAIN_ID, isServer, isWebWorker, HtmlPlugin }) => {
-            const config = api.getNormalizedConfig();
-            const { output: { convertToRem }, } = config;
-            if (!convertToRem || isServer || isWebWorker) {
-                return;
-            }
-            const userOptions = {
-                ...defaultOptions,
-                ...(typeof convertToRem === 'boolean' ? {} : convertToRem),
+      api.modifyBundlerChain(async (chain, { CHAIN_ID, isServer, isWebWorker, HtmlPlugin }) => {
+        const config = api.getNormalizedConfig();
+        const { output: { convertToRem } } = config;
+        if (!convertToRem || isServer || isWebWorker) {
+          return;
+        }
+        const userOptions = {
+          ...defaultOptions,
+          ...typeof convertToRem === "boolean" ? {} : convertToRem
+        };
+        const { default: PxToRemPlugin } = await Promise.resolve((0, _buildershared.getSharedPkgCompiledPath)("postcss-pxtorem")).then((p) => /* @__PURE__ */ _interop_require_wildcard._(require(p)));
+        const applyRules = [
+          CHAIN_ID.RULE.CSS,
+          CHAIN_ID.RULE.LESS,
+          CHAIN_ID.RULE.SASS,
+          CHAIN_ID.RULE.STYLUS
+        ];
+        const getPxToRemPlugin = () => PxToRemPlugin({
+          rootValue: userOptions.rootFontSize,
+          unitPrecision: 5,
+          propList: [
+            "*"
+          ],
+          ..._lodash.default.cloneDeep(userOptions.pxtorem || {})
+        });
+        applyRules.forEach((name) => {
+          chain.module.rules.has(name) && chain.module.rule(name).use(CHAIN_ID.USE.POSTCSS).tap((options = {}) => {
+            var _options_postcssOptions;
+            return {
+              ...options,
+              postcssOptions: {
+                ...options.postcssOptions || {},
+                plugins: [
+                  ...((_options_postcssOptions = options.postcssOptions) === null || _options_postcssOptions === void 0 ? void 0 : _options_postcssOptions.plugins) || [],
+                  getPxToRemPlugin()
+                ]
+              }
             };
-            // handle css
-            const { default: PxToRemPlugin } = (await Promise.resolve(`${(0, builder_shared_1.getSharedPkgCompiledPath)('postcss-pxtorem')}`).then(s => __importStar(require(s))));
-            const applyRules = [
-                CHAIN_ID.RULE.CSS,
-                CHAIN_ID.RULE.LESS,
-                CHAIN_ID.RULE.SASS,
-                CHAIN_ID.RULE.STYLUS,
-            ];
-            const getPxToRemPlugin = () => PxToRemPlugin({
-                rootValue: userOptions.rootFontSize,
-                unitPrecision: 5,
-                propList: ['*'],
-                ...lodash_1.default.cloneDeep(userOptions.pxtorem || {}),
-            });
-            // Deep copy options to prevent unexpected behavior.
-            applyRules.forEach(name => {
-                chain.module.rules.has(name) &&
-                    chain.module
-                        .rule(name)
-                        .use(CHAIN_ID.USE.POSTCSS)
-                        .tap((options = {}) => {
-                        var _a;
-                        return ({
-                            ...options,
-                            postcssOptions: {
-                                ...(options.postcssOptions || {}),
-                                plugins: [
-                                    ...(((_a = options.postcssOptions) === null || _a === void 0 ? void 0 : _a.plugins) || []),
-                                    getPxToRemPlugin(),
-                                ],
-                            },
-                        });
-                    });
-            });
-            // handle runtime (html)
-            if (!userOptions.enableRuntime) {
-                return;
-            }
-            const entries = Object.keys(chain.entryPoints.entries() || {});
-            const distDir = (0, builder_shared_1.getDistPath)(config.output, 'js');
-            chain
-                .plugin(CHAIN_ID.PLUGIN.AUTO_SET_ROOT_SIZE)
-                .use(builder_shared_1.AutoSetRootFontSizePlugin, [
-                userOptions,
-                entries,
-                HtmlPlugin,
-                distDir,
-            ]);
+          });
         });
-    },
-});
-exports.builderPluginRem = builderPluginRem;
+        if (!userOptions.enableRuntime) {
+          return;
+        }
+        const entries = Object.keys(chain.entryPoints.entries() || {});
+        const distDir = (0, _buildershared.getDistPath)(config.output, "js");
+        chain.plugin(CHAIN_ID.PLUGIN.AUTO_SET_ROOT_SIZE).use(_buildershared.AutoSetRootFontSizePlugin, [
+          userOptions,
+          entries,
+          HtmlPlugin,
+          distDir
+        ]);
+      });
+    }
+  };
+};

package/dist/plugins/sourceBuild.d.ts

@@ -0,0 +1,23 @@
+import type { BuilderPlugin } from '@modern-js/builder-shared';
+import type { BuilderPluginAPI as WebpackBuilderPluginAPI } from '@modern-js/builder-webpack-provider';
+import type { BuilderPluginAPI as RspackBuilderPluginAPI } from '@modern-js/builder-rspack-provider';
+import { type ExtraMonorepoStrategies } from '@modern-js/monorepo-utils';
+export declare const pluginName = "builder-plugin-source-build";
+export declare const getSourceInclude: (options: {
+  projectNameOrRootPath: string;
+  findMonorepoStartPath: string;
+  sourceField: string;
+  extraMonorepoStrategies?: ExtraMonorepoStrategies;
+}) => Promise<string[]>;
+export declare const sourceBuildInWebpack: (api: WebpackBuilderPluginAPI, options: {
+  sourceField: string;
+  projectRootPath: string;
+  projectName?: string;
+  extraMonorepoStrategies?: ExtraMonorepoStrategies;
+}) => void;
+export interface PluginSourceBuildOptions {
+  projectName?: string;
+  sourceField?: string;
+  extraMonorepoStrategies?: ExtraMonorepoStrategies;
+}
+export declare function builderPluginSourceBuild(options?: PluginSourceBuildOptions): BuilderPlugin<WebpackBuilderPluginAPI | RspackBuilderPluginAPI>;

package/dist/plugins/sourceBuild.js

@@ -0,0 +1,137 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+function _export(target, all) {
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name]
+    });
+}
+_export(exports, {
+  pluginName: function() {
+    return pluginName;
+  },
+  getSourceInclude: function() {
+    return getSourceInclude;
+  },
+  sourceBuildInWebpack: function() {
+    return sourceBuildInWebpack;
+  },
+  builderPluginSourceBuild: function() {
+    return builderPluginSourceBuild;
+  }
+});
+const _monorepoutils = require("@modern-js/monorepo-utils");
+const pluginName = "builder-plugin-source-build";
+const getSourceInclude = async (options) => {
+  const { projectNameOrRootPath, sourceField, extraMonorepoStrategies, findMonorepoStartPath } = options;
+  const projects = await (0, _monorepoutils.getDependentProjects)(projectNameOrRootPath, {
+    cwd: findMonorepoStartPath,
+    recursive: true,
+    filter: (0, _monorepoutils.filterByField)(sourceField),
+    extraMonorepoStrategies
+  });
+  const includes = [];
+  for (const project of projects) {
+    includes.push(...project.getSourceEntryPaths({
+      field: sourceField
+    }));
+  }
+  return includes;
+};
+const sourceBuildInWebpack = (api, options) => {
+  const { sourceField, projectRootPath, projectName, extraMonorepoStrategies } = options;
+  api.modifyBuilderConfig(async (config) => {
+    var _config_experiments;
+    const { sourceBuild = true } = (_config_experiments = config.experiments) !== null && _config_experiments !== void 0 ? _config_experiments : {};
+    if (!sourceBuild) {
+      return;
+    }
+    const includes = await getSourceInclude({
+      projectNameOrRootPath: projectName || projectRootPath,
+      sourceField,
+      findMonorepoStartPath: projectRootPath,
+      extraMonorepoStrategies
+    });
+    var _config_source;
+    config.source = (_config_source = config.source) !== null && _config_source !== void 0 ? _config_source : {};
+    var _config_source_include;
+    config.source.include = [
+      ...(_config_source_include = config.source.include) !== null && _config_source_include !== void 0 ? _config_source_include : [],
+      ...includes
+    ];
+  });
+  api.modifyBundlerChain((chain) => {
+    const { experiments: { sourceBuild } } = api.getNormalizedConfig();
+    if (!sourceBuild) {
+      return;
+    }
+    if (chain.resolve.mainFields.values().length === 0) {
+      chain.resolve.mainFields.prepend("...");
+      chain.resolve.mainFields.prepend(sourceField);
+    }
+  });
+  api.modifyWebpackConfig(async (config) => {
+    const { experiments: { sourceBuild } } = api.getNormalizedConfig();
+    if (!sourceBuild) {
+      return;
+    }
+    var _config_resolve;
+    config.resolve = (_config_resolve = config.resolve) !== null && _config_resolve !== void 0 ? _config_resolve : {};
+    var _config_resolve_conditionNames;
+    config.resolve.conditionNames = [
+      "...",
+      sourceField,
+      ...(_config_resolve_conditionNames = config.resolve.conditionNames) !== null && _config_resolve_conditionNames !== void 0 ? _config_resolve_conditionNames : []
+    ];
+  });
+};
+function builderPluginSourceBuild(options) {
+  const { projectName, sourceField = "source", extraMonorepoStrategies } = options !== null && options !== void 0 ? options : {};
+  return {
+    name: pluginName,
+    async setup(api) {
+      const projectRootPath = api.context.rootPath;
+      if (api.context.bundlerType === "webpack") {
+        api.modifyBuilderConfig(async (config) => {
+          var _config_experiments;
+          const { sourceBuild = true } = (_config_experiments = config.experiments) !== null && _config_experiments !== void 0 ? _config_experiments : {};
+          if (!sourceBuild) {
+            return;
+          }
+          const includes = await getSourceInclude({
+            projectNameOrRootPath: projectName || projectRootPath,
+            sourceField,
+            findMonorepoStartPath: projectRootPath,
+            extraMonorepoStrategies
+          });
+          var _config_source;
+          config.source = (_config_source = config.source) !== null && _config_source !== void 0 ? _config_source : {};
+          var _config_source_include;
+          config.source.include = [
+            ...(_config_source_include = config.source.include) !== null && _config_source_include !== void 0 ? _config_source_include : [],
+            ...includes
+          ];
+        });
+        api.modifyBundlerChain((chain, { CHAIN_ID }) => {
+          const { experiments: { sourceBuild } } = api.getNormalizedConfig();
+          if (!sourceBuild) {
+            return;
+          }
+          chain.module.rule(CHAIN_ID.RULE.JS).resolve.mainFields.merge([
+            "...",
+            sourceField
+          ]);
+          chain.module.rule(CHAIN_ID.RULE.JS).resolve.merge({
+            conditionNames: [
+              "...",
+              sourceField
+            ]
+          });
+        });
+      }
+    }
+  };
+}

package/dist/plugins/splitChunks.d.ts

@@ -1,4 +1,4 @@
 import { type DefaultBuilderPlugin } from '@modern-js/builder-shared';
 /** Expect to match path just like "./node_modules/react-router/" */
 export declare const createDependenciesRegExp: (...dependencies: (string | RegExp)[]) => RegExp;
-export declare function builderPluginSplitChunks(): DefaultBuilderPlugin;
+export declare function builderPluginSplitChunks(): DefaultBuilderPlugin;