@rsbuild/core 0.7.3 → 0.7.4

package/dist/index.cjs

@@ -114,19 +114,53 @@ var init_format = __esm({
 });
 
 // src/constants.ts
-var import_node_path, PLUGIN_SWC_NAME, PLUGIN_CSS_NAME, LOADER_PATH, STATIC_PATH, COMPILED_PATH, TS_CONFIG_FILE, HTML_REGEX, CSS_REGEX;
+var import_node_path, ROOT_DIST_DIR, HTML_DIST_DIR, SERVER_DIST_DIR, SERVICE_WORKER_DIST_DIR, JS_DIST_DIR, CSS_DIST_DIR, SVG_DIST_DIR, FONT_DIST_DIR, WASM_DIST_DIR, IMAGE_DIST_DIR, MEDIA_DIST_DIR, LOADER_PATH, STATIC_PATH, COMPILED_PATH, TS_CONFIG_FILE, DEFAULT_PORT, DEFAULT_DATA_URL_SIZE, DEFAULT_MOUNT_ID, DEFAULT_DEV_HOST, HTML_REGEX, CSS_REGEX, PLUGIN_SWC_NAME, PLUGIN_CSS_NAME, FONT_EXTENSIONS, IMAGE_EXTENSIONS, VIDEO_EXTENSIONS, AUDIO_EXTENSIONS;
 var init_constants = __esm({
   "src/constants.ts"() {
     "use strict";
     import_node_path = require("path");
-    PLUGIN_SWC_NAME = "rsbuild:swc";
-    PLUGIN_CSS_NAME = "rsbuild:css";
+    ROOT_DIST_DIR = "dist";
+    HTML_DIST_DIR = "/";
+    SERVER_DIST_DIR = "server";
+    SERVICE_WORKER_DIST_DIR = "worker";
+    JS_DIST_DIR = "static/js";
+    CSS_DIST_DIR = "static/css";
+    SVG_DIST_DIR = "static/svg";
+    FONT_DIST_DIR = "static/font";
+    WASM_DIST_DIR = "static/wasm";
+    IMAGE_DIST_DIR = "static/image";
+    MEDIA_DIST_DIR = "static/media";
     LOADER_PATH = (0, import_node_path.join)(__dirname);
     STATIC_PATH = (0, import_node_path.join)(__dirname, "../static");
     COMPILED_PATH = (0, import_node_path.join)(__dirname, "../compiled");
     TS_CONFIG_FILE = "tsconfig.json";
+    DEFAULT_PORT = 3e3;
+    DEFAULT_DATA_URL_SIZE = 4096;
+    DEFAULT_MOUNT_ID = "root";
+    DEFAULT_DEV_HOST = "0.0.0.0";
     HTML_REGEX = /\.html$/;
     CSS_REGEX = /\.css$/;
+    PLUGIN_SWC_NAME = "rsbuild:swc";
+    PLUGIN_CSS_NAME = "rsbuild:css";
+    FONT_EXTENSIONS = ["woff", "woff2", "eot", "ttf", "otf", "ttc"];
+    IMAGE_EXTENSIONS = [
+      "png",
+      "jpg",
+      "jpeg",
+      "pjpeg",
+      "pjp",
+      "gif",
+      "bmp",
+      "webp",
+      "ico",
+      "apng",
+      "avif",
+      "tif",
+      "tiff",
+      "jfif"
+    ];
+    VIDEO_EXTENSIONS = ["mp4", "webm", "ogg", "mov"];
+    AUDIO_EXTENSIONS = ["mp3", "wav", "flac", "aac", "m4a", "opus"];
   }
 });
 
@@ -355,6 +389,7 @@ var init_mergeConfig = __esm({
       "output.cssModules.auto",
       "output.targets",
       "output.emitAssets",
+      "server.open",
       "server.printUrls",
       "dev.startUrl",
       "provider"
@@ -541,6 +576,55 @@ async function loadConfig({
     throw err;
   }
 }
+async function outputInspectConfigFiles({
+  rsbuildConfig,
+  rawRsbuildConfig,
+  bundlerConfigs,
+  inspectOptions,
+  configType
+}) {
+  const { outputPath } = inspectOptions;
+  const files = [
+    {
+      path: (0, import_node_path4.join)(outputPath, "rsbuild.config.mjs"),
+      label: "Rsbuild Config",
+      content: rawRsbuildConfig
+    },
+    ...bundlerConfigs.map((content, index) => {
+      const suffix = rsbuildConfig.output.targets[index];
+      const outputFile = `${configType}.config.${suffix}.mjs`;
+      let outputFilePath = (0, import_node_path4.join)(outputPath, outputFile);
+      if (import_shared5.fse.existsSync(outputFilePath)) {
+        outputFilePath = outputFilePath.replace(/\.mjs$/, `.${Date.now()}.mjs`);
+      }
+      return {
+        path: outputFilePath,
+        label: `${(0, import_shared5.upperFirst)(configType)} Config (${suffix})`,
+        content
+      };
+    })
+  ];
+  await Promise.all(
+    files.map(
+      (item) => import_shared5.fse.outputFile(item.path, `export default ${item.content}`)
+    )
+  );
+  const fileInfos = files.map(
+    (item) => `  - ${import_shared5.color.bold(import_shared5.color.yellow(item.label))}: ${import_shared5.color.underline(
+      item.path
+    )}`
+  ).join("\n");
+  import_shared5.logger.success(
+    `Inspect config succeed, open following files to view the content: 
+
+${fileInfos}
+`
+  );
+}
+async function stringifyConfig(config, verbose) {
+  const stringify = import_shared5.RspackChain.toString;
+  return stringify(config, { verbose });
+}
 var import_node_fs, import_node_path4, import_shared5, getDefaultDevConfig, getDefaultServerConfig, getDefaultSourceConfig, getDefaultHtmlConfig, getDefaultSecurityConfig, getDefaultToolsConfig, getDefaultPerformanceConfig, getDefaultOutputConfig, createDefaultConfig, withDefaultConfig, normalizeConfig, resolveConfigPath;
 var init_config = __esm({
   "src/config.ts"() {
@@ -562,8 +646,9 @@ var init_config = __esm({
       }
     });
     getDefaultServerConfig = () => ({
-      port: import_shared5.DEFAULT_PORT,
-      host: import_shared5.DEFAULT_DEV_HOST,
+      port: DEFAULT_PORT,
+      host: DEFAULT_DEV_HOST,
+      open: false,
       htmlFallback: "index",
       compress: true,
       printUrls: true,
@@ -590,7 +675,7 @@ var init_config = __esm({
       },
       title: "Rsbuild App",
       inject: "head",
-      mountId: import_shared5.DEFAULT_MOUNT_ID,
+      mountId: DEFAULT_MOUNT_ID,
       crossorigin: false,
       outputStructure: "flat",
       scriptLoading: "defer"
@@ -622,27 +707,27 @@ var init_config = __esm({
     getDefaultOutputConfig = () => ({
       targets: ["web"],
       distPath: {
-        root: import_shared5.ROOT_DIST_DIR,
-        js: import_shared5.JS_DIST_DIR,
-        css: import_shared5.CSS_DIST_DIR,
-        svg: import_shared5.SVG_DIST_DIR,
-        font: import_shared5.FONT_DIST_DIR,
-        html: import_shared5.HTML_DIST_DIR,
-        wasm: import_shared5.WASM_DIST_DIR,
-        image: import_shared5.IMAGE_DIST_DIR,
-        media: import_shared5.MEDIA_DIST_DIR,
-        server: import_shared5.SERVER_DIST_DIR,
-        worker: import_shared5.SERVICE_WORKER_DIST_DIR
+        root: ROOT_DIST_DIR,
+        js: JS_DIST_DIR,
+        css: CSS_DIST_DIR,
+        svg: SVG_DIST_DIR,
+        font: FONT_DIST_DIR,
+        html: HTML_DIST_DIR,
+        wasm: WASM_DIST_DIR,
+        image: IMAGE_DIST_DIR,
+        media: MEDIA_DIST_DIR,
+        server: SERVER_DIST_DIR,
+        worker: SERVICE_WORKER_DIST_DIR
       },
       assetPrefix: import_shared5.DEFAULT_ASSET_PREFIX,
       filename: {},
       charset: "ascii",
       polyfill: "usage",
       dataUriLimit: {
-        svg: import_shared5.DEFAULT_DATA_URL_SIZE,
-        font: import_shared5.DEFAULT_DATA_URL_SIZE,
-        image: import_shared5.DEFAULT_DATA_URL_SIZE,
-        media: import_shared5.DEFAULT_DATA_URL_SIZE
+        svg: DEFAULT_DATA_URL_SIZE,
+        font: DEFAULT_DATA_URL_SIZE,
+        image: DEFAULT_DATA_URL_SIZE,
+        media: DEFAULT_DATA_URL_SIZE
       },
       legalComments: "linked",
       injectStyles: false,
@@ -918,7 +1003,7 @@ async function createContextByConfig(options, bundlerType, config = {}) {
   return {
     entry: getEntryObject(config, "web"),
     targets: config.output?.targets || [],
-    version: "0.7.3",
+    version: "0.7.4",
     rootPath,
     distPath,
     cachePath,
@@ -1335,13 +1420,13 @@ async function inspectConfig({
     ...context.normalizedConfig,
     pluginNames: pluginManager.getPlugins().map((p) => p.name)
   };
-  const rawRsbuildConfig = await (0, import_shared12.stringifyConfig)(
+  const rawRsbuildConfig = await stringifyConfig(
     rsbuildDebugConfig,
     inspectOptions.verbose
   );
   const rawBundlerConfigs = await Promise.all(
     rspackConfigs.map(
-      (config) => (0, import_shared12.stringifyConfig)(config, inspectOptions.verbose)
+      (config) => stringifyConfig(config, inspectOptions.verbose)
     )
   );
   let outputPath = inspectOptions.outputPath || context.distPath;
@@ -1349,7 +1434,7 @@ async function inspectConfig({
     outputPath = (0, import_node_path8.join)(context.rootPath, outputPath);
   }
   if (inspectOptions.writeToDisk) {
-    await (0, import_shared12.outputInspectConfigFiles)({
+    await outputInspectConfigFiles({
       rsbuildConfig: context.normalizedConfig,
       rawRsbuildConfig,
       bundlerConfigs: rawBundlerConfigs,
@@ -1375,6 +1460,7 @@ var init_inspectConfig = __esm({
     "use strict";
     import_node_path8 = require("path");
     import_shared12 = require("@rsbuild/shared");
+    init_config();
     init_initConfigs();
   }
 });
@@ -2163,6 +2249,7 @@ var init_helper = __esm({
     import_node_net = __toESM(require("net"));
     import_node_os = __toESM(require("os"));
     import_shared20 = require("@rsbuild/shared");
+    init_constants();
     formatPrefix = (prefix) => {
       if (!prefix) {
         return "/";
@@ -2237,10 +2324,10 @@ var init_helper = __esm({
       config,
       getPortSilently
     }) => {
-      const host = config.server.host || import_shared20.DEFAULT_DEV_HOST;
+      const host = config.server.host || DEFAULT_DEV_HOST;
       const port = await getPort({
         host,
-        port: config.server.port || import_shared20.DEFAULT_PORT,
+        port: config.server.port || DEFAULT_PORT,
         strictPort: config.server.strictPort || false,
         silent: getPortSilently
       });
@@ -2314,7 +2401,7 @@ var init_helper = __esm({
       port,
       host
     }) => {
-      if (host && host !== import_shared20.DEFAULT_DEV_HOST) {
+      if (host && host !== DEFAULT_DEV_HOST) {
         return [
           {
             label: isLoopbackHost(host) ? LOCAL_LABEL : NETWORK_LABEL,
@@ -2776,7 +2863,7 @@ async function createDevServer(options, createDevMiddleware2, config, {
     dev: devConfig,
     server: serverConfig,
     output: {
-      distPath: config.output.distPath.root || import_shared22.ROOT_DIST_DIR
+      distPath: config.output.distPath.root || ROOT_DIST_DIR
     },
     outputFileSystem
   });
@@ -2851,6 +2938,7 @@ var init_devServer = __esm({
     "use strict";
     import_node_fs3 = __toESM(require("fs"));
     import_shared22 = require("@rsbuild/shared");
+    init_constants();
     init_getDevMiddlewares();
     init_helper();
     init_httpServer();
@@ -2881,7 +2969,7 @@ async function startProdServer(context, config, { getPortSilently } = {}) {
     {
       pwd: context.rootPath,
       output: {
-        path: config.output.distPath.root || import_shared23.ROOT_DIST_DIR,
+        path: config.output.distPath.root || ROOT_DIST_DIR,
         assetPrefix: config.output.assetPrefix
       },
       serverConfig
@@ -2942,6 +3030,7 @@ var init_prodServer = __esm({
     "use strict";
     import_node_path11 = require("path");
     import_shared23 = require("@rsbuild/shared");
+    init_constants();
     init_helper();
     init_httpServer();
     init_middlewares();
@@ -3618,9 +3707,9 @@ function getPublicPath({
     publicPath = dev.assetPrefix;
   } else if (dev.assetPrefix === true) {
     const protocol = context.devServer?.https ? "https" : "http";
-    const hostname = context.devServer?.hostname || import_shared29.DEFAULT_DEV_HOST;
-    const port = context.devServer?.port || import_shared29.DEFAULT_PORT;
-    if (hostname === import_shared29.DEFAULT_DEV_HOST) {
+    const hostname = context.devServer?.hostname || DEFAULT_DEV_HOST;
+    const port = context.devServer?.port || DEFAULT_PORT;
+    if (hostname === DEFAULT_DEV_HOST) {
       const localHostname = "localhost";
       publicPath = `${protocol}://${localHostname}:${port}/`;
     } else {
@@ -3636,6 +3725,7 @@ var init_output = __esm({
     import_node_path15 = require("path");
     import_shared29 = require("@rsbuild/shared");
     import_core5 = require("@rspack/core");
+    init_constants();
     init_helpers();
     init_pluginHelper();
     init_css();
@@ -3653,7 +3743,18 @@ var init_output = __esm({
             const jsPath = (0, import_shared29.getDistPath)(config, "js");
             const jsAsyncPath = (0, import_shared29.getDistPath)(config, "jsAsync");
             const jsFilename = (0, import_shared29.getFilename)(config, "js", isProd5);
-            chain.output.path(api.context.distPath).filename(import_node_path15.posix.join(jsPath, jsFilename)).chunkFilename(import_node_path15.posix.join(jsAsyncPath, jsFilename)).publicPath(publicPath).pathinfo(false).hashFunction("xxhash64");
+            const isJsFilenameFn = typeof jsFilename === "function";
+            chain.output.path(api.context.distPath).filename(
+              isJsFilenameFn ? (...args) => {
+                const name = jsFilename(...args);
+                return import_node_path15.posix.join(jsPath, name);
+              } : import_node_path15.posix.join(jsPath, jsFilename)
+            ).chunkFilename(
+              isJsFilenameFn ? (...args) => {
+                const name = jsFilename(...args);
+                return import_node_path15.posix.join(jsAsyncPath, name);
+              } : import_node_path15.posix.join(jsAsyncPath, jsFilename)
+            ).publicPath(publicPath).pathinfo(false).hashFunction("xxhash64");
             if (isServer) {
               const serverPath = (0, import_shared29.getDistPath)(config, "server");
               chain.output.path(import_node_path15.posix.join(api.context.distPath, serverPath)).filename("[name].js").chunkFilename("[name].js").library({
@@ -4025,6 +4126,7 @@ var init_asset = __esm({
     "use strict";
     import_node_path18 = __toESM(require("path"));
     import_shared34 = require("@rsbuild/shared");
+    init_constants();
     chainStaticAssetRule = ({
       emit,
       rule,
@@ -4067,14 +4169,14 @@ var init_asset = __esm({
             });
           };
           const emit = config.output.emitAssets({ target });
-          createAssetRule("image", import_shared34.IMAGE_EXTENSIONS, emit);
+          createAssetRule("image", IMAGE_EXTENSIONS, emit);
           createAssetRule("svg", ["svg"], emit);
           createAssetRule(
             "media",
-            [...import_shared34.VIDEO_EXTENSIONS, ...import_shared34.AUDIO_EXTENSIONS],
+            [...VIDEO_EXTENSIONS, ...AUDIO_EXTENSIONS],
             emit
           );
-          createAssetRule("font", import_shared34.FONT_EXTENSIONS, emit);
+          createAssetRule("font", FONT_EXTENSIONS, emit);
         });
       }
     });
@@ -4371,20 +4473,18 @@ var init_HtmlBasicPlugin = __esm({
               addTitleTag(headTags, data.plugin.options?.title);
             }
             addFavicon(headTags, favicon);
-            const result = await this.modifyTagsFn(
-              {
-                headTags: headTags.map(formatBasicTag),
-                bodyTags: bodyTags.map(formatBasicTag)
-              },
-              {
-                compilation,
-                assetPrefix: data.publicPath,
-                filename: data.outputName
-              }
-            );
+            const tags = {
+              headTags: headTags.map(formatBasicTag),
+              bodyTags: bodyTags.map(formatBasicTag)
+            };
+            const modified = this.modifyTagsFn ? await this.modifyTagsFn(tags, {
+              compilation,
+              assetPrefix: data.publicPath,
+              filename: data.outputName
+            }) : tags;
             Object.assign(data, {
-              headTags: result.headTags.map(fromBasicTag),
-              bodyTags: result.bodyTags.map(fromBasicTag)
+              headTags: modified.headTags.map(fromBasicTag),
+              bodyTags: modified.bodyTags.map(fromBasicTag)
             });
             if (tagConfig) {
               const hash = compilation.hash ?? "";
@@ -5310,10 +5410,7 @@ var init_splitChunks = __esm({
               rootPath: api.context.rootPath,
               polyfill: config.output.polyfill
             });
-            chain.optimization.splitChunks(
-              // @ts-expect-error splitChunks type mismatch
-              splitChunksOptions
-            );
+            chain.optimization.splitChunks(splitChunksOptions);
           }
         );
       }
@@ -5321,12 +5418,13 @@ var init_splitChunks = __esm({
   }
 });
 
-// src/plugins/startUrl.ts
-var startUrl_exports = {};
-__export(startUrl_exports, {
+// src/plugins/open.ts
+var open_exports = {};
+__export(open_exports, {
   openBrowser: () => openBrowser,
-  pluginStartUrl: () => pluginStartUrl,
-  replacePlaceholder: () => replacePlaceholder
+  pluginOpen: () => pluginOpen,
+  replacePlaceholder: () => replacePlaceholder,
+  resolveUrl: () => resolveUrl
 });
 async function openBrowser(url2) {
   const shouldTryOpenChromeWithAppleScript = process.platform === "darwin";
@@ -5360,30 +5458,45 @@ async function openBrowser(url2) {
     return false;
   }
 }
-function pluginStartUrl() {
+function resolveUrl(str, base) {
+  if ((0, import_shared44.canParse)(str)) {
+    return str;
+  }
+  try {
+    const url2 = new URL(str, base);
+    return url2.href;
+  } catch (e) {
+    throw new Error(
+      "[rsbuild:open]: Invalid input: not a valid URL or pathname"
+    );
+  }
+}
+function pluginOpen() {
   return {
-    name: "rsbuild:start-url",
+    name: "rsbuild:open",
     setup(api) {
       const onStartServer = async (params) => {
         const { port, routes } = params;
         const config = api.getNormalizedConfig();
-        const { startUrl, beforeStartUrl } = config.dev;
+        const { beforeStartUrl } = config.dev;
+        const open = config.server.open || config.dev.startUrl;
         const { https } = api.context.devServer || {};
         const isCodesandbox = process.env.CSB === "true";
-        const shouldOpen = Boolean(startUrl) && !isCodesandbox;
+        const shouldOpen = Boolean(open) && !isCodesandbox;
         if (!shouldOpen) {
           return;
         }
         const urls = [];
-        if (startUrl === true || !startUrl) {
-          const protocol = https ? "https" : "http";
+        const protocol = https ? "https" : "http";
+        const baseUrl = `${protocol}://localhost:${port}`;
+        if (open === true || !open) {
           if (routes.length) {
-            urls.push(`${protocol}://localhost:${port}${routes[0].pathname}`);
+            urls.push(`${baseUrl}${routes[0].pathname}`);
           }
         } else {
           urls.push(
-            ...(0, import_shared44.castArray)(startUrl).map(
-              (item) => replacePlaceholder(item, port)
+            ...(0, import_shared44.castArray)(open).map(
+              (item) => resolveUrl(replacePlaceholder(item, port), baseUrl)
             )
           );
         }
@@ -5409,8 +5522,8 @@ function pluginStartUrl() {
   };
 }
 var import_node_child_process, import_node_util, import_shared44, execAsync, supportedChromiumBrowsers, getTargetBrowser, replacePlaceholder, openedURLs;
-var init_startUrl = __esm({
-  "src/plugins/startUrl.ts"() {
+var init_open = __esm({
+  "src/plugins/open.ts"() {
     "use strict";
     import_node_child_process = require("child_process");
     import_node_util = require("util");
@@ -5818,16 +5931,16 @@ function determineAsValue({
   if (["css"].includes(extension)) {
     return "style";
   }
-  if (import_shared49.IMAGE_EXTENSIONS.includes(extension)) {
+  if (IMAGE_EXTENSIONS.includes(extension)) {
     return "image";
   }
-  if (import_shared49.VIDEO_EXTENSIONS.includes(extension)) {
+  if (VIDEO_EXTENSIONS.includes(extension)) {
     return "video";
   }
-  if (import_shared49.AUDIO_EXTENSIONS.includes(extension)) {
+  if (AUDIO_EXTENSIONS.includes(extension)) {
     return "audio";
   }
-  if (import_shared49.FONT_EXTENSIONS.includes(extension)) {
+  if (FONT_EXTENSIONS.includes(extension)) {
     return "font";
   }
   if (["vtt"].includes(extension)) {
@@ -5835,13 +5948,13 @@ function determineAsValue({
   }
   return "script";
 }
-var import_node_path25, import_node_url3, import_shared49;
+var import_node_path25, import_node_url3;
 var init_determineAsValue = __esm({
   "src/rspack/preload/helpers/determineAsValue.ts"() {
     "use strict";
     import_node_path25 = __toESM(require("path"));
     import_node_url3 = require("url");
-    import_shared49 = require("@rsbuild/shared");
+    init_constants();
   }
 });
 
@@ -5949,10 +6062,10 @@ function generateLinks(options, type, compilation, htmlPluginData, HTMLCount) {
   );
   const sortedFilteredFiles = filteredFiles.sort();
   const links = [];
-  const publicPath = (0, import_shared50.getPublicPathFromCompiler)(compilation.compiler);
+  const publicPath = (0, import_shared49.getPublicPathFromCompiler)(compilation.compiler);
   const { crossOriginLoading } = compilation.compiler.options.output;
   for (const file of sortedFilteredFiles) {
-    const href = (0, import_shared50.withPublicPath)(file, publicPath);
+    const href = (0, import_shared49.withPublicPath)(file, publicPath);
     const attributes = {
       href,
       rel: type
@@ -5980,11 +6093,11 @@ function generateLinks(options, type, compilation, htmlPluginData, HTMLCount) {
   }
   return links;
 }
-var import_shared50, defaultOptions, HtmlPreloadOrPrefetchPlugin;
+var import_shared49, defaultOptions, HtmlPreloadOrPrefetchPlugin;
 var init_HtmlPreloadOrPrefetchPlugin = __esm({
   "src/rspack/preload/HtmlPreloadOrPrefetchPlugin.ts"() {
     "use strict";
-    import_shared50 = require("@rsbuild/shared");
+    import_shared49 = require("@rsbuild/shared");
     init_pluginHelper();
     init_helpers2();
     defaultOptions = {
@@ -6006,7 +6119,7 @@ var init_HtmlPreloadOrPrefetchPlugin = __esm({
       apply(compiler) {
         compiler.hooks.compilation.tap(this.constructor.name, (compilation) => {
           getHTMLPlugin().getHooks(compilation).beforeAssetTagGeneration.tap(
-            `HTML${(0, import_shared50.upperFirst)(this.type)}Plugin`,
+            `HTML${(0, import_shared49.upperFirst)(this.type)}Plugin`,
             (htmlPluginData) => {
               this.resourceHints = generateLinks(
                 this.options,
@@ -6019,7 +6132,7 @@ var init_HtmlPreloadOrPrefetchPlugin = __esm({
             }
           );
           getHTMLPlugin().getHooks(compilation).alterAssetTags.tap(
-            `HTML${(0, import_shared50.upperFirst)(this.type)}Plugin`,
+            `HTML${(0, import_shared49.upperFirst)(this.type)}Plugin`,
             (htmlPluginData) => {
               if (this.resourceHints) {
                 htmlPluginData.assetTags.styles = [
@@ -6044,11 +6157,11 @@ var resourceHints_exports = {};
 __export(resourceHints_exports, {
   pluginResourceHints: () => pluginResourceHints
 });
-var import_shared51, generateLinks2, pluginResourceHints;
+var import_shared50, generateLinks2, pluginResourceHints;
 var init_resourceHints = __esm({
   "src/plugins/resourceHints.ts"() {
     "use strict";
-    import_shared51 = require("@rsbuild/shared");
+    import_shared50 = require("@rsbuild/shared");
     generateLinks2 = (options, rel) => options.map((option) => ({
       tag: "link",
       attrs: {
@@ -6083,7 +6196,7 @@ var init_resourceHints = __esm({
           const {
             performance: { preload, prefetch }
           } = config;
-          if ((0, import_shared51.isHtmlDisabled)(config, target)) {
+          if ((0, import_shared50.isHtmlDisabled)(config, target)) {
             return;
           }
           const HTMLCount = chain.entryPoints.values().length;
@@ -6146,12 +6259,12 @@ var server_exports = {};
 __export(server_exports, {
   pluginServer: () => pluginServer
 });
-var import_node_path26, import_shared52, pluginServer;
+var import_node_path26, import_shared51, pluginServer;
 var init_server = __esm({
   "src/plugins/server.ts"() {
     "use strict";
     import_node_path26 = require("path");
-    import_shared52 = require("@rsbuild/shared");
+    import_shared51 = require("@rsbuild/shared");
     pluginServer = () => ({
       name: "rsbuild:server",
       setup(api) {
@@ -6163,11 +6276,11 @@ var init_server = __esm({
               return;
             }
             const publicDir = (0, import_node_path26.isAbsolute)(name) ? name : (0, import_node_path26.join)(api.context.rootPath, name);
-            if (!import_shared52.fse.existsSync(publicDir)) {
+            if (!import_shared51.fse.existsSync(publicDir)) {
               return;
             }
             try {
-              await import_shared52.fse.copy(publicDir, api.context.distPath, {
+              await import_shared51.fse.copy(publicDir, api.context.distPath, {
                 // dereference symlinks
                 dereference: true
               });
@@ -6281,7 +6394,6 @@ var init_manifest = __esm({
       name: "rsbuild:manifest",
       setup(api) {
         api.modifyBundlerChain(async (chain, { CHAIN_ID: CHAIN_ID3 }) => {
-          const htmlPaths = api.getHTMLPaths();
           const {
             output: { manifest }
           } = api.getNormalizedConfig();
@@ -6290,6 +6402,7 @@ var init_manifest = __esm({
           }
           const fileName = typeof manifest === "string" ? manifest : "manifest.json";
           const { RspackManifestPlugin } = await import("../compiled/rspack-manifest-plugin/index.js");
+          const htmlPaths = api.getHTMLPaths();
           chain.plugin(CHAIN_ID3.PLUGIN.MANIFEST).use(RspackManifestPlugin, [
             {
               fileName,
@@ -6334,18 +6447,18 @@ function pluginModuleFederation() {
           chain.plugin("mf-patch-split-chunks").use(PatchSplitChunksPlugin, [options.name]);
         }
         const publicPath = chain.output.get("publicPath");
-        if (publicPath === import_shared53.DEFAULT_ASSET_PREFIX) {
+        if (publicPath === import_shared52.DEFAULT_ASSET_PREFIX) {
           chain.output.set("publicPath", "auto");
         }
       });
     }
   };
 }
-var import_shared53, import_core8, PatchSplitChunksPlugin;
+var import_shared52, import_core8, PatchSplitChunksPlugin;
 var init_moduleFederation = __esm({
   "src/plugins/moduleFederation.ts"() {
     "use strict";
-    import_shared53 = require("@rsbuild/shared");
+    import_shared52 = require("@rsbuild/shared");
     import_core8 = require("@rspack/core");
     PatchSplitChunksPlugin = class {
       constructor(name) {
@@ -6413,14 +6526,14 @@ __export(rspackProfile_exports, {
   pluginRspackProfile: () => pluginRspackProfile,
   stopProfiler: () => stopProfiler
 });
-var import_node_inspector, import_node_path27, import_shared54, import_shared55, import_core9, stopProfiler, pluginRspackProfile;
+var import_node_inspector, import_node_path27, import_shared53, import_shared54, import_core9, stopProfiler, pluginRspackProfile;
 var init_rspackProfile = __esm({
   "src/plugins/rspackProfile.ts"() {
     "use strict";
     import_node_inspector = __toESM(require("inspector"));
     import_node_path27 = __toESM(require("path"));
+    import_shared53 = require("@rsbuild/shared");
     import_shared54 = require("@rsbuild/shared");
-    import_shared55 = require("@rsbuild/shared");
     import_core9 = require("@rspack/core");
     stopProfiler = (output, profileSession) => {
       if (!profileSession) {
@@ -6428,10 +6541,10 @@ var init_rspackProfile = __esm({
       }
       profileSession.post("Profiler.stop", (error, param) => {
         if (error) {
-          import_shared55.logger.error("Failed to generate JS CPU profile:", error);
+          import_shared54.logger.error("Failed to generate JS CPU profile:", error);
           return;
         }
-        import_shared54.fse.writeFileSync(output, JSON.stringify(param.profile));
+        import_shared53.fse.writeFileSync(output, JSON.stringify(param.profile));
       });
     };
     pluginRspackProfile = () => ({
@@ -6457,7 +6570,7 @@ var init_rspackProfile = __esm({
         const cpuProfilePath = import_node_path27.default.join(profileDir, "jscpuprofile.json");
         const loggingFilePath = import_node_path27.default.join(profileDir, "logging.json");
         const onStart = () => {
-          import_shared54.fse.ensureDirSync(profileDir);
+          import_shared53.fse.ensureDirSync(profileDir);
           if (enableProfileTrace) {
             import_core9.rspack.experimental_registerGlobalTrace(
               "trace",
@@ -6481,7 +6594,7 @@ var init_rspackProfile = __esm({
               logging: "verbose",
               loggingTrace: true
             });
-            import_shared54.fse.writeFileSync(loggingFilePath, JSON.stringify(logging));
+            import_shared53.fse.writeFileSync(loggingFilePath, JSON.stringify(logging));
           }
         });
         api.onExit(() => {
@@ -6489,7 +6602,7 @@ var init_rspackProfile = __esm({
             import_core9.rspack.experimental_cleanupGlobalTrace();
           }
           stopProfiler(cpuProfilePath, profileSession);
-          import_shared55.logger.info(`Saved Rspack profile file to ${profileDir}`);
+          import_shared54.logger.info(`Saved Rspack profile file to ${profileDir}`);
         });
       }
     });
@@ -6501,11 +6614,11 @@ var lazyCompilation_exports = {};
 __export(lazyCompilation_exports, {
   pluginLazyCompilation: () => pluginLazyCompilation
 });
-var import_shared56, pluginLazyCompilation;
+var import_shared55, pluginLazyCompilation;
 var init_lazyCompilation = __esm({
   "src/plugins/lazyCompilation.ts"() {
     "use strict";
-    import_shared56 = require("@rsbuild/shared");
+    import_shared55 = require("@rsbuild/shared");
     pluginLazyCompilation = () => ({
       name: "rsbuild:lazy-compilation",
       setup(api) {
@@ -6518,12 +6631,10 @@ var init_lazyCompilation = __esm({
           if (!options) {
             return;
           }
-          const clientRegExp = /[\\/]core[\\/]dist[\\/]client[\\/]/;
           const cssRegExp = /\.(?:css|less|sass|scss|styl|stylus)$/;
           const isExcludedModule = (name) => {
             return (
-              // alway include Rsbuild client code, such as HMR
-              clientRegExp.test(name) || // exclude CSS files because Rspack does not support it yet
+              // exclude CSS files because Rspack does not support it yet
               // TODO: remove this after Rspack supporting it
               cssRegExp.test(name)
             );
@@ -6553,7 +6664,7 @@ var init_lazyCompilation = __esm({
                 if (!name || isExcludedModule(name)) {
                   return false;
                 }
-                if ((0, import_shared56.isRegExp)(test)) {
+                if ((0, import_shared55.isRegExp)(test)) {
                   return name ? test.test(name) : false;
                 }
                 return test(module2);
@@ -6575,18 +6686,18 @@ var sri_exports = {};
 __export(sri_exports, {
   pluginSri: () => pluginSri
 });
-var import_node_crypto2, import_shared57, getAssetName, pluginSri;
+var import_node_crypto2, import_shared56, getAssetName, pluginSri;
 var init_sri = __esm({
   "src/plugins/sri.ts"() {
     "use strict";
     import_node_crypto2 = __toESM(require("crypto"));
-    import_shared57 = require("@rsbuild/shared");
+    import_shared56 = require("@rsbuild/shared");
     init_constants();
     getAssetName = (url2, assetPrefix) => {
       if (url2.startsWith(assetPrefix)) {
-        return (0, import_shared57.removeLeadingSlash)(url2.replace(assetPrefix, ""));
+        return (0, import_shared56.removeLeadingSlash)(url2.replace(assetPrefix, ""));
       }
-      return (0, import_shared57.removeLeadingSlash)(url2);
+      return (0, import_shared56.removeLeadingSlash)(url2);
     };
     pluginSri = () => ({
       name: "rsbuild:sri",
@@ -6595,7 +6706,7 @@ var init_sri = __esm({
         const getAlgorithm = () => {
           const config = api.getNormalizedConfig();
           const { sri } = config.security;
-          const enable = sri.enable === "auto" ? (0, import_shared57.isProd)() : sri.enable;
+          const enable = sri.enable === "auto" ? (0, import_shared56.isProd)() : sri.enable;
           if (!enable) {
             return null;
           }
@@ -6662,7 +6773,7 @@ var init_sri = __esm({
                 `integrity="${integrity}"`
               );
             } else {
-              import_shared57.logger.debug(
+              import_shared56.logger.debug(
                 `[rsbuild:sri] failed to generate integrity for ${assetName}.`
               );
               replacedHtml = replacedHtml.replace(
@@ -6715,7 +6826,7 @@ var init_sri = __esm({
         }
         api.modifyBundlerChain((chain, { target }) => {
           const config = api.getNormalizedConfig();
-          if ((0, import_shared57.isHtmlDisabled)(config, target)) {
+          if ((0, import_shared56.isHtmlDisabled)(config, target)) {
             return;
           }
           const algorithm = getAlgorithm();
@@ -6734,11 +6845,11 @@ var nonce_exports = {};
 __export(nonce_exports, {
   pluginNonce: () => pluginNonce
 });
-var import_shared58, pluginNonce;
+var import_shared57, pluginNonce;
 var init_nonce = __esm({
   "src/plugins/nonce.ts"() {
     "use strict";
-    import_shared58 = require("@rsbuild/shared");
+    import_shared57 = require("@rsbuild/shared");
     pluginNonce = () => ({
       name: "rsbuild:nonce",
       setup(api) {
@@ -6747,7 +6858,7 @@ var init_nonce = __esm({
           if (!nonce) {
             return;
           }
-          (0, import_shared58.applyToCompiler)(compiler, (compiler2) => {
+          (0, import_shared57.applyToCompiler)(compiler, (compiler2) => {
             const { plugins } = compiler2.options;
             const hasHTML = plugins.some(
               (plugin) => plugin && plugin.constructor.name === "HtmlBasicPlugin"
@@ -6755,7 +6866,7 @@ var init_nonce = __esm({
             if (!hasHTML) {
               return;
             }
-            const injectCode = (0, import_shared58.createVirtualModule)(
+            const injectCode = (0, import_shared57.createVirtualModule)(
               `__webpack_nonce__ = "${nonce}";`
             );
             new compiler2.webpack.EntryPlugin(compiler2.context, injectCode, {
@@ -6813,7 +6924,7 @@ async function applyDefaultPlugins(pluginManager, context) {
   const { pluginSwc: pluginSwc2 } = await Promise.resolve().then(() => (init_swc(), swc_exports));
   const { pluginExternals: pluginExternals2 } = await Promise.resolve().then(() => (init_externals(), externals_exports));
   const { pluginSplitChunks: pluginSplitChunks2 } = await Promise.resolve().then(() => (init_splitChunks(), splitChunks_exports));
-  const { pluginStartUrl: pluginStartUrl2 } = await Promise.resolve().then(() => (init_startUrl(), startUrl_exports));
+  const { pluginOpen: pluginOpen2 } = await Promise.resolve().then(() => (init_open(), open_exports));
   const { pluginInlineChunk: pluginInlineChunk2 } = await Promise.resolve().then(() => (init_inlineChunk(), inlineChunk_exports));
   const { pluginBundleAnalyzer: pluginBundleAnalyzer2 } = await Promise.resolve().then(() => (init_bundleAnalyzer(), bundleAnalyzer_exports));
   const { pluginRsdoctor: pluginRsdoctor2 } = await Promise.resolve().then(() => (init_rsdoctor(), rsdoctor_exports));
@@ -6851,7 +6962,7 @@ async function applyDefaultPlugins(pluginManager, context) {
     pluginSwc2(),
     pluginExternals2(),
     pluginSplitChunks2(),
-    pluginStartUrl2(),
+    pluginOpen2(),
     pluginInlineChunk2(),
     pluginBundleAnalyzer2(),
     pluginRsdoctor2(),
@@ -6881,9 +6992,9 @@ async function createRsbuild(options = {}) {
   );
   const pluginAPI = getPluginAPI({ context, pluginManager });
   context.pluginAPI = pluginAPI;
-  (0, import_shared59.debug)("add default plugins");
+  (0, import_shared58.debug)("add default plugins");
   await applyDefaultPlugins(pluginManager, context);
-  (0, import_shared59.debug)("add default plugins done");
+  (0, import_shared58.debug)("add default plugins done");
   const provider = rsbuildConfig.provider || await getRspackProvider();
   const providerInstance = await provider({
     context,
@@ -6892,13 +7003,13 @@ async function createRsbuild(options = {}) {
     setCssExtractPlugin
   });
   const rsbuild = {
-    ...(0, import_shared59.pick)(pluginManager, [
+    ...(0, import_shared58.pick)(pluginManager, [
       "addPlugins",
       "getPlugins",
       "removePlugins",
       "isPluginExists"
     ]),
-    ...(0, import_shared59.pick)(pluginAPI, [
+    ...(0, import_shared58.pick)(pluginAPI, [
       "onBeforeBuild",
       "onBeforeCreateCompiler",
       "onBeforeStartDevServer",
@@ -6914,7 +7025,7 @@ async function createRsbuild(options = {}) {
       "getRsbuildConfig",
       "getNormalizedConfig"
     ]),
-    ...(0, import_shared59.pick)(providerInstance, [
+    ...(0, import_shared58.pick)(providerInstance, [
       "build",
       "preview",
       "initConfigs",
@@ -6931,11 +7042,11 @@ async function createRsbuild(options = {}) {
   }
   return rsbuild;
 }
-var import_shared59, getRspackProvider, pickRsbuildConfig;
+var import_shared58, getRspackProvider, pickRsbuildConfig;
 var init_createRsbuild = __esm({
   "src/createRsbuild.ts"() {
     "use strict";
-    import_shared59 = require("@rsbuild/shared");
+    import_shared58 = require("@rsbuild/shared");
     init_createContext();
     init_initPlugins();
     init_pluginHelper();
@@ -6957,7 +7068,7 @@ var init_createRsbuild = __esm({
         "moduleFederation",
         "_privateMeta"
       ];
-      return (0, import_shared59.pick)(rsbuildConfig, keys);
+      return (0, import_shared58.pick)(rsbuildConfig, keys);
     };
   }
 });
@@ -6976,7 +7087,7 @@ async function init({
       cwd: root,
       mode: cliOptions?.envMode
     });
-    if ((0, import_shared60.isDev)()) {
+    if ((0, import_shared59.isDev)()) {
       onBeforeRestartServer(envs.cleanup);
     }
     const { content: config, filePath: configFilePath } = await loadConfig({
@@ -6998,9 +7109,9 @@ async function init({
       ...envs.publicVars,
       ...config.source.define
     };
-    if (commonOpts.open && !config.dev?.startUrl) {
-      config.dev ||= {};
-      config.dev.startUrl = commonOpts.open;
+    if (commonOpts.open && !config.server?.open) {
+      config.server ||= {};
+      config.server.open = commonOpts.open;
     }
     if (commonOpts.host) {
       config.server ||= {};
@@ -7016,17 +7127,17 @@ async function init({
     });
   } catch (err) {
     if (isRestart) {
-      import_shared60.logger.error(err);
+      import_shared59.logger.error(err);
     } else {
       throw err;
     }
   }
 }
-var import_shared60, commonOpts;
+var import_shared59, commonOpts;
 var init_init = __esm({
   "src/cli/init.ts"() {
     "use strict";
-    import_shared60 = require("@rsbuild/shared");
+    import_shared59 = require("@rsbuild/shared");
     init_config();
     init_loadEnv();
     init_restart();
@@ -7044,7 +7155,7 @@ __export(src_exports, {
   defineConfig: () => defineConfig,
   loadConfig: () => loadConfig,
   loadEnv: () => loadEnv,
-  logger: () => import_shared63.logger,
+  logger: () => import_shared62.logger,
   mergeRsbuildConfig: () => mergeRsbuildConfig,
   rspack: () => import_core10.rspack,
   version: () => version
@@ -7067,16 +7178,18 @@ __export(internal_exports, {
   initHooks: () => initHooks,
   initPlugins: () => initPlugins,
   initRsbuildConfig: () => initRsbuildConfig,
+  outputInspectConfigFiles: () => outputInspectConfigFiles,
   prepareCli: () => prepareCli,
   runCli: () => runCli,
   setHTMLPlugin: () => setHTMLPlugin,
-  startProdServer: () => startProdServer
+  startProdServer: () => startProdServer,
+  stringifyConfig: () => stringifyConfig
 });
 
 // src/cli/commands.ts
 var import_node_fs5 = require("fs");
 var import_node_path28 = require("path");
-var import_shared61 = require("@rsbuild/shared");
+var import_shared60 = require("@rsbuild/shared");
 var import_commander = require("../compiled/commander/index.js");
 init_helpers();
 init_init();
@@ -7093,7 +7206,7 @@ var applyServerOptions = (command) => {
   command.option("-o --open [url]", "open the page in browser on startup").option("--port <port>", "specify a port number for server to listen").option("--host <host>", "specify the host that the server listens to");
 };
 function runCli() {
-  import_commander.program.name("rsbuild").usage("<command> [options]").version("0.7.3");
+  import_commander.program.name("rsbuild").usage("<command> [options]").version("0.7.4");
   const devCommand = import_commander.program.command("dev");
   const buildCommand = import_commander.program.command("build");
   const previewCommand = import_commander.program.command("preview");
@@ -7107,8 +7220,8 @@ function runCli() {
       const rsbuild = await init({ cliOptions: options });
       await rsbuild?.startDevServer();
     } catch (err) {
-      import_shared61.logger.error("Failed to start dev server.");
-      import_shared61.logger.error(err);
+      import_shared60.logger.error("Failed to start dev server.");
+      import_shared60.logger.error(err);
       process.exit(1);
     }
   });
@@ -7119,8 +7232,8 @@ function runCli() {
         watch: options.watch
       });
     } catch (err) {
-      import_shared61.logger.error("Failed to build.");
-      import_shared61.logger.error(err);
+      import_shared60.logger.error("Failed to build.");
+      import_shared60.logger.error(err);
       process.exit(1);
     }
   });
@@ -7131,14 +7244,14 @@ function runCli() {
         const { distPath } = rsbuild.context;
         if (!(0, import_node_fs5.existsSync)(distPath)) {
           throw new Error(
-            `The output directory ${import_shared61.color.yellow(
+            `The output directory ${import_shared60.color.yellow(
               distPath
             )} does not exist, please build the project before previewing.`
           );
         }
         if (isEmptyDir(distPath)) {
           throw new Error(
-            `The output directory ${import_shared61.color.yellow(
+            `The output directory ${import_shared60.color.yellow(
               distPath
             )} is empty, please build the project before previewing.`
           );
@@ -7146,8 +7259,8 @@ function runCli() {
       }
       await rsbuild?.preview();
     } catch (err) {
-      import_shared61.logger.error("Failed to start preview server.");
-      import_shared61.logger.error(err);
+      import_shared60.logger.error("Failed to start preview server.");
+      import_shared60.logger.error(err);
       process.exit(1);
     }
   });
@@ -7161,8 +7274,8 @@ function runCli() {
         writeToDisk: true
       });
     } catch (err) {
-      import_shared61.logger.error("Failed to inspect config.");
-      import_shared61.logger.error(err);
+      import_shared60.logger.error("Failed to inspect config.");
+      import_shared60.logger.error(err);
       process.exit(1);
     }
   });
@@ -7170,7 +7283,7 @@ function runCli() {
 }
 
 // src/cli/prepare.ts
-var import_shared62 = require("@rsbuild/shared");
+var import_shared61 = require("@rsbuild/shared");
 function initNodeEnv() {
   if (!process.env.NODE_ENV) {
     const command = process.argv[2];
@@ -7183,7 +7296,7 @@ function prepareCli() {
   if (!npm_execpath || npm_execpath.includes("npx-cli.js") || npm_execpath.includes(".bun")) {
     console.log();
   }
-  import_shared62.logger.greet(`  ${`Rsbuild v${"0.7.3"}`}
+  import_shared61.logger.greet(`  ${`Rsbuild v${"0.7.4"}`}
 `);
 }
 
@@ -7191,6 +7304,7 @@ function prepareCli() {
 init_pluginManager();
 init_initHooks();
 init_initConfigs();
+init_config();
 init_pluginHelper();
 init_helpers();
 init_rspackConfig();
@@ -7206,10 +7320,10 @@ init_prodServer();
 init_loadEnv();
 init_createRsbuild();
 init_config();
-var import_shared63 = require("@rsbuild/shared");
+var import_shared62 = require("@rsbuild/shared");
 init_mergeConfig();
 init_constants();
-var version = "0.7.3";
+var version = "0.7.4";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   PLUGIN_CSS_NAME,