@rsbuild/core 1.0.10 → 1.0.11

package/dist/index.cjs

@@ -3101,6 +3101,122 @@ var init_esm = __esm({
   }
 });
 
+// src/logger.ts
+function getTime() {
+  const now = /* @__PURE__ */ new Date();
+  const hours = String(now.getHours()).padStart(2, "0");
+  const minutes = String(now.getMinutes()).padStart(2, "0");
+  const seconds = String(now.getSeconds()).padStart(2, "0");
+  return `${hours}:${minutes}:${seconds}`;
+}
+var import_picocolors, import_rslog, isDebug;
+var init_logger = __esm({
+  "src/logger.ts"() {
+    "use strict";
+    import_picocolors = __toESM(require("../compiled/picocolors/index.js"));
+    import_rslog = require("../compiled/rslog/index.js");
+    isDebug = () => {
+      if (!process.env.DEBUG) {
+        return false;
+      }
+      const values = process.env.DEBUG.toLocaleLowerCase().split(",");
+      return ["rsbuild", "builder", "*"].some((key) => values.includes(key));
+    };
+    if (isDebug()) {
+      import_rslog.logger.level = "verbose";
+    }
+    import_rslog.logger.override({
+      debug: (message, ...args) => {
+        if (import_rslog.logger.level !== "verbose") {
+          return;
+        }
+        const time = import_picocolors.default.gray(`${getTime()}`);
+        console.log(`  ${import_picocolors.default.magenta("rsbuild")} ${time} ${message}`, ...args);
+      }
+    });
+  }
+});
+
+// src/constants.ts
+var import_node_path, ROOT_DIST_DIR, HTML_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, HMR_SOCKET_PATH, RSBUILD_OUTPUTS_PATH, DEFAULT_PORT, DEFAULT_DATA_URL_SIZE, DEFAULT_MOUNT_ID, DEFAULT_DEV_HOST, DEFAULT_ASSET_PREFIX, DEFAULT_WEB_BROWSERSLIST, DEFAULT_BROWSERSLIST, HTML_REGEX, JS_REGEX, SCRIPT_REGEX, CSS_REGEX, NODE_MODULES_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");
+    ROOT_DIST_DIR = "dist";
+    HTML_DIST_DIR = "./";
+    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";
+    HMR_SOCKET_PATH = "/rsbuild-hmr";
+    RSBUILD_OUTPUTS_PATH = ".rsbuild";
+    DEFAULT_PORT = 3e3;
+    DEFAULT_DATA_URL_SIZE = 4096;
+    DEFAULT_MOUNT_ID = "root";
+    DEFAULT_DEV_HOST = "0.0.0.0";
+    DEFAULT_ASSET_PREFIX = "/";
+    DEFAULT_WEB_BROWSERSLIST = [
+      "chrome >= 87",
+      "edge >= 88",
+      "firefox >= 78",
+      "safari >= 14"
+    ];
+    DEFAULT_BROWSERSLIST = {
+      web: DEFAULT_WEB_BROWSERSLIST,
+      "web-worker": DEFAULT_WEB_BROWSERSLIST,
+      node: ["node >= 16"]
+    };
+    HTML_REGEX = /\.html$/;
+    JS_REGEX = /\.(?:js|mjs|cjs|jsx)$/;
+    SCRIPT_REGEX = /\.(?:js|jsx|mjs|cjs|ts|tsx|mts|cts)$/;
+    CSS_REGEX = /\.css$/;
+    NODE_MODULES_REGEX = /[\\/]node_modules[\\/]/;
+    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"
+    ];
+  }
+});
+
 // ../../node_modules/.pnpm/deepmerge@4.3.1/node_modules/deepmerge/dist/cjs.js
 var require_cjs = __commonJS({
   "../../node_modules/.pnpm/deepmerge@4.3.1/node_modules/deepmerge/dist/cjs.js"(exports, module2) {
@@ -3204,122 +3320,6 @@ var require_cjs = __commonJS({
   }
 });
 
-// src/constants.ts
-var import_node_path, ROOT_DIST_DIR, HTML_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, HMR_SOCKET_PATH, RSBUILD_OUTPUTS_PATH, DEFAULT_PORT, DEFAULT_DATA_URL_SIZE, DEFAULT_MOUNT_ID, DEFAULT_DEV_HOST, DEFAULT_ASSET_PREFIX, DEFAULT_WEB_BROWSERSLIST, DEFAULT_BROWSERSLIST, HTML_REGEX, JS_REGEX, SCRIPT_REGEX, CSS_REGEX, NODE_MODULES_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");
-    ROOT_DIST_DIR = "dist";
-    HTML_DIST_DIR = "./";
-    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";
-    HMR_SOCKET_PATH = "/rsbuild-hmr";
-    RSBUILD_OUTPUTS_PATH = ".rsbuild";
-    DEFAULT_PORT = 3e3;
-    DEFAULT_DATA_URL_SIZE = 4096;
-    DEFAULT_MOUNT_ID = "root";
-    DEFAULT_DEV_HOST = "0.0.0.0";
-    DEFAULT_ASSET_PREFIX = "/";
-    DEFAULT_WEB_BROWSERSLIST = [
-      "chrome >= 87",
-      "edge >= 88",
-      "firefox >= 78",
-      "safari >= 14"
-    ];
-    DEFAULT_BROWSERSLIST = {
-      web: DEFAULT_WEB_BROWSERSLIST,
-      "web-worker": DEFAULT_WEB_BROWSERSLIST,
-      node: ["node >= 16"]
-    };
-    HTML_REGEX = /\.html$/;
-    JS_REGEX = /\.(?:js|mjs|cjs|jsx)$/;
-    SCRIPT_REGEX = /\.(?:js|jsx|mjs|cjs|ts|tsx|mts|cts)$/;
-    CSS_REGEX = /\.css$/;
-    NODE_MODULES_REGEX = /[\\/]node_modules[\\/]/;
-    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"
-    ];
-  }
-});
-
-// src/logger.ts
-function getTime() {
-  const now = /* @__PURE__ */ new Date();
-  const hours = String(now.getHours()).padStart(2, "0");
-  const minutes = String(now.getMinutes()).padStart(2, "0");
-  const seconds = String(now.getSeconds()).padStart(2, "0");
-  return `${hours}:${minutes}:${seconds}`;
-}
-var import_picocolors, import_rslog, isDebug;
-var init_logger = __esm({
-  "src/logger.ts"() {
-    "use strict";
-    import_picocolors = __toESM(require("../compiled/picocolors/index.js"));
-    import_rslog = require("../compiled/rslog/index.js");
-    isDebug = () => {
-      if (!process.env.DEBUG) {
-        return false;
-      }
-      const values = process.env.DEBUG.toLocaleLowerCase().split(",");
-      return ["rsbuild", "builder", "*"].some((key) => values.includes(key));
-    };
-    if (isDebug()) {
-      import_rslog.logger.level = "verbose";
-    }
-    import_rslog.logger.override({
-      debug: (message, ...args) => {
-        if (import_rslog.logger.level !== "verbose") {
-          return;
-        }
-        const time = import_picocolors.default.gray(`${getTime()}`);
-        console.log(`  ${import_picocolors.default.magenta("rsbuild")} ${time} ${message}`, ...args);
-      }
-    });
-  }
-});
-
 // src/helpers/fs.ts
 function isEmptyDir(path21) {
   const files = import_node_fs.default.readdirSync(path21);
@@ -3980,12 +3980,21 @@ var init_restart = __esm({
       }
     };
     restartDevServer = async ({
-      filePath
-    }) => {
-      clearConsole();
-      const filename = import_node_path5.default.basename(filePath);
-      import_rslog.logger.info(`Restart because ${import_picocolors4.default.yellow(filename)} is changed.
-`);
+      filePath,
+      clear = true
+    } = {}) => {
+      if (clear) {
+        clearConsole();
+      }
+      if (filePath) {
+        const filename = import_node_path5.default.basename(filePath);
+        import_rslog.logger.info(
+          `Restart server because ${import_picocolors4.default.yellow(filename)} is changed.
+`
+        );
+      } else {
+        import_rslog.logger.info("Restarting server...\n");
+      }
       for (const cleaner of cleaners) {
         await cleaner();
         cleaners = [];
@@ -4022,7 +4031,7 @@ function getDefaultEntry(root) {
 function defineConfig(config) {
   return config;
 }
-async function watchFiles(files, watchOptions) {
+async function watchFilesForRestart(files, watchOptions) {
   if (!files.length) {
     return;
   }
@@ -4197,6 +4206,7 @@ var init_config = __esm({
       // Temporary placeholder, default: `${server.base}`
       assetPrefix: DEFAULT_ASSET_PREFIX,
       writeToDisk: false,
+      cliShortcuts: false,
       client: {
         path: HMR_SOCKET_PATH,
         port: "",
@@ -5995,7 +6005,7 @@ async function createContext(options, userConfig, bundlerType) {
   const rsbuildConfig = await withDefaultConfig(rootPath, userConfig);
   const cachePath = (0, import_node_path10.join)(rootPath, "node_modules", ".cache");
   return {
-    version: "1.0.10",
+    version: "1.0.11",
     rootPath,
     distPath: "",
     cachePath,
@@ -6873,6 +6883,96 @@ var init_createCompiler = __esm({
   }
 });
 
+// src/server/cliShortcuts.ts
+function setupCliShortcuts({
+  openPage,
+  closeServer,
+  printUrls,
+  restartServer,
+  customShortcuts
+}) {
+  let shortcuts = [
+    {
+      key: "c",
+      description: `${import_picocolors9.default.bold("c + enter")}  ${import_picocolors9.default.dim("clear console")}`,
+      action: () => {
+        console.clear();
+      }
+    },
+    {
+      key: "o",
+      description: `${import_picocolors9.default.bold("o + enter")}  ${import_picocolors9.default.dim("open in browser")}`,
+      action: openPage
+    },
+    {
+      key: "q",
+      description: `${import_picocolors9.default.bold("q + enter")}  ${import_picocolors9.default.dim("quit process")}`,
+      action: async () => {
+        try {
+          await closeServer();
+        } finally {
+          process.exit(0);
+        }
+      }
+    },
+    restartServer ? {
+      key: "r",
+      description: `${import_picocolors9.default.bold("r + enter")}  ${import_picocolors9.default.dim("restart server")}`,
+      action: restartServer
+    } : null,
+    {
+      key: "u",
+      description: `${import_picocolors9.default.bold("u + enter")}  ${import_picocolors9.default.dim("show urls")}`,
+      action: printUrls
+    }
+  ].filter(Boolean);
+  if (customShortcuts) {
+    shortcuts = customShortcuts(shortcuts);
+    if (!Array.isArray(shortcuts)) {
+      throw new Error("`dev.cliShortcuts` must return an array of shortcuts.");
+    }
+  }
+  import_rslog.logger.log(
+    `  ➜ ${import_picocolors9.default.dim("press")} ${import_picocolors9.default.bold("h + enter")} ${import_picocolors9.default.dim("to show shortcuts")}
+`
+  );
+  const rl = import_node_readline.default.createInterface({
+    input: process.stdin
+  });
+  rl.on("line", (input) => {
+    if (input === "h") {
+      let message = `
+  ${import_picocolors9.default.bold(import_picocolors9.default.blue("Shortcuts:"))}
+`;
+      for (const shortcut of shortcuts) {
+        message += `  ${shortcut.description}
+`;
+      }
+      import_rslog.logger.log(message);
+    }
+    for (const shortcut of shortcuts) {
+      if (input === shortcut.key) {
+        shortcut.action();
+        return;
+      }
+    }
+  });
+  onBeforeRestartServer(() => {
+    rl.close();
+  });
+}
+var import_node_readline, import_picocolors9, isCliShortcutsEnabled;
+var init_cliShortcuts = __esm({
+  "src/server/cliShortcuts.ts"() {
+    "use strict";
+    import_node_readline = __toESM(require("readline"));
+    import_picocolors9 = __toESM(require("../compiled/picocolors/index.js"));
+    init_logger();
+    init_restart();
+    isCliShortcutsEnabled = (devConfig) => devConfig.cliShortcuts && process.stdin.isTTY && !process.env.CI;
+  }
+});
+
 // src/server/runner/asModule.ts
 var import_node_vm, SYNTHETIC_MODULES_STORE, asModule;
 var init_asModule = __esm({
@@ -7295,12 +7395,12 @@ var init_environment = __esm({
 // src/server/helper.ts
 function getURLMessages(urls, routes) {
   if (routes.length === 1) {
-    return urls.map(
-      ({ label, url: url2 }) => `  ${`➜ ${label.padEnd(10)}`}${import_picocolors9.default.cyan(
-        normalizeUrl(`${url2}${routes[0].pathname}`)
-      )}
-`
-    ).join("");
+    return urls.map(({ label, url: url2 }) => {
+      const pathname = normalizeUrl(`${url2}${routes[0].pathname}`);
+      const prefix = `➜ ${import_picocolors10.default.dim(label.padEnd(10))}`;
+      return `  ${prefix}${import_picocolors10.default.cyan(pathname)}
+`;
+    }).join("");
   }
   let message = "";
   const maxNameLength = Math.max(...routes.map((r) => r.entryName.length));
@@ -7311,9 +7411,9 @@ function getURLMessages(urls, routes) {
     message += `  ${`➜ ${label}`}
 `;
     for (const r of routes) {
-      message += `  ${import_picocolors9.default.dim("-")} ${import_picocolors9.default.dim(
+      message += `  ${import_picocolors10.default.dim("-")} ${import_picocolors10.default.dim(
         r.entryName.padEnd(maxNameLength + 4)
-      )}${import_picocolors9.default.cyan(normalizeUrl(`${url2}${r.pathname}`))}
+      )}${import_picocolors10.default.cyan(normalizeUrl(`${url2}${r.pathname}`))}
 `;
     }
   });
@@ -7324,7 +7424,8 @@ function printServerURLs({
   port,
   routes,
   protocol,
-  printUrls
+  printUrls,
+  trailingLineBreak = true
 }) {
   if (printUrls === false) {
     return null;
@@ -7353,7 +7454,10 @@ function printServerURLs({
   if (urls.length === 0 || routes.length === 0) {
     return null;
   }
-  const message = getURLMessages(urls, routes);
+  let message = getURLMessages(urls, routes);
+  if (trailingLineBreak === false && message.endsWith("\n")) {
+    message = message.slice(0, -1);
+  }
   import_rslog.logger.log(message);
   return message;
 }
@@ -7382,14 +7486,14 @@ function getServerTerminator(server) {
     }
   });
 }
-var import_node_net, import_node_os, import_node_path16, import_picocolors9, normalizeUrl, formatPrefix, joinUrlSegments, stripBase, getRoutes, formatRoutes, getPort, getServerConfig, getIpv4Interfaces, isLoopbackHost, getHostInUrl, concatUrl, LOCAL_LABEL, NETWORK_LABEL, getUrlLabel, getAddressUrls, COMPILATION_ID_REGEX, getCompilationId;
+var import_node_net, import_node_os, import_node_path16, import_picocolors10, normalizeUrl, formatPrefix, joinUrlSegments, stripBase, getRoutes, formatRoutes, getPort, getServerConfig, getIpv4Interfaces, isLoopbackHost, getHostInUrl, concatUrl, LOCAL_LABEL, NETWORK_LABEL, getUrlLabel, getAddressUrls, COMPILATION_ID_REGEX, getCompilationId;
 var init_helper = __esm({
   "src/server/helper.ts"() {
     "use strict";
     import_node_net = __toESM(require("net"));
     import_node_os = __toESM(require("os"));
     import_node_path16 = require("path");
-    import_picocolors9 = __toESM(require("../compiled/picocolors/index.js"));
+    import_picocolors10 = __toESM(require("../compiled/picocolors/index.js"));
     init_constants();
     init_helpers();
     init_logger();
@@ -7500,7 +7604,7 @@ var init_helper = __esm({
         strictPort: config.server.strictPort || false
       });
       const https = Boolean(config.server.https) || false;
-      const portTip = port !== originalPort ? `Port ${originalPort} is in use, ${import_picocolors9.default.yellow(`using port ${port}.`)}` : void 0;
+      const portTip = port !== originalPort ? `Port ${originalPort} is in use, ${import_picocolors10.default.yellow(`using port ${port}.`)}` : void 0;
       return {
         port,
         host,
@@ -7599,12 +7703,12 @@ var init_helper = __esm({
 });
 
 // src/server/middlewares.ts
-var import_node_path17, import_picocolors10, faviconFallbackMiddleware, getStatusCodeColor, getRequestLoggerMiddleware, notFoundMiddleware, isFileExists2, maybeHTMLRequest, postfixRE, getUrlPathname, getHtmlCompletionMiddleware, getBaseMiddleware, getHtmlFallbackMiddleware;
+var import_node_path17, import_picocolors11, faviconFallbackMiddleware, getStatusCodeColor, getRequestLoggerMiddleware, notFoundMiddleware, isFileExists2, maybeHTMLRequest, postfixRE, getUrlPathname, getHtmlCompletionMiddleware, getBaseMiddleware, getHtmlFallbackMiddleware;
 var init_middlewares = __esm({
   "src/server/middlewares.ts"() {
     "use strict";
     import_node_path17 = __toESM(require("path"));
-    import_picocolors10 = __toESM(require("../compiled/picocolors/index.js"));
+    import_picocolors11 = __toESM(require("../compiled/picocolors/index.js"));
     init_helpers();
     init_logger();
     init_helper();
@@ -7618,16 +7722,16 @@ var init_middlewares = __esm({
     };
     getStatusCodeColor = (status) => {
       if (status >= 500) {
-        return import_picocolors10.default.red;
+        return import_picocolors11.default.red;
       }
       if (status >= 400) {
-        return import_picocolors10.default.yellow;
+        return import_picocolors11.default.yellow;
       }
       if (status >= 300) {
-        return import_picocolors10.default.cyan;
+        return import_picocolors11.default.cyan;
       }
       if (status >= 200) {
-        return import_picocolors10.default.green;
+        return import_picocolors11.default.green;
       }
       return (res) => res;
     };
@@ -7643,7 +7747,7 @@ var init_middlewares = __esm({
           const endAt = process.hrtime();
           const totalTime = (endAt[0] - _startAt[0]) * 1e3 + (endAt[1] - _startAt[1]) * 1e-6;
           import_rslog.logger.debug(
-            `${statusColor(status)} ${method} ${import_picocolors10.default.gray(url2)} ${import_picocolors10.default.gray(
+            `${statusColor(status)} ${method} ${import_picocolors11.default.gray(url2)} ${import_picocolors11.default.gray(
               `${totalTime.toFixed(3)} ms`
             )}`
           );
@@ -7751,8 +7855,8 @@ var init_middlewares = __esm({
           const newUrl = "/index.html";
           if (import_rslog.logger.level === "verbose") {
             import_rslog.logger.debug(
-              `${req.method} ${import_picocolors10.default.gray(
-                `${req.url} ${import_picocolors10.default.yellow("fallback")} to ${newUrl}`
+              `${req.method} ${import_picocolors11.default.gray(
+                `${req.url} ${import_picocolors11.default.yellow("fallback")} to ${newUrl}`
               )}`
             );
           }
@@ -8284,7 +8388,7 @@ async function setupWatchFiles(options) {
   if (!hmr && !liveReload || !compileMiddlewareAPI) {
     return;
   }
-  const devFilesWatcher = await watchDevFiles(dev, compileMiddlewareAPI);
+  const closeDevFilesWatcher = await watchDevFiles(dev, compileMiddlewareAPI);
   const serverFilesWatcher = await watchServerFiles(
     server,
     compileMiddlewareAPI
@@ -8292,23 +8396,30 @@ async function setupWatchFiles(options) {
   return {
     async close() {
       await Promise.all([
-        devFilesWatcher?.close(),
+        closeDevFilesWatcher?.(),
         serverFilesWatcher?.close()
       ]);
     }
   };
 }
 async function watchDevFiles(devConfig, compileMiddlewareAPI) {
-  const { watchFiles: watchFiles2 } = devConfig;
-  if (!watchFiles2) {
+  const { watchFiles } = devConfig;
+  if (!watchFiles) {
     return;
   }
-  const watchOptions = prepareWatchOptions(
-    watchFiles2.paths,
-    watchFiles2.options,
-    watchFiles2.type
-  );
-  return startWatchFiles(watchOptions, compileMiddlewareAPI);
+  const watchers = [];
+  for (const { paths, options, type } of castArray(watchFiles)) {
+    const watchOptions = prepareWatchOptions(paths, options, type);
+    const watcher = await startWatchFiles(watchOptions, compileMiddlewareAPI);
+    if (watcher) {
+      watchers.push(watcher);
+    }
+  }
+  return async () => {
+    for (const watcher of watchers) {
+      await watcher.close();
+    }
+  };
 }
 function watchServerFiles(serverConfig, compileMiddlewareAPI) {
   const publicDirs = normalizePublicDirs(serverConfig.publicDir);
@@ -8344,6 +8455,7 @@ var init_watchFiles = __esm({
   "src/server/watchFiles.ts"() {
     "use strict";
     init_config();
+    init_helpers();
   }
 });
 
@@ -8825,22 +8937,47 @@ async function createDevServer(options, createCompiler2, config, {
   await options.context.hooks.onBeforeStartDevServer.call({
     environments: options.context.environments
   });
-  const printUrls = () => {
-    printServerURLs({
-      urls,
+  const cliShortcutsEnabled = isCliShortcutsEnabled(devConfig);
+  const printUrls = () => printServerURLs({
+    urls,
+    port,
+    routes,
+    protocol,
+    printUrls: config.server.printUrls,
+    trailingLineBreak: !cliShortcutsEnabled
+  });
+  const openPage = async () => {
+    return open({
+      https,
       port,
       routes,
-      protocol,
-      printUrls: config.server.printUrls
+      config,
+      clearCache: true
     });
+  };
+  const closeServer = async () => {
+    await options.context.hooks.onCloseDevServer.call();
+    await Promise.all([devMiddlewares.close(), fileWatcher?.close()]);
+  };
+  const beforeCreateCompiler = () => {
+    printUrls();
+    if (cliShortcutsEnabled) {
+      setupCliShortcuts({
+        openPage,
+        closeServer,
+        printUrls,
+        restartServer: () => restartDevServer({ clear: false }),
+        customShortcuts: typeof devConfig.cliShortcuts === "boolean" ? void 0 : devConfig.cliShortcuts.custom
+      });
+    }
     if (!getPortSilently && portTip) {
       import_rslog.logger.info(portTip);
     }
   };
   if (runCompile) {
-    options.context.hooks.onBeforeCreateCompiler.tap(printUrls);
+    options.context.hooks.onBeforeCreateCompiler.tap(beforeCreateCompiler);
   } else {
-    printUrls();
+    beforeCreateCompiler();
   }
   const compileMiddlewareAPI = runCompile ? await startCompile() : void 0;
   const fileWatcher = await setupWatchFiles({
@@ -8953,20 +9090,9 @@ async function createDevServer(options, createCompiler2, config, {
     connectWebSocket: ({ server }) => {
       server.on("upgrade", devMiddlewares.onUpgrade);
     },
-    close: async () => {
-      await options.context.hooks.onCloseDevServer.call();
-      await Promise.all([devMiddlewares.close(), fileWatcher?.close()]);
-    },
+    close: closeServer,
     printUrls,
-    open: async () => {
-      return open({
-        https,
-        port,
-        routes,
-        config,
-        clearCache: true
-      });
-    }
+    open: openPage
   };
   import_rslog.logger.debug("create dev server done");
   return devServerAPI;
@@ -8979,6 +9105,7 @@ var init_devServer = __esm({
     init_constants();
     init_helpers();
     init_logger();
+    init_cliShortcuts();
     init_environment();
     init_getDevMiddlewares();
     init_helper();
@@ -9204,11 +9331,11 @@ var entry_exports = {};
 __export(entry_exports, {
   pluginEntry: () => pluginEntry
 });
-var import_picocolors11, pluginEntry;
+var import_picocolors12, pluginEntry;
 var init_entry = __esm({
   "src/plugins/entry.ts"() {
     "use strict";
-    import_picocolors11 = __toESM(require("../compiled/picocolors/index.js"));
+    import_picocolors12 = __toESM(require("../compiled/picocolors/index.js"));
     init_helpers();
     pluginEntry = () => ({
       name: "rsbuild:entry",
@@ -9237,9 +9364,9 @@ var init_entry = __esm({
         api.onBeforeCreateCompiler(({ bundlerConfigs }) => {
           if (bundlerConfigs.every((config) => !config.entry)) {
             throw new Error(
-              `Could not find any entry module, please make sure that ${import_picocolors11.default.cyan(
+              `Could not find any entry module, please make sure that ${import_picocolors12.default.cyan(
                 "src/index.(ts|js|tsx|jsx|mjs|cjs)"
-              )} exists, or customize entry through the ${import_picocolors11.default.cyan(
+              )} exists, or customize entry through the ${import_picocolors12.default.cyan(
                 "source.entry"
               )} configuration.`
             );
@@ -9816,7 +9943,7 @@ function getHeader(longestFileLength, longestLabelLength, options) {
     }
     return `${prev + curLabel}    `;
   }, "  ");
-  return import_picocolors12.default.bold(import_picocolors12.default.blue(headerRow));
+  return import_picocolors13.default.bold(import_picocolors13.default.blue(headerRow));
 }
 async function printFileSizes(options, stats, rootPath) {
   const logs = [];
@@ -9889,7 +10016,7 @@ async function printFileSizes(options, stats, rootPath) {
         const rightPadding = " ".repeat(longestLabelLength - sizeLength);
         sizeLabel += rightPadding;
       }
-      let fileNameLabel = import_picocolors12.default.dim(asset.folder + import_node_path23.default.sep) + coloringAssetName(asset.name);
+      let fileNameLabel = import_picocolors13.default.dim(asset.folder + import_node_path23.default.sep) + coloringAssetName(asset.name);
       if (fileNameLength < longestFileLength) {
         const rightPadding = " ".repeat(longestFileLength - fileNameLength);
         fileNameLabel += rightPadding;
@@ -9902,15 +10029,15 @@ async function printFileSizes(options, stats, rootPath) {
     }
   }
   if (options.total !== false) {
-    const totalSizeLabel = `${import_picocolors12.default.bold(
-      import_picocolors12.default.blue("Total size:")
+    const totalSizeLabel = `${import_picocolors13.default.bold(
+      import_picocolors13.default.blue("Total size:")
     )}  ${calcFileSize(totalSize)}`;
     let log = `
   ${totalSizeLabel}
 `;
     if (options.compressed) {
-      const gzippedSizeLabel = `${import_picocolors12.default.bold(
-        import_picocolors12.default.blue("Gzipped size:")
+      const gzippedSizeLabel = `${import_picocolors13.default.bold(
+        import_picocolors13.default.blue("Gzipped size:")
       )}  ${calcFileSize(totalGzipSize)}`;
       log += `  ${gzippedSizeLabel}
 `;
@@ -9919,7 +10046,7 @@ async function printFileSizes(options, stats, rootPath) {
   }
   return logs;
 }
-var import_node_fs7, import_node_path23, import_node_util2, import_node_zlib2, import_picocolors12, gzip, filterAsset, getAssetColor, calcFileSize, coloringAssetName, pluginFileSize;
+var import_node_fs7, import_node_path23, import_node_util2, import_node_zlib2, import_picocolors13, gzip, filterAsset, getAssetColor, calcFileSize, coloringAssetName, pluginFileSize;
 var init_fileSize = __esm({
   "src/plugins/fileSize.ts"() {
     "use strict";
@@ -9927,19 +10054,19 @@ var init_fileSize = __esm({
     import_node_path23 = __toESM(require("path"));
     import_node_util2 = require("util");
     import_node_zlib2 = __toESM(require("zlib"));
-    import_picocolors12 = __toESM(require("../compiled/picocolors/index.js"));
+    import_picocolors13 = __toESM(require("../compiled/picocolors/index.js"));
     init_constants();
     init_logger();
     gzip = (0, import_node_util2.promisify)(import_node_zlib2.default.gzip);
     filterAsset = (asset) => !/\.map$/.test(asset) && !/\.LICENSE\.txt$/.test(asset);
     getAssetColor = (size) => {
       if (size > 300 * 1e3) {
-        return import_picocolors12.default.red;
+        return import_picocolors13.default.red;
       }
       if (size > 100 * 1e3) {
-        return import_picocolors12.default.yellow;
+        return import_picocolors13.default.yellow;
       }
-      return import_picocolors12.default.green;
+      return import_picocolors13.default.green;
     };
     calcFileSize = (len) => {
       const val = len / 1e3;
@@ -9947,15 +10074,15 @@ var init_fileSize = __esm({
     };
     coloringAssetName = (assetName) => {
       if (JS_REGEX.test(assetName)) {
-        return import_picocolors12.default.cyan(assetName);
+        return import_picocolors13.default.cyan(assetName);
       }
       if (CSS_REGEX.test(assetName)) {
-        return import_picocolors12.default.yellow(assetName);
+        return import_picocolors13.default.yellow(assetName);
       }
       if (HTML_REGEX.test(assetName)) {
-        return import_picocolors12.default.green(assetName);
+        return import_picocolors13.default.green(assetName);
       }
-      return import_picocolors12.default.magenta(assetName);
+      return import_picocolors13.default.magenta(assetName);
     };
     pluginFileSize = () => ({
       name: "rsbuild:file-size",
@@ -9985,7 +10112,7 @@ var init_fileSize = __esm({
                 multiStats[index],
                 api.context.rootPath
               );
-              const name = import_picocolors12.default.green(environment.name);
+              const name = import_picocolors13.default.green(environment.name);
               import_rslog.logger.info(`Production file sizes for ${name}:
 `);
               for (const log of statsLog) {
@@ -10008,12 +10135,12 @@ __export(cleanOutput_exports, {
   dedupeCleanPaths: () => dedupeCleanPaths,
   pluginCleanOutput: () => pluginCleanOutput
 });
-var import_node_path24, import_picocolors13, addTrailingSep, isStrictSubdir, dedupeCleanPaths, pluginCleanOutput;
+var import_node_path24, import_picocolors14, addTrailingSep, isStrictSubdir, dedupeCleanPaths, pluginCleanOutput;
 var init_cleanOutput = __esm({
   "src/plugins/cleanOutput.ts"() {
     "use strict";
     import_node_path24 = require("path");
-    import_picocolors13 = __toESM(require("../compiled/picocolors/index.js"));
+    import_picocolors14 = __toESM(require("../compiled/picocolors/index.js"));
     init_constants();
     init_helpers();
     init_logger();
@@ -10056,10 +10183,10 @@ var init_cleanOutput = __esm({
                 "The dist path is not a subdir of root path, Rsbuild will not empty it."
               );
               import_rslog.logger.warn(
-                `Please set ${import_picocolors13.default.yellow("`output.cleanDistPath`")} config manually.`
+                `Please set ${import_picocolors14.default.yellow("`output.cleanDistPath`")} config manually.`
               );
-              import_rslog.logger.warn(`Current root path: ${import_picocolors13.default.dim(rootPath)}`);
-              import_rslog.logger.warn(`Current dist path: ${import_picocolors13.default.dim(distPath)}`);
+              import_rslog.logger.warn(`Current root path: ${import_picocolors14.default.dim(rootPath)}`);
+              import_rslog.logger.warn(`Current dist path: ${import_picocolors14.default.dim(distPath)}`);
             }
           }
           if (cleanDistPath) {
@@ -10446,7 +10573,7 @@ async function getTemplate(entryName, config, rootPath) {
   if (!existTemplatePath.has(absolutePath)) {
     if (!await isFileExists(absolutePath)) {
       throw new Error(
-        `Failed to resolve HTML template, please check if the file exists: ${import_picocolors14.default.cyan(
+        `Failed to resolve HTML template, please check if the file exists: ${import_picocolors15.default.cyan(
           absolutePath
         )}`
       );
@@ -10532,13 +10659,13 @@ function getChunks(entryName, entryValue) {
   }
   return chunks;
 }
-var import_node_fs8, import_node_path27, import_picocolors14, getDefaultTemplateContent, existTemplatePath, getTagConfig, pluginHtml;
+var import_node_fs8, import_node_path27, import_picocolors15, getDefaultTemplateContent, existTemplatePath, getTagConfig, pluginHtml;
 var init_html = __esm({
   "src/plugins/html.ts"() {
     "use strict";
     import_node_fs8 = __toESM(require("fs"));
     import_node_path27 = __toESM(require("path"));
-    import_picocolors14 = __toESM(require("../compiled/picocolors/index.js"));
+    import_picocolors15 = __toESM(require("../compiled/picocolors/index.js"));
     init_dist2();
     init_helpers();
     getDefaultTemplateContent = (mountId) => `<!doctype html><html><head></head><body><div id="${mountId}"></div></body></html>`;
@@ -10956,15 +11083,15 @@ var init_define = __esm({
         api.modifyBundlerChain((chain, { CHAIN_ID: CHAIN_ID2, bundler, environment }) => {
           const { config } = environment;
           const baseUrl = JSON.stringify(config.server.base);
+          const assetPrefix = JSON.stringify(getPublicPathFromChain(chain, false));
           const builtinVars = {
             "import.meta.env.MODE": JSON.stringify(config.mode),
             "import.meta.env.DEV": config.mode === "development",
             "import.meta.env.PROD": config.mode === "production",
             "import.meta.env.BASE_URL": baseUrl,
-            "process.env.ASSET_PREFIX": JSON.stringify(
-              getPublicPathFromChain(chain, false)
-            ),
-            "process.env.BASE_URL": baseUrl
+            "import.meta.env.ASSET_PREFIX": assetPrefix,
+            "process.env.BASE_URL": baseUrl,
+            "process.env.ASSET_PREFIX": assetPrefix
           };
           chain.plugin(CHAIN_ID2.PLUGIN.DEFINE).use(bundler.DefinePlugin, [
             { ...builtinVars, ...config.source.define }
@@ -11123,25 +11250,22 @@ __export(swc_exports, {
 });
 function applyScriptCondition({
   rule,
-  chain,
+  isDev,
   config,
   context,
-  includes,
-  excludes
+  rsbuildTarget
 }) {
   rule.include.add({
     and: [context.rootPath, { not: NODE_MODULES_REGEX }]
   });
   rule.include.add(/\.(?:ts|tsx|jsx|mts|cts)$/);
-  const target = castArray(chain.get("target"));
-  const legacyTarget = ["es5", "es6", "es2015", "es2016"];
-  if (legacyTarget.some((item) => target.includes(item))) {
+  if (rsbuildTarget === "web" && isDev) {
     rule.include.add(/[\\/]@rsbuild[\\/]core[\\/]dist[\\/]/);
   }
-  for (const condition of [...includes, ...config.source.include || []]) {
+  for (const condition of config.source.include || []) {
     rule.include.add(condition);
   }
-  for (const condition of [...excludes, ...config.source.exclude || []]) {
+  for (const condition of config.source.exclude || []) {
     rule.exclude.add(condition);
   }
 }
@@ -11216,7 +11340,7 @@ var init_swc = __esm({
       setup(api) {
         api.modifyBundlerChain({
           order: "pre",
-          handler: async (chain, { CHAIN_ID: CHAIN_ID2, target, environment }) => {
+          handler: async (chain, { CHAIN_ID: CHAIN_ID2, isDev, target, environment }) => {
             const { config, browserslist } = environment;
             const cacheRoot = import_node_path31.default.join(api.context.cachePath, ".swc");
             const rule = chain.module.rule(CHAIN_ID2.RULE.JS).test(SCRIPT_REGEX).type("javascript/auto");
@@ -11225,11 +11349,10 @@ var init_swc = __esm({
             });
             applyScriptCondition({
               rule,
-              chain,
+              isDev,
               config,
               context: api.context,
-              includes: [],
-              excludes: []
+              rsbuildTarget: target
             });
             if (api.context.bundlerType === "webpack") {
               return;
@@ -11742,11 +11865,11 @@ var rsdoctor_exports = {};
 __export(rsdoctor_exports, {
   pluginRsdoctor: () => pluginRsdoctor
 });
-var import_picocolors15, pluginRsdoctor;
+var import_picocolors16, pluginRsdoctor;
 var init_rsdoctor = __esm({
   "src/plugins/rsdoctor.ts"() {
     "use strict";
-    import_picocolors15 = __toESM(require("../compiled/picocolors/index.js"));
+    import_picocolors16 = __toESM(require("../compiled/picocolors/index.js"));
     init_logger();
     pluginRsdoctor = () => ({
       name: "rsbuild:rsdoctor",
@@ -11774,7 +11897,7 @@ var init_rsdoctor = __esm({
             });
           } catch (err) {
             import_rslog.logger.warn(
-              `\`process.env.RSDOCTOR\` enabled, please install ${import_picocolors15.default.bold(import_picocolors15.default.yellow(packageName))} package.`
+              `\`process.env.RSDOCTOR\` enabled, please install ${import_picocolors16.default.bold(import_picocolors16.default.yellow(packageName))} package.`
             );
             return;
           }
@@ -11783,7 +11906,7 @@ var init_rsdoctor = __esm({
             module2 = await import(packagePath);
           } catch (err) {
             import_rslog.logger.error(
-              `\`process.env.RSDOCTOR\` enabled, but failed to load ${import_picocolors15.default.bold(import_picocolors15.default.yellow(packageName))} module.`
+              `\`process.env.RSDOCTOR\` enabled, but failed to load ${import_picocolors16.default.bold(import_picocolors16.default.yellow(packageName))} module.`
             );
             return;
           }
@@ -11794,7 +11917,7 @@ var init_rsdoctor = __esm({
             config.plugins ||= [];
             config.plugins.push(new module2[pluginName]());
           }
-          import_rslog.logger.info(`${import_picocolors15.default.bold(import_picocolors15.default.yellow(packageName))} enabled.`);
+          import_rslog.logger.info(`${import_picocolors16.default.bold(import_picocolors16.default.yellow(packageName))} enabled.`);
         });
       }
     });
@@ -12925,24 +13048,44 @@ async function startProdServer(context, config, { getPortSilently } = {}) {
         });
         const protocol = https ? "https" : "http";
         const urls = getAddressUrls({ protocol, port, host });
-        printServerURLs({
+        const cliShortcutsEnabled = isCliShortcutsEnabled(config.dev);
+        const closeServer = async () => {
+          await Promise.all([server.close(), serverTerminator()]);
+        };
+        const printUrls = () => printServerURLs({
           urls,
           port,
           routes,
           protocol,
-          printUrls: serverConfig.printUrls
+          printUrls: serverConfig.printUrls,
+          trailingLineBreak: !cliShortcutsEnabled
         });
-        if (portTip && !getPortSilently) {
+        const openPage = async () => {
+          return open({
+            https,
+            port,
+            routes,
+            config,
+            clearCache: true
+          });
+        };
+        printUrls();
+        if (cliShortcutsEnabled) {
+          setupCliShortcuts({
+            openPage,
+            closeServer,
+            printUrls,
+            customShortcuts: typeof config.dev.cliShortcuts === "boolean" ? void 0 : config.dev.cliShortcuts.custom
+          });
+        }
+        if (!getPortSilently && portTip) {
           import_rslog.logger.info(portTip);
         }
-        const onClose = async () => {
-          await Promise.all([server.close(), serverTerminator()]);
-        };
         resolve2({
           port,
           urls: urls.map((item) => item.url),
           server: {
-            close: onClose
+            close: closeServer
           }
         });
       }
@@ -12955,9 +13098,11 @@ var init_prodServer = __esm({
     "use strict";
     init_path();
     init_logger();
+    init_cliShortcuts();
     init_helper();
     init_httpServer();
     init_middlewares();
+    init_open();
     RsbuildProdServer = class {
       constructor(options, middlewares) {
         __publicField(this, "app");
@@ -13147,12 +13292,30 @@ async function createRsbuild(options = {}) {
     rsbuildOptions,
     setCssExtractPlugin
   });
-  const preview = async (options2) => {
+  const preview = async (options2 = {}) => {
     if (!getNodeEnv()) {
       setNodeEnv("production");
     }
-    const { startProdServer: startProdServer2 } = await Promise.resolve().then(() => (init_prodServer(), prodServer_exports));
     const config = await initRsbuildConfig({ context, pluginManager });
+    const { distPath } = context;
+    const { checkDistDir = true } = options2;
+    if (checkDistDir) {
+      if (!(0, import_node_fs12.existsSync)(distPath)) {
+        throw new Error(
+          `The output directory ${import_picocolors17.default.yellow(
+            distPath
+          )} does not exist, please build the project before previewing.`
+        );
+      }
+      if (isEmptyDir(distPath)) {
+        throw new Error(
+          `The output directory ${import_picocolors17.default.yellow(
+            distPath
+          )} is empty, please build the project before previewing.`
+        );
+      }
+    }
+    const { startProdServer: startProdServer2 } = await Promise.resolve().then(() => (init_prodServer(), prodServer_exports));
     return startProdServer2(context, config, options2);
   };
   const build2 = (...args) => {
@@ -13234,11 +13397,13 @@ async function createRsbuild(options = {}) {
   }
   return rsbuild;
 }
-var import_types3, getRspackProvider;
+var import_node_fs12, import_types3, import_picocolors17, getRspackProvider;
 var init_createRsbuild = __esm({
   "src/createRsbuild.ts"() {
     "use strict";
+    import_node_fs12 = require("fs");
     import_types3 = require("util/types");
+    import_picocolors17 = __toESM(require("../compiled/picocolors/index.js"));
     init_createContext();
     init_helpers();
     init_initPlugins();
@@ -13280,13 +13445,20 @@ async function init({
       if (configFilePath) {
         files.push(configFilePath);
       }
-      const { watchFiles: watchFilesConfig } = config.dev || {};
-      if (watchFilesConfig?.type === "reload-server") {
-        files.push(...castArray(watchFilesConfig.paths));
-        watchFiles(files, watchFilesConfig.options);
-      } else {
-        watchFiles(files);
+      if (config.dev?.watchFiles) {
+        for (const watchFilesConfig of castArray(config.dev.watchFiles)) {
+          if (watchFilesConfig.type === "reload-page") {
+            continue;
+          }
+          const paths = castArray(watchFilesConfig.paths);
+          if (watchFilesConfig.options) {
+            watchFilesForRestart(paths, watchFilesConfig.options);
+          } else {
+            files.push(...paths);
+          }
+        }
       }
+      watchFilesForRestart(files);
     }
     const { createRsbuild: createRsbuild2 } = await Promise.resolve().then(() => (init_createRsbuild(), createRsbuild_exports));
     config.source ||= {};
@@ -13312,6 +13484,10 @@ async function init({
       config.server ||= {};
       config.server.port = commonOpts.port;
     }
+    if (config.dev?.cliShortcuts === void 0) {
+      config.dev ||= {};
+      config.dev.cliShortcuts = true;
+    }
     return createRsbuild2({
       cwd: root,
       rsbuildConfig: config,
@@ -13347,7 +13523,7 @@ var init_init = __esm({
 
 // src/cli/commands.ts
 function runCli() {
-  program.name("rsbuild").usage("<command> [options]").version("1.0.10");
+  program.name("rsbuild").usage("<command> [options]").version("1.0.11");
   const devCommand = program.command("dev");
   const buildCommand = program.command("build");
   const previewCommand = program.command("preview");
@@ -13381,24 +13557,6 @@ function runCli() {
   previewCommand.description("preview the production build locally").action(async (options) => {
     try {
       const rsbuild = await init({ cliOptions: options });
-      await rsbuild?.initConfigs();
-      if (rsbuild) {
-        const { distPath } = rsbuild.context;
-        if (!(0, import_node_fs12.existsSync)(distPath)) {
-          throw new Error(
-            `The output directory ${import_picocolors16.default.yellow(
-              distPath
-            )} does not exist, please build the project before previewing.`
-          );
-        }
-        if (isEmptyDir(distPath)) {
-          throw new Error(
-            `The output directory ${import_picocolors16.default.yellow(
-              distPath
-            )} is empty, please build the project before previewing.`
-          );
-        }
-      }
       await rsbuild?.preview();
     } catch (err) {
       import_rslog.logger.error("Failed to start preview server.");
@@ -13422,14 +13580,11 @@ function runCli() {
   });
   program.parse();
 }
-var import_node_fs12, import_picocolors16, applyCommonOptions, applyServerOptions;
+var applyCommonOptions, applyServerOptions;
 var init_commands = __esm({
   "src/cli/commands.ts"() {
     "use strict";
-    import_node_fs12 = require("fs");
     init_esm();
-    import_picocolors16 = __toESM(require("../compiled/picocolors/index.js"));
-    init_helpers();
     init_logger();
     init_init();
     applyCommonOptions = (command) => {
@@ -13477,7 +13632,7 @@ function prepareCli() {
   if (!npm_execpath || npm_execpath.includes("npx-cli.js") || npm_execpath.includes(".bun")) {
     console.log();
   }
-  import_rslog.logger.greet(`  ${`Rsbuild v${"1.0.10"}`}
+  import_rslog.logger.greet(`  ${`Rsbuild v${"1.0.11"}`}
 `);
 }
 var import_node_module;
@@ -13563,7 +13718,7 @@ init_logger();
 init_mergeConfig();
 init_helpers();
 init_constants();
-var version = "1.0.10";
+var version = "1.0.11";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   PLUGIN_CSS_NAME,