@rsbuild/core 1.0.1-beta.3 → 1.0.1-beta.4

package/dist/index.js

@@ -46,12 +46,12 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// ../../node_modules/.pnpm/@modern-js+module-tools@2.55.0_typescript@5.5.2/node_modules/@modern-js/module-tools/shims/esm.js
+// ../../node_modules/.pnpm/@modern-js+module-tools@2.56.0_typescript@5.5.2/node_modules/@modern-js/module-tools/shims/esm.js
 import { fileURLToPath } from "url";
 import path from "path";
 var getFilename, getDirname, __dirname, __filename;
 var init_esm = __esm({
-  "../../node_modules/.pnpm/@modern-js+module-tools@2.55.0_typescript@5.5.2/node_modules/@modern-js/module-tools/shims/esm.js"() {
+  "../../node_modules/.pnpm/@modern-js+module-tools@2.56.0_typescript@5.5.2/node_modules/@modern-js/module-tools/shims/esm.js"() {
     "use strict";
     getFilename = () => fileURLToPath(import.meta.url);
     getDirname = () => path.dirname(getFilename());
@@ -427,12 +427,12 @@ function formatStats(stats, options = {}) {
   }
   return {};
 }
-function isEmptyDir(path18) {
-  const files = fs.readdirSync(path18);
+function isEmptyDir(path20) {
+  const files = fs.readdirSync(path20);
   return files.length === 0 || files.length === 1 && files[0] === ".git";
 }
-async function pathExists(path18) {
-  return fs.promises.access(path18).then(() => true).catch(() => false);
+async function pathExists(path20) {
+  return fs.promises.access(path20).then(() => true).catch(() => false);
 }
 async function isFileExists(file) {
   return fs.promises.access(file, fs.constants.F_OK).then(() => true).catch(() => false);
@@ -708,9 +708,9 @@ ${color2.yellow(tips.join("\n"))}`;
       }
       return false;
     };
-    urlJoin = (base, path18) => {
+    urlJoin = (base, path20) => {
       const fullUrl = new URL(base);
-      fullUrl.pathname = posix.join(fullUrl.pathname, path18);
+      fullUrl.pathname = posix.join(fullUrl.pathname, path20);
       return fullUrl.toString();
     };
     canParse = (url2) => {
@@ -822,8 +822,8 @@ var init_mergeConfig = __esm({
       }
       return OVERRIDE_PATHS.includes(key);
     };
-    merge = (x, y, path18 = "") => {
-      if (isOverridePath(path18)) {
+    merge = (x, y, path20 = "") => {
+      if (isOverridePath(path20)) {
         return y ?? x;
       }
       if (x === void 0) {
@@ -845,7 +845,7 @@ var init_mergeConfig = __esm({
       const merged = {};
       const keys = /* @__PURE__ */ new Set([...Object.keys(x), ...Object.keys(y)]);
       for (const key of keys) {
-        const childPath = path18 ? `${path18}.${key}` : key;
+        const childPath = path20 ? `${path20}.${key}` : key;
         merged[key] = merge(x[key], y[key], childPath);
       }
       return merged;
@@ -956,10 +956,10 @@ async function watchFiles(files) {
 }
 async function loadConfig({
   cwd = process.cwd(),
-  path: path18,
+  path: path20,
   envMode
 } = {}) {
-  const configFilePath = resolveConfigPath(cwd, path18);
+  const configFilePath = resolveConfigPath(cwd, path20);
   if (!configFilePath) {
     return {
       content: {},
@@ -1493,23 +1493,6 @@ function getHTMLPathByEntry(entryName, config) {
   const filename = config.html.outputStructure === "flat" ? `${entryName}.html` : `${entryName}/index.html`;
   return removeLeadingSlash(`${config.output.distPath.html}/${filename}`);
 }
-function applyTransformPlugin(chain, transformer) {
-  const name = "RsbuildTransformPlugin";
-  if (chain.plugins.get(name)) {
-    return;
-  }
-  class RsbuildTransformPlugin {
-    apply(compiler) {
-      compiler.__rsbuildTransformer = transformer;
-      compiler.hooks.thisCompilation.tap(name, (compilation) => {
-        compilation.hooks.childCompiler.tap(name, (childCompiler) => {
-          childCompiler.__rsbuildTransformer = transformer;
-        });
-      });
-    }
-  }
-  chain.plugin(name).use(RsbuildTransformPlugin);
-}
 function getPluginAPI({
   context,
   pluginManager
@@ -1556,6 +1539,40 @@ function getPluginAPI({
   };
   let transformId = 0;
   const transformer = {};
+  const processAssetsFns = [];
+  hooks.modifyBundlerChain.tap((chain, { target, environment }) => {
+    const pluginName = "RsbuildCorePlugin";
+    class RsbuildCorePlugin {
+      apply(compiler) {
+        compiler.__rsbuildTransformer = transformer;
+        compiler.hooks.thisCompilation.tap(pluginName, (compilation) => {
+          compilation.hooks.childCompiler.tap(pluginName, (childCompiler) => {
+            childCompiler.__rsbuildTransformer = transformer;
+          });
+        });
+        compiler.hooks.compilation.tap(pluginName, (compilation) => {
+          for (const { descriptor, handler } of processAssetsFns) {
+            if (descriptor.targets && !descriptor.targets.includes(target)) {
+              return;
+            }
+            compilation.hooks.processAssets.tapPromise(
+              {
+                name: pluginName,
+                stage: mapProcessAssetsStage(compiler, descriptor.stage)
+              },
+              async (assets) => handler({
+                assets,
+                compiler,
+                compilation,
+                environment
+              })
+            );
+          }
+        });
+      }
+    }
+    chain.plugin(pluginName).use(RsbuildCorePlugin);
+  });
   const transform = (descriptor, handler) => {
     const id = `rsbuild-transform-${transformId++}`;
     transformer[id] = handler;
@@ -1575,10 +1592,15 @@ function getPluginAPI({
       }
       const loaderName = descriptor.raw ? "transformRawLoader.cjs" : "transformLoader.cjs";
       const loaderPath = join5(LOADER_PATH, loaderName);
-      rule.use(id).loader(loaderPath).options({ id });
-      applyTransformPlugin(chain, transformer);
+      rule.use(id).loader(loaderPath).options({
+        id,
+        getEnvironment: () => environment
+      });
     });
   };
+  const processAssets = (descriptor, handler) => {
+    processAssetsFns.push({ descriptor, handler });
+  };
   process.on("exit", () => {
     hooks.onExit.call();
   });
@@ -1587,6 +1609,7 @@ function getPluginAPI({
     expose,
     transform,
     useExposed,
+    processAssets,
     getRsbuildConfig,
     getNormalizedConfig,
     isPluginExists: pluginManager.isPluginExists,
@@ -1611,6 +1634,7 @@ function getPluginAPI({
     modifyEnvironmentConfig: hooks.modifyEnvironmentConfig.tap
   };
 }
+var mapProcessAssetsStage;
 var init_initPlugins = __esm({
   "src/initPlugins.ts"() {
     "use strict";
@@ -1618,6 +1642,45 @@ var init_initPlugins = __esm({
     init_constants();
     init_createContext();
     init_helpers();
+    mapProcessAssetsStage = (compiler, stage) => {
+      const { Compilation } = compiler.webpack;
+      switch (stage) {
+        case "additional":
+          return Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL;
+        case "pre-process":
+          return Compilation.PROCESS_ASSETS_STAGE_PRE_PROCESS;
+        case "derived":
+          return Compilation.PROCESS_ASSETS_STAGE_DERIVED;
+        case "additions":
+          return Compilation.PROCESS_ASSETS_STAGE_ADDITIONS;
+        case "none":
+          return Compilation.PROCESS_ASSETS_STAGE_NONE;
+        case "optimize":
+          return Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE;
+        case "optimize-count":
+          return Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE_COUNT;
+        case "optimize-compatibility":
+          return Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE_COMPATIBILITY;
+        case "optimize-size":
+          return Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE_SIZE;
+        case "dev-tooling":
+          return Compilation.PROCESS_ASSETS_STAGE_DEV_TOOLING;
+        case "optimize-inline":
+          return Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE_INLINE;
+        case "summarize":
+          return Compilation.PROCESS_ASSETS_STAGE_SUMMARIZE;
+        case "optimize-hash":
+          return Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE_HASH;
+        case "optimize-transfer":
+          return Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE_TRANSFER;
+        case "analyse":
+          return Compilation.PROCESS_ASSETS_STAGE_ANALYSE;
+        case "report":
+          return Compilation.PROCESS_ASSETS_STAGE_REPORT;
+        default:
+          throw new Error(`Invalid process assets stage: ${stage}`);
+      }
+    };
   }
 });
 
@@ -1636,33 +1699,33 @@ async function createContextByConfig(options, bundlerType) {
   const rootPath = cwd;
   const cachePath = join6(rootPath, "node_modules", ".cache");
   return {
-    version: "1.0.1-beta.3",
+    version: "1.0.1-beta.4",
     rootPath,
     distPath: "",
     cachePath,
     bundlerType
   };
 }
-async function getBrowserslist(path18) {
+async function getBrowserslist(path20) {
   const env = process.env.NODE_ENV;
-  const cacheKey = path18 + env;
+  const cacheKey = path20 + env;
   if (browsersListCache.has(cacheKey)) {
     return browsersListCache.get(cacheKey);
   }
-  const result = browserslist.loadConfig({ path: path18, env });
+  const result = browserslist.loadConfig({ path: path20, env });
   if (result) {
     browsersListCache.set(cacheKey, result);
     return result;
   }
   return null;
 }
-async function getBrowserslistByEnvironment(path18, config) {
+async function getBrowserslistByEnvironment(path20, config) {
   const { target, overrideBrowserslist } = config.output;
   if (Array.isArray(overrideBrowserslist)) {
     return overrideBrowserslist;
   }
   if (target === "web" || target === "web-worker") {
-    const browserslistrc = await getBrowserslist(path18);
+    const browserslistrc = await getBrowserslist(path20);
     if (browserslistrc) {
       return browserslistrc;
     }
@@ -2314,8 +2377,6 @@ var init_configChain = __esm({
         MANIFEST: "webpack-manifest",
         /** ForkTsCheckerWebpackPlugin */
         TS_CHECKER: "ts-checker",
-        /** InlineChunkHtmlPlugin */
-        INLINE_HTML: "inline-html",
         /** WebpackBundleAnalyzer */
         BUNDLE_ANALYZER: "bundle-analyze",
         /** ModuleFederationPlugin */
@@ -3527,8 +3588,8 @@ var init_getDevMiddlewares = __esm({
       }
       middlewares.push((req, res, next) => {
         res.setHeader("Access-Control-Allow-Origin", "*");
-        const path18 = req.url ? url.parse(req.url).pathname : "";
-        if (path18?.includes("hot-update")) {
+        const path20 = req.url ? url.parse(req.url).pathname : "";
+        if (path20?.includes("hot-update")) {
           res.setHeader("Access-Control-Allow-Credentials", "false");
         }
         const confHeaders = server.headers;
@@ -3555,7 +3616,7 @@ var init_getDevMiddlewares = __esm({
           compileMiddlewareAPI.onUpgrade.bind(compileMiddlewareAPI)
         );
         middlewares.push((req, res, next) => {
-          if (req.url?.endsWith(".hot-update.json")) {
+          if (req.url?.endsWith(".hot-update.json") && req.method !== "OPTIONS") {
             res.statusCode = 404;
             res.end();
           } else {
@@ -5945,6 +6006,7 @@ var init_HtmlBasicPlugin = __esm({
               bodyTags: bodyTags.map(formatBasicTag)
             };
             const modified = this.modifyTagsFn ? await this.modifyTagsFn(tags, {
+              compiler,
               compilation,
               assetPrefix: data.publicPath,
               filename: data.outputName,
@@ -5966,84 +6028,13 @@ var init_HtmlBasicPlugin = __esm({
   }
 });
 
-// src/rspack/HtmlAppIconPlugin.ts
-var HtmlAppIconPlugin_exports = {};
-__export(HtmlAppIconPlugin_exports, {
-  HtmlAppIconPlugin: () => HtmlAppIconPlugin
-});
-import fs7 from "fs";
-import { basename, posix as posix4 } from "path";
-var HtmlAppIconPlugin;
-var init_HtmlAppIconPlugin = __esm({
-  "src/rspack/HtmlAppIconPlugin.ts"() {
-    "use strict";
-    init_esm();
-    init_helpers();
-    init_pluginHelper();
-    HtmlAppIconPlugin = class {
-      constructor(options) {
-        __publicField(this, "name");
-        __publicField(this, "distDir");
-        __publicField(this, "iconPath");
-        this.name = "HtmlAppIconPlugin";
-        this.distDir = options.distDir;
-        this.iconPath = options.iconPath;
-      }
-      apply(compiler) {
-        if (!fs7.existsSync(this.iconPath)) {
-          throw new Error(
-            `[${this.name}] Can not find the app icon, please check if the '${this.iconPath}' file exists'.`
-          );
-        }
-        const iconRelativePath = posix4.join(this.distDir, basename(this.iconPath));
-        compiler.hooks.compilation.tap(this.name, (compilation) => {
-          getHTMLPlugin().getHooks(compilation).alterAssetTagGroups.tap(this.name, (data) => {
-            data.headTags.unshift({
-              tagName: "link",
-              voidTag: true,
-              attributes: {
-                rel: "apple-touch-icon",
-                sizes: "180*180",
-                href: ensureAssetPrefix(
-                  iconRelativePath,
-                  compilation.outputOptions.publicPath
-                )
-              },
-              meta: {}
-            });
-            return data;
-          });
-        });
-        compiler.hooks.thisCompilation.tap(
-          this.name,
-          (compilation) => {
-            compilation.hooks.processAssets.tap(
-              {
-                name: this.name,
-                stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_PRE_PROCESS
-              },
-              () => {
-                const source = fs7.readFileSync(this.iconPath);
-                compilation.emitAsset(
-                  iconRelativePath,
-                  new compiler.webpack.sources.RawSource(source, false)
-                );
-              }
-            );
-          }
-        );
-      }
-    };
-  }
-});
-
 // src/plugins/html.ts
 var html_exports = {};
 __export(html_exports, {
   getTemplate: () => getTemplate,
   pluginHtml: () => pluginHtml
 });
-import fs8 from "fs";
+import fs7 from "fs";
 import path12, { isAbsolute as isAbsolute7 } from "path";
 import color12 from "../compiled/picocolors/index.js";
 function getTitle(entryName, config) {
@@ -6083,7 +6074,7 @@ async function getTemplate(entryName, config, rootPath) {
     }
     existTemplatePath.add(absolutePath);
   }
-  const templateContent = await fs8.promises.readFile(absolutePath, "utf-8");
+  const templateContent = await fs7.promises.readFile(absolutePath, "utf-8");
   return {
     templatePath: absolutePath,
     templateContent
@@ -6264,17 +6255,11 @@ var init_html = __esm({
             const { HtmlBasicPlugin: HtmlBasicPlugin2 } = await Promise.resolve().then(() => (init_HtmlBasicPlugin(), HtmlBasicPlugin_exports));
             chain.plugin(CHAIN_ID2.PLUGIN.HTML_BASIC).use(HtmlBasicPlugin2, [htmlInfoMap, environment, modifyTagsFn]);
             if (config.html) {
-              const { appIcon, crossorigin } = config.html;
+              const { crossorigin } = config.html;
               if (crossorigin) {
                 const formattedCrossorigin = crossorigin === true ? "anonymous" : crossorigin;
                 chain.output.crossOriginLoading(formattedCrossorigin);
               }
-              if (appIcon) {
-                const { HtmlAppIconPlugin: HtmlAppIconPlugin2 } = await Promise.resolve().then(() => (init_HtmlAppIconPlugin(), HtmlAppIconPlugin_exports));
-                const distDir = config.output.distPath.image;
-                const iconPath = path12.isAbsolute(appIcon) ? appIcon : path12.join(api.context.rootPath, appIcon);
-                chain.plugin(CHAIN_ID2.PLUGIN.APP_ICON).use(HtmlAppIconPlugin2, [{ iconPath, distDir }]);
-              }
             }
           }
         );
@@ -6301,12 +6286,95 @@ var init_html = __esm({
   }
 });
 
+// src/plugins/appIcon.ts
+var appIcon_exports = {};
+__export(appIcon_exports, {
+  pluginAppIcon: () => pluginAppIcon
+});
+import fs8 from "fs";
+import path13 from "path";
+var pluginAppIcon;
+var init_appIcon = __esm({
+  "src/plugins/appIcon.ts"() {
+    "use strict";
+    init_esm();
+    init_helpers();
+    pluginAppIcon = () => ({
+      name: "rsbuild:app-icon",
+      setup(api) {
+        const cache = /* @__PURE__ */ new Map();
+        const getIconPath = ({ config, name }) => {
+          const { appIcon } = config.html;
+          if (!appIcon) {
+            return;
+          }
+          const cached = cache.get(name);
+          if (cached) {
+            cached;
+          }
+          const distDir = config.output.distPath.image;
+          const absolutePath = path13.isAbsolute(appIcon) ? appIcon : path13.join(api.context.rootPath, appIcon);
+          const relativePath = path13.posix.join(
+            distDir,
+            path13.basename(absolutePath)
+          );
+          const paths = {
+            absolutePath,
+            relativePath
+          };
+          cache.set(name, paths);
+          return paths;
+        };
+        api.processAssets(
+          { stage: "additional" },
+          async ({ compiler, compilation, environment }) => {
+            const iconPath = getIconPath(environment);
+            if (!iconPath) {
+              return;
+            }
+            if (!await isFileExists(iconPath.absolutePath)) {
+              throw new Error(
+                `[rsbuild:app-icon] Can not find the app icon, please check if the '${iconPath.relativePath}' file exists'.`
+              );
+            }
+            const source = await fs8.promises.readFile(iconPath.absolutePath);
+            compilation.emitAsset(
+              iconPath.relativePath,
+              new compiler.webpack.sources.RawSource(source, false)
+            );
+          }
+        );
+        api.modifyHTMLTags(
+          ({ headTags, bodyTags }, { environment, compilation }) => {
+            const iconPath = getIconPath(environment);
+            if (!iconPath) {
+              return { headTags, bodyTags };
+            }
+            headTags.unshift({
+              tag: "link",
+              attrs: {
+                rel: "apple-touch-icon",
+                sizes: "180*180",
+                href: ensureAssetPrefix(
+                  iconPath.relativePath,
+                  compilation.outputOptions.publicPath
+                )
+              }
+            });
+            return { headTags, bodyTags };
+          }
+        );
+      }
+    });
+  }
+});
+
 // src/plugins/wasm.ts
 var wasm_exports = {};
 __export(wasm_exports, {
   pluginWasm: () => pluginWasm
 });
-import { posix as posix5 } from "path";
+import { posix as posix4 } from "path";
 var pluginWasm;
 var init_wasm = __esm({
   "src/plugins/wasm.ts"() {
@@ -6322,7 +6390,7 @@ var init_wasm = __esm({
             ...chain.get("experiments"),
             asyncWebAssembly: true
           });
-          const wasmFilename = posix5.join(distPath, "[hash].module.wasm");
+          const wasmFilename = posix4.join(distPath, "[hash].module.wasm");
           chain.output.merge({
             webassemblyModuleFilename: wasmFilename
           });
@@ -6371,22 +6439,22 @@ var nodeAddons_exports = {};
 __export(nodeAddons_exports, {
   pluginNodeAddons: () => pluginNodeAddons
 });
-import path13 from "path";
+import path14 from "path";
 var getFilename3, pluginNodeAddons;
 var init_nodeAddons = __esm({
   "src/plugins/nodeAddons.ts"() {
     "use strict";
     init_esm();
     getFilename3 = (resourcePath) => {
-      let basename2 = "";
+      let basename = "";
       if (resourcePath) {
-        const parsed = path13.parse(resourcePath);
+        const parsed = path14.parse(resourcePath);
         if (parsed.dir) {
-          basename2 = parsed.name;
+          basename = parsed.name;
         }
       }
-      if (basename2) {
-        return `${basename2}.node`;
+      if (basename) {
+        return `${basename}.node`;
       }
       return null;
     };
@@ -6590,7 +6658,7 @@ __export(swc_exports, {
   pluginSwc: () => pluginSwc
 });
 import fs9 from "fs";
-import path14 from "path";
+import path15 from "path";
 function applyScriptCondition({
   rule,
   chain,
@@ -6640,7 +6708,7 @@ function getDefaultSwcConfig(browserslist3, cacheRoot) {
 async function applyCoreJs(swcConfig, polyfillMode) {
   const coreJsPath = __require.resolve("core-js/package.json");
   const version2 = getCoreJsVersion(coreJsPath);
-  const coreJsDir = path14.dirname(coreJsPath);
+  const coreJsDir = path15.dirname(coreJsPath);
   swcConfig.env.coreJs = version2;
   if (polyfillMode === "usage") {
     swcConfig.env.shippedProposals = true;
@@ -6689,7 +6757,7 @@ var init_swc = __esm({
           order: "pre",
           handler: async (chain, { CHAIN_ID: CHAIN_ID2, target, environment }) => {
             const { config, browserslist: browserslist3 } = environment;
-            const cacheRoot = path14.join(api.context.cachePath, ".swc");
+            const cacheRoot = path15.join(api.context.cachePath, ".swc");
             const rule = chain.module.rule(CHAIN_ID2.RULE.JS).test(SCRIPT_REGEX).type("javascript/auto");
             const dataUriRule = chain.module.rule(CHAIN_ID2.RULE.JS_DATA_URI).mimetype({
               or: ["text/javascript", "application/javascript"]
@@ -6711,7 +6779,7 @@ var init_swc = __esm({
             if (swcConfig.jsc?.externalHelpers) {
               chain.resolve.alias.set(
                 "@swc/helpers",
-                path14.dirname(__require.resolve("@swc/helpers/package.json"))
+                path15.dirname(__require.resolve("@swc/helpers/package.json"))
               );
             }
             if (isWebTarget(target)) {
@@ -7136,188 +7204,41 @@ var init_open = __esm({
   }
 });
 
-// src/rspack/InlineChunkHtmlPlugin.ts
-var InlineChunkHtmlPlugin_exports = {};
-__export(InlineChunkHtmlPlugin_exports, {
-  InlineChunkHtmlPlugin: () => InlineChunkHtmlPlugin
-});
-import { join as join11 } from "path";
-var InlineChunkHtmlPlugin;
-var init_InlineChunkHtmlPlugin = __esm({
-  "src/rspack/InlineChunkHtmlPlugin.ts"() {
-    "use strict";
-    init_esm();
-    init_helpers();
-    init_pluginHelper();
-    InlineChunkHtmlPlugin = class {
-      constructor({
-        styleTests,
-        scriptTests,
-        distPath
-      }) {
-        __publicField(this, "name");
-        __publicField(this, "styleTests");
-        __publicField(this, "scriptTests");
-        __publicField(this, "distPath");
-        __publicField(this, "inlinedAssets");
-        this.name = "InlineChunkHtmlPlugin";
-        this.styleTests = styleTests;
-        this.scriptTests = scriptTests;
-        this.distPath = distPath;
-        this.inlinedAssets = /* @__PURE__ */ new Set();
-      }
-      /**
-       * If we inlined the chunk to HTML,we should update the value of sourceMappingURL,
-       * because the relative path of source code has been changed.
-       * @param source
-       */
-      updateSourceMappingURL({
-        source,
-        compilation,
-        publicPath,
-        type
-      }) {
-        const { devtool } = compilation.options;
-        if (devtool && // If the source map is inlined, we do not need to update the sourceMappingURL
-        !devtool.includes("inline") && source.includes("# sourceMappingURL")) {
-          const prefix = addTrailingSlash(
-            join11(publicPath, this.distPath[type] || "")
-          );
-          return source.replace(
-            /# sourceMappingURL=/,
-            `# sourceMappingURL=${prefix}`
-          );
-        }
-        return source;
-      }
-      matchTests(name, source, tests) {
-        return tests.some((test) => {
-          if (isFunction(test)) {
-            const size = source.length;
-            return test({ name, size });
-          }
-          return test.exec(name);
-        });
-      }
-      getInlinedScriptTag(publicPath, tag, compilation) {
-        const { assets } = compilation;
-        if (!(tag?.attributes.src && typeof tag.attributes.src === "string")) {
-          return tag;
-        }
-        const { src, ...otherAttrs } = tag.attributes;
-        const scriptName = publicPath ? src.replace(publicPath, "") : src;
-        const asset = assets[scriptName];
-        if (asset == null) {
-          return tag;
-        }
-        const source = asset.source().toString();
-        const shouldInline = this.matchTests(scriptName, source, this.scriptTests);
-        if (!shouldInline) {
-          return tag;
-        }
-        const ret = {
-          tagName: "script",
-          innerHTML: this.updateSourceMappingURL({
-            source,
-            compilation,
-            publicPath,
-            type: "js"
-          }),
-          attributes: {
-            ...otherAttrs
-          },
-          closeTag: true
-        };
-        this.inlinedAssets.add(scriptName);
-        return ret;
-      }
-      getInlinedCSSTag(publicPath, tag, compilation) {
-        const { assets } = compilation;
-        if (!(tag.attributes.href && typeof tag.attributes.href === "string")) {
-          return tag;
-        }
-        const linkName = publicPath ? tag.attributes.href.replace(publicPath, "") : tag.attributes.href;
-        const asset = assets[linkName];
-        if (asset == null) {
-          return tag;
-        }
-        const source = asset.source().toString();
-        const shouldInline = this.matchTests(linkName, source, this.styleTests);
-        if (!shouldInline) {
-          return tag;
-        }
-        const ret = {
-          tagName: "style",
-          innerHTML: this.updateSourceMappingURL({
-            source,
-            compilation,
-            publicPath,
-            type: "css"
-          }),
-          closeTag: true
-        };
-        this.inlinedAssets.add(linkName);
-        return ret;
-      }
-      getInlinedTag(publicPath, tag, compilation) {
-        if (tag.tagName === "script") {
-          return this.getInlinedScriptTag(
-            publicPath,
-            tag,
-            compilation
-          );
-        }
-        if (tag.tagName === "link" && tag.attributes && tag.attributes.rel === "stylesheet") {
-          return this.getInlinedCSSTag(
-            publicPath,
-            tag,
-            compilation
-          );
-        }
-        return tag;
-      }
-      apply(compiler) {
-        compiler.hooks.compilation.tap(this.name, (compilation) => {
-          const publicPath = getPublicPathFromCompiler(compiler);
-          const tagFunction = (tag) => this.getInlinedTag(publicPath, tag, compilation);
-          const hooks = getHTMLPlugin().getHooks(compilation);
-          hooks.alterAssetTagGroups.tap(this.name, (assets) => {
-            assets.headTags = assets.headTags.map(tagFunction);
-            assets.bodyTags = assets.bodyTags.map(tagFunction);
-            return assets;
-          });
-          compilation.hooks.processAssets.tap(
-            {
-              name: "InlineChunkHtmlPlugin",
-              /**
-               * Remove marked inline assets in summarize stage,
-               * which should be later than the emitting of html-rspack-plugin
-               */
-              stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_SUMMARIZE
-            },
-            () => {
-              const { devtool } = compiler.options;
-              for (const name of this.inlinedAssets) {
-                if (devtool === "hidden-source-map") {
-                  compilation.deleteAsset(name);
-                } else {
-                  delete compilation.assets[name];
-                }
-              }
-              this.inlinedAssets.clear();
-            }
-          );
-        });
-      }
-    };
-  }
-});
-
 // src/plugins/inlineChunk.ts
 var inlineChunk_exports = {};
 __export(inlineChunk_exports, {
   pluginInlineChunk: () => pluginInlineChunk
 });
+import path16 from "path";
+function updateSourceMappingURL({
+  source,
+  compilation,
+  publicPath,
+  type,
+  config
+}) {
+  const { devtool } = compilation.options;
+  if (devtool && // If the source map is inlined, we do not need to update the sourceMappingURL
+  !devtool.includes("inline") && source.includes("# sourceMappingURL")) {
+    const prefix = addTrailingSlash(
+      path16.join(publicPath, config.output.distPath[type] || "")
+    );
+    return source.replace(
+      /# sourceMappingURL=/,
+      `# sourceMappingURL=${prefix}`
+    );
+  }
+  return source;
+}
+function matchTests(name, source, tests) {
+  return tests.some((test) => {
+    if (isFunction(test)) {
+      const size = source.length;
+      return test({ name, size });
+    }
+    return test.exec(name);
+  });
+}
 var pluginInlineChunk;
 var init_inlineChunk = __esm({
   "src/plugins/inlineChunk.ts"() {
@@ -7328,32 +7249,144 @@ var init_inlineChunk = __esm({
     pluginInlineChunk = () => ({
       name: "rsbuild:inline-chunk",
       setup(api) {
-        api.modifyBundlerChain(async (chain, { CHAIN_ID: CHAIN_ID2, isDev: isDev2, environment }) => {
-          const { htmlPaths, config } = environment;
-          if (Object.keys(htmlPaths).length === 0 || isDev2) {
-            return;
+        const inlinedAssets = /* @__PURE__ */ new Set();
+        const getInlinedScriptTag = (publicPath, tag, compilation, scriptTests, config) => {
+          const { assets } = compilation;
+          if (!(tag.attrs?.src && typeof tag.attrs.src === "string")) {
+            return tag;
           }
-          const { InlineChunkHtmlPlugin: InlineChunkHtmlPlugin2 } = await Promise.resolve().then(() => (init_InlineChunkHtmlPlugin(), InlineChunkHtmlPlugin_exports));
-          const { inlineStyles, inlineScripts } = config.output;
-          const scriptTests = [];
-          const styleTests = [];
-          if (inlineScripts) {
-            scriptTests.push(inlineScripts === true ? JS_REGEX : inlineScripts);
+          const { src, ...otherAttrs } = tag.attrs;
+          const scriptName = publicPath ? src.replace(publicPath, "") : src;
+          const asset = assets[scriptName];
+          if (asset == null) {
+            return tag;
           }
-          if (inlineStyles) {
-            styleTests.push(inlineStyles === true ? CSS_REGEX : inlineStyles);
+          const source = asset.source().toString();
+          const shouldInline = matchTests(scriptName, source, scriptTests);
+          if (!shouldInline) {
+            return tag;
           }
-          if (!scriptTests.length && !styleTests.length) {
-            return;
+          const ret = {
+            tag: "script",
+            children: updateSourceMappingURL({
+              source,
+              compilation,
+              publicPath,
+              type: "js",
+              config
+            }),
+            attrs: {
+              ...otherAttrs
+            }
+          };
+          inlinedAssets.add(scriptName);
+          return ret;
+        };
+        const getInlinedCSSTag = (publicPath, tag, compilation, styleTests, config) => {
+          const { assets } = compilation;
+          if (!(tag.attrs?.href && typeof tag.attrs.href === "string")) {
+            return tag;
           }
-          chain.plugin(CHAIN_ID2.PLUGIN.INLINE_HTML).before(CHAIN_ID2.PLUGIN.HTML_BASIC).use(InlineChunkHtmlPlugin2, [
-            {
-              styleTests,
+          const linkName = publicPath ? tag.attrs.href.replace(publicPath, "") : tag.attrs.href;
+          const asset = assets[linkName];
+          if (asset == null) {
+            return tag;
+          }
+          const source = asset.source().toString();
+          const shouldInline = matchTests(linkName, source, styleTests);
+          if (!shouldInline) {
+            return tag;
+          }
+          const ret = {
+            tag: "style",
+            children: updateSourceMappingURL({
+              source,
+              compilation,
+              publicPath,
+              type: "css",
+              config
+            })
+          };
+          inlinedAssets.add(linkName);
+          return ret;
+        };
+        const getInlinedTag = (publicPath, tag, compilation, scriptTests, styleTests, config) => {
+          if (tag.tag === "script") {
+            return getInlinedScriptTag(
+              publicPath,
+              tag,
+              compilation,
               scriptTests,
-              distPath: pick(config.output.distPath, ["js", "css"])
+              config
+            );
+          }
+          if (tag.tag === "link" && tag.attrs && tag.attrs.rel === "stylesheet") {
+            return getInlinedCSSTag(
+              publicPath,
+              tag,
+              compilation,
+              styleTests,
+              config
+            );
+          }
+          return tag;
+        };
+        api.processAssets(
+          {
+            /**
+             * Remove marked inline assets in summarize stage,
+             * which should be later than the emitting of html-rspack-plugin
+             */
+            stage: "summarize"
+          },
+          ({ compiler, compilation }) => {
+            if (inlinedAssets.size === 0) {
+              return;
             }
-          ]);
-        });
+            const { devtool } = compiler.options;
+            for (const name of inlinedAssets) {
+              if (devtool === "hidden-source-map") {
+                compilation.deleteAsset(name);
+              } else {
+                delete compilation.assets[name];
+              }
+            }
+            inlinedAssets.clear();
+          }
+        );
+        api.modifyHTMLTags(
+          ({ headTags, bodyTags }, { compiler, compilation, environment }) => {
+            const { htmlPaths, config } = environment;
+            if (isDev() || Object.keys(htmlPaths).length === 0) {
+              return { headTags, bodyTags };
+            }
+            const { inlineStyles, inlineScripts } = config.output;
+            const scriptTests = [];
+            const styleTests = [];
+            if (inlineScripts) {
+              scriptTests.push(inlineScripts === true ? JS_REGEX : inlineScripts);
+            }
+            if (inlineStyles) {
+              styleTests.push(inlineStyles === true ? CSS_REGEX : inlineStyles);
+            }
+            if (!scriptTests.length && !styleTests.length) {
+              return { headTags, bodyTags };
+            }
+            const publicPath = getPublicPathFromCompiler(compiler);
+            const updateTag = (tag) => getInlinedTag(
+              publicPath,
+              tag,
+              compilation,
+              scriptTests,
+              styleTests,
+              environment.config
+            );
+            return {
+              headTags: headTags.map(updateTag),
+              bodyTags: bodyTags.map(updateTag)
+            };
+          }
+        );
       }
     });
   }
@@ -7382,10 +7415,10 @@ var init_rsdoctor = __esm({
           const packageName = isRspack ? "@rsdoctor/rspack-plugin" : "@rsdoctor/webpack-plugin";
           let module;
           try {
-            const path18 = __require.resolve(packageName, {
+            const path20 = __require.resolve(packageName, {
               paths: [api.context.rootPath]
             });
-            module = await import(path18);
+            module = await import(path20);
           } catch (err) {
             logger.warn(
               `\`process.env.RSDOCTOR\` enabled, please install ${color13.bold(color13.yellow(packageName))} package.`
@@ -7463,14 +7496,14 @@ var init_extractChunks = __esm({
 });
 
 // src/rspack/preload/helpers/determineAsValue.ts
-import path15 from "path";
+import path17 from "path";
 import { URL as URL2 } from "url";
 function determineAsValue({
   href,
   file
 }) {
   const url2 = new URL2(file || href, "https://example.com");
-  const extension = path15.extname(url2.pathname).slice(1);
+  const extension = path17.extname(url2.pathname).slice(1);
   if (["css"].includes(extension)) {
     return "style";
   }
@@ -7871,7 +7904,7 @@ __export(server_exports, {
   pluginServer: () => pluginServer
 });
 import fs10 from "fs";
-import { isAbsolute as isAbsolute8, join as join12 } from "path";
+import { isAbsolute as isAbsolute8, join as join11 } from "path";
 var pluginServer;
 var init_server = __esm({
   "src/plugins/server.ts"() {
@@ -7889,7 +7922,7 @@ var init_server = __esm({
             if (!copyOnBuild || !name) {
               continue;
             }
-            const normalizedPath = isAbsolute8(name) ? name : join12(api.context.rootPath, name);
+            const normalizedPath = isAbsolute8(name) ? name : join11(api.context.rootPath, name);
             if (!fs10.existsSync(normalizedPath)) {
               continue;
             }
@@ -8163,7 +8196,7 @@ __export(rspackProfile_exports, {
 });
 import fs11 from "fs";
 import inspector from "inspector";
-import path16 from "path";
+import path18 from "path";
 import rspack9 from "@rspack/core";
 var stopProfiler, pluginRspackProfile;
 var init_rspackProfile = __esm({
@@ -8200,8 +8233,8 @@ var init_rspackProfile = __esm({
         const enableCPUProfile = RSPACK_PROFILE === "ALL" || RSPACK_PROFILE.includes("CPU");
         const enableLogging = RSPACK_PROFILE === "ALL" || RSPACK_PROFILE.includes("LOGGING");
         const onStart = () => {
-          const profileDir = path16.join(api.context.distPath, profileDirName);
-          const traceFilePath = path16.join(profileDir, "trace.json");
+          const profileDir = path18.join(api.context.distPath, profileDirName);
+          const traceFilePath = path18.join(profileDir, "trace.json");
           if (!fs11.existsSync(profileDir)) {
             fs11.mkdirSync(profileDir, { recursive: true });
           }
@@ -8222,7 +8255,7 @@ var init_rspackProfile = __esm({
         api.onBeforeBuild(onStart);
         api.onBeforeStartDevServer(onStart);
         api.onAfterBuild(async ({ stats }) => {
-          const loggingFilePath = path16.join(
+          const loggingFilePath = path18.join(
             api.context.distPath,
             profileDirName,
             "logging.json"
@@ -8240,8 +8273,8 @@ var init_rspackProfile = __esm({
           if (enableProfileTrace) {
             rspack9.experiments.globalTrace.cleanup();
           }
-          const profileDir = path16.join(api.context.distPath, profileDirName);
-          const cpuProfilePath = path16.join(profileDir, "jscpuprofile.json");
+          const profileDir = path18.join(api.context.distPath, profileDirName);
+          const cpuProfilePath = path18.join(profileDir, "jscpuprofile.json");
           stopProfiler(cpuProfilePath, profileSession);
           logger.info(`Saved Rspack profile file to ${profileDir}`);
         });
@@ -8387,57 +8420,35 @@ var init_sri = __esm({
           }
           return replacedHtml;
         };
-        class SriReplaceIntegrityPlugin {
-          constructor(algorithm) {
-            __publicField(this, "algorithm");
-            this.algorithm = algorithm;
-          }
-          apply(compiler) {
-            compiler.hooks.compilation.tap(
-              "SriReplaceIntegrityPlugin",
-              (compilation) => {
-                compilation.hooks.processAssets.tapPromise(
-                  {
-                    name: "SriReplaceIntegrityPlugin",
-                    // use to final stage to get the final asset content
-                    stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_REPORT
-                  },
-                  async (assets) => {
-                    const integrityCache = /* @__PURE__ */ new Map();
-                    for (const asset of Object.keys(assets)) {
-                      if (!HTML_REGEX.test(asset)) {
-                        continue;
-                      }
-                      const htmlContent = assets[asset].source();
-                      if (!htmlContent.includes(placeholder)) {
-                        continue;
-                      }
-                      assets[asset] = new compiler.webpack.sources.RawSource(
-                        replaceIntegrity(
-                          htmlContent,
-                          assets,
-                          this.algorithm,
-                          integrityCache
-                        )
-                      );
-                    }
-                  }
-                );
+        api.processAssets(
+          {
+            // use to final stage to get the final asset content
+            stage: "report"
+          },
+          ({ assets, compiler, environment }) => {
+            const { htmlPaths } = environment;
+            if (Object.keys(htmlPaths).length === 0) {
+              return;
+            }
+            const algorithm = getAlgorithm(environment);
+            if (!algorithm) {
+              return;
+            }
+            const integrityCache = /* @__PURE__ */ new Map();
+            for (const asset of Object.keys(assets)) {
+              if (!HTML_REGEX.test(asset)) {
+                continue;
               }
-            );
-          }
-        }
-        api.modifyBundlerChain((chain, { environment }) => {
-          const { htmlPaths } = environment;
-          if (Object.keys(htmlPaths).length === 0) {
-            return;
-          }
-          const algorithm = getAlgorithm(environment);
-          if (!algorithm) {
-            return;
+              const htmlContent = assets[asset].source();
+              if (!htmlContent.includes(placeholder)) {
+                continue;
+              }
+              assets[asset] = new compiler.webpack.sources.RawSource(
+                replaceIntegrity(htmlContent, assets, algorithm, integrityCache)
+              );
+            }
           }
-          chain.plugin("rsbuild-sri-replace").use(SriReplaceIntegrityPlugin, [algorithm]);
-        });
+        );
       }
     });
   }
@@ -8646,11 +8657,11 @@ var init_prodServer = __esm({
       }
       async applyStaticAssetMiddleware() {
         const {
-          output: { path: path18, assetPrefixes },
+          output: { path: path20, assetPrefixes },
           serverConfig: { htmlFallback }
         } = this.options;
         const { default: sirv } = await import("../compiled/sirv/index.js");
-        const assetMiddleware = sirv(path18, {
+        const assetMiddleware = sirv(path20, {
           etag: true,
           dev: true,
           ignores: ["favicon.ico"],
@@ -8701,6 +8712,7 @@ async function applyDefaultPlugins(pluginManager, context) {
         return result[0];
       })
     ),
+    Promise.resolve().then(() => (init_appIcon(), appIcon_exports)).then(({ pluginAppIcon: pluginAppIcon2 }) => pluginAppIcon2()),
     Promise.resolve().then(() => (init_wasm(), wasm_exports)).then(({ pluginWasm: pluginWasm2 }) => pluginWasm2()),
     Promise.resolve().then(() => (init_moment(), moment_exports)).then(({ pluginMoment: pluginMoment2 }) => pluginMoment2()),
     Promise.resolve().then(() => (init_nodeAddons(), nodeAddons_exports)).then(
@@ -8836,7 +8848,7 @@ var init_createRsbuild = __esm({
 });
 
 // src/cli/init.ts
-import path17 from "path";
+import path19 from "path";
 async function init({
   cliOptions,
   isRestart
@@ -8909,7 +8921,7 @@ var init_init = __esm({
     commonOpts = {};
     getEnvDir = (cwd, envDir) => {
       if (envDir) {
-        return path17.isAbsolute(envDir) ? envDir : path17.resolve(cwd, envDir);
+        return path19.isAbsolute(envDir) ? envDir : path19.resolve(cwd, envDir);
       }
       return cwd;
     };
@@ -8921,7 +8933,7 @@ import { existsSync } from "fs";
 import { program } from "../compiled/commander/index.js";
 import color14 from "../compiled/picocolors/index.js";
 function runCli() {
-  program.name("rsbuild").usage("<command> [options]").version("1.0.1-beta.3");
+  program.name("rsbuild").usage("<command> [options]").version("1.0.1-beta.4");
   const devCommand = program.command("dev");
   const buildCommand = program.command("build");
   const previewCommand = program.command("preview");
@@ -9033,7 +9045,7 @@ function prepareCli() {
   if (!npm_execpath || npm_execpath.includes("npx-cli.js") || npm_execpath.includes(".bun")) {
     console.log();
   }
-  logger.greet(`  ${`Rsbuild v${"1.0.1-beta.3"}`}
+  logger.greet(`  ${`Rsbuild v${"1.0.1-beta.4"}`}
 `);
 }
 var init_prepare = __esm({
@@ -9103,7 +9115,7 @@ init_mergeConfig();
 init_helpers();
 init_constants();
 import { rspack as rspack10 } from "@rspack/core";
-var version = "1.0.1-beta.3";
+var version = "1.0.1-beta.4";
 export {
   PLUGIN_CSS_NAME,
   PLUGIN_SWC_NAME,