@rsbuild/core 1.0.4 → 1.0.6

package/compiled/style-loader/index.js

@@ -1,16 +1,16 @@
 (() => {
   "use strict";
   var __webpack_modules__ = {
-    967: (module, __unused_webpack_exports, __nccwpck_require__) => {
-      const loader = __nccwpck_require__(205);
+    639: (module, __unused_webpack_exports, __nccwpck_require__) => {
+      const loader = __nccwpck_require__(325);
       module.exports = loader.default;
     },
-    205: (__unused_webpack_module, exports, __nccwpck_require__) => {
+    325: (__unused_webpack_module, exports, __nccwpck_require__) => {
       Object.defineProperty(exports, "__esModule", { value: true });
       exports["default"] = void 0;
       var _path = _interopRequireDefault(__nccwpck_require__(17));
-      var _utils = __nccwpck_require__(220);
-      var _options = _interopRequireDefault(__nccwpck_require__(434));
+      var _utils = __nccwpck_require__(439);
+      var _options = _interopRequireDefault(__nccwpck_require__(946));
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule ? obj : { default: obj };
       }
@@ -104,7 +104,7 @@
       };
       var _default = (exports["default"] = loader);
     },
-    894: (module) => {
+    3: (module) => {
       function isEqualLocals(a, b, isNamedExport) {
         if ((!a && b) || (a && !b)) {
           return false;
@@ -130,7 +130,7 @@
       }
       module.exports = isEqualLocals;
     },
-    220: (__unused_webpack_module, exports, __nccwpck_require__) => {
+    439: (__unused_webpack_module, exports, __nccwpck_require__) => {
       Object.defineProperty(exports, "__esModule", { value: true });
       exports.getExportLazyStyleCode = getExportLazyStyleCode;
       exports.getExportStyleCode = getExportStyleCode;
@@ -151,7 +151,7 @@
       exports.getdomAPI = getdomAPI;
       exports.stringifyRequest = stringifyRequest;
       var _path = _interopRequireDefault(__nccwpck_require__(17));
-      var _isEqualLocals = _interopRequireDefault(__nccwpck_require__(894));
+      var _isEqualLocals = _interopRequireDefault(__nccwpck_require__(3));
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule ? obj : { default: obj };
       }
@@ -394,7 +394,7 @@
     17: (module) => {
       module.exports = require("path");
     },
-    434: (module) => {
+    946: (module) => {
       module.exports = JSON.parse(
         '{"title":"Style Loader options","type":"object","properties":{"injectType":{"description":"Allows to setup how styles will be injected into DOM.","link":"https://github.com/webpack-contrib/style-loader#injecttype","enum":["styleTag","singletonStyleTag","autoStyleTag","lazyStyleTag","lazySingletonStyleTag","lazyAutoStyleTag","linkTag"]},"attributes":{"description":"Adds custom attributes to tag.","link":"https://github.com/webpack-contrib/style-loader#attributes","type":"object"},"insert":{"description":"Inserts `<style>`/`<link>` at the given position.","link":"https://github.com/webpack-contrib/style-loader#insert","anyOf":[{"type":"string"},{"instanceof":"Function"}]},"base":{"description":"Sets module ID base for DLLPlugin.","link":"https://github.com/webpack-contrib/style-loader#base","type":"number"},"esModule":{"description":"Use the ES modules syntax.","link":"https://github.com/webpack-contrib/css-loader#esmodule","type":"boolean"},"styleTagTransform":{"description":"Transform tag and css when insert \'style\' tag into the DOM","link":"https://github.com/webpack-contrib/style-loader#styleTagTransform","anyOf":[{"type":"string"},{"instanceof":"Function"}]}},"additionalProperties":false}',
       );
@@ -422,6 +422,6 @@
   }
   if (typeof __nccwpck_require__ !== "undefined")
     __nccwpck_require__.ab = __dirname + "/";
-  var __webpack_exports__ = __nccwpck_require__(967);
+  var __webpack_exports__ = __nccwpck_require__(639);
   module.exports = __webpack_exports__;
 })();

package/dist/client/overlay.js

@@ -158,8 +158,7 @@ var { HTMLElement = class {
 var ErrorOverlay = class extends HTMLElement {
   constructor(message) {
     var _root_querySelector;
-    super();
-    _define_property(this, "close", () => {
+    super(), _define_property(this, "close", () => {
       const remove = () => {
         var _this_parentNode;
         return (_this_parentNode = this.parentNode) === null || _this_parentNode === void 0 ? void 0 : _this_parentNode.removeChild(this);

package/dist/index.cjs

@@ -2304,7 +2304,7 @@ async function createContext(options, userConfig, bundlerType) {
   const rsbuildConfig = await withDefaultConfig(rootPath, userConfig);
   const cachePath = (0, import_node_path9.join)(rootPath, "node_modules", ".cache");
   return {
-    version: "1.0.4",
+    version: "1.0.6",
     rootPath,
     distPath: "",
     cachePath,
@@ -4408,6 +4408,143 @@ var init_httpServer = __esm({
   }
 });
 
+// src/server/open.ts
+async function openBrowser(url2) {
+  const shouldTryOpenChromeWithAppleScript = process.platform === "darwin";
+  if (shouldTryOpenChromeWithAppleScript) {
+    try {
+      const targetBrowser = await getTargetBrowser();
+      if (targetBrowser) {
+        await execAsync(
+          `osascript openChrome.applescript "${encodeURI(
+            url2
+          )}" "${targetBrowser}"`,
+          {
+            cwd: STATIC_PATH
+          }
+        );
+        return true;
+      }
+      import_rslog.logger.debug("Failed to find the target browser.");
+    } catch (err) {
+      import_rslog.logger.debug("Failed to open start URL with apple script.");
+      import_rslog.logger.debug(err);
+    }
+  }
+  try {
+    const { default: open2 } = await import("../compiled/open/index.js");
+    await open2(url2);
+    return true;
+  } catch (err) {
+    import_rslog.logger.error("Failed to open start URL.");
+    import_rslog.logger.error(err);
+    return false;
+  }
+}
+function resolveUrl(str, base) {
+  if (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"
+    );
+  }
+}
+async function open({
+  https,
+  port,
+  routes,
+  config,
+  clearCache
+}) {
+  const { targets, before } = normalizeOpenConfig(config);
+  const isCodesandbox = process.env.CSB === "true";
+  if (isCodesandbox) {
+    return;
+  }
+  if (clearCache) {
+    clearOpenedURLs();
+  }
+  const urls = [];
+  const protocol = https ? "https" : "http";
+  const baseUrl = `${protocol}://localhost:${port}`;
+  if (!targets.length) {
+    if (routes.length) {
+      urls.push(`${baseUrl}${routes[0].pathname}`);
+    }
+  } else {
+    urls.push(
+      ...targets.map(
+        (target) => resolveUrl(replacePortPlaceholder(target, port), baseUrl)
+      )
+    );
+  }
+  if (before) {
+    await before();
+  }
+  for (const url2 of urls) {
+    if (!openedURLs.includes(url2)) {
+      openBrowser(url2);
+      openedURLs.push(url2);
+    }
+  }
+}
+var import_node_child_process, import_node_util, execAsync, supportedChromiumBrowsers, getTargetBrowser, openedURLs, clearOpenedURLs, replacePortPlaceholder, normalizeOpenConfig;
+var init_open = __esm({
+  "src/server/open.ts"() {
+    "use strict";
+    import_node_child_process = require("child_process");
+    import_node_util = require("util");
+    init_constants();
+    init_helpers();
+    init_logger();
+    execAsync = (0, import_node_util.promisify)(import_node_child_process.exec);
+    supportedChromiumBrowsers = [
+      "Google Chrome Canary",
+      "Google Chrome Dev",
+      "Google Chrome Beta",
+      "Google Chrome",
+      "Microsoft Edge",
+      "Brave Browser",
+      "Vivaldi",
+      "Chromium"
+    ];
+    getTargetBrowser = async () => {
+      let targetBrowser = process.env.BROWSER;
+      if (!targetBrowser || !supportedChromiumBrowsers.includes(targetBrowser)) {
+        const { stdout: ps } = await execAsync("ps cax");
+        targetBrowser = supportedChromiumBrowsers.find((b) => ps.includes(b));
+      }
+      return targetBrowser;
+    };
+    openedURLs = [];
+    clearOpenedURLs = () => {
+      openedURLs = [];
+    };
+    replacePortPlaceholder = (url2, port) => url2.replace(/<port>/g, String(port));
+    normalizeOpenConfig = (config) => {
+      const { open: open2 } = config.server;
+      if (typeof open2 === "boolean") {
+        return { targets: [] };
+      }
+      if (typeof open2 === "string") {
+        return { targets: [open2] };
+      }
+      if (Array.isArray(open2)) {
+        return { targets: open2 };
+      }
+      return {
+        targets: open2.target ? castArray(open2.target) : [],
+        before: open2.before
+      };
+    };
+  }
+});
+
 // src/server/watchFiles.ts
 async function setupWatchFiles(options) {
   const { dev, server, compileMiddlewareAPI } = options;
@@ -5080,7 +5217,16 @@ async function createDevServer(options, createCompiler2, config, {
       await options.context.hooks.onCloseDevServer.call();
       await Promise.all([devMiddlewares.close(), fileWatcher?.close()]);
     },
-    printUrls
+    printUrls,
+    open: async () => {
+      return open({
+        https,
+        port,
+        routes,
+        config,
+        clearCache: true
+      });
+    }
   };
   import_rslog.logger.debug("create dev server done");
   return devServerAPI;
@@ -5098,6 +5244,7 @@ var init_devServer = __esm({
     init_helper();
     init_httpServer();
     init_middlewares();
+    init_open();
     init_restart();
     init_watchFiles();
     formatDevConfig = (config, port) => {
@@ -5734,8 +5881,7 @@ var init_css = __esm({
           ...cssModules,
           localIdentName
         },
-        sourceMap: config.output.sourceMap.css,
-        _skipReuseAST: config.tools.lightningcssLoader !== false
+        sourceMap: config.output.sourceMap.css
       };
       const mergedCssLoaderOptions = reduceConfigs({
         initial: defaultOptions2,
@@ -5770,157 +5916,6 @@ var init_css = __esm({
   }
 });
 
-// src/plugins/open.ts
-var open_exports = {};
-__export(open_exports, {
-  openBrowser: () => openBrowser,
-  pluginOpen: () => pluginOpen,
-  replacePortPlaceholder: () => replacePortPlaceholder,
-  resolveUrl: () => resolveUrl
-});
-async function openBrowser(url2) {
-  const shouldTryOpenChromeWithAppleScript = process.platform === "darwin";
-  if (shouldTryOpenChromeWithAppleScript) {
-    try {
-      const targetBrowser = await getTargetBrowser();
-      if (targetBrowser) {
-        await execAsync(
-          `osascript openChrome.applescript "${encodeURI(
-            url2
-          )}" "${targetBrowser}"`,
-          {
-            cwd: STATIC_PATH
-          }
-        );
-        return true;
-      }
-      import_rslog.logger.debug("Failed to find the target browser.");
-    } catch (err) {
-      import_rslog.logger.debug("Failed to open start URL with apple script.");
-      import_rslog.logger.debug(err);
-    }
-  }
-  try {
-    const { default: open } = await import("../compiled/open/index.js");
-    await open(url2);
-    return true;
-  } catch (err) {
-    import_rslog.logger.error("Failed to open start URL.");
-    import_rslog.logger.error(err);
-    return false;
-  }
-}
-function resolveUrl(str, base) {
-  if (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:open",
-    setup(api) {
-      const onStartServer = async (params) => {
-        const { port, routes } = params;
-        const config = api.getNormalizedConfig();
-        const { https } = api.context.devServer || {};
-        const { targets, before } = normalizeOpenConfig(config);
-        const isCodesandbox = process.env.CSB === "true";
-        const shouldOpen = targets !== void 0 && !isCodesandbox;
-        if (!shouldOpen) {
-          return;
-        }
-        const urls = [];
-        const protocol = https ? "https" : "http";
-        const baseUrl = `${protocol}://localhost:${port}`;
-        if (!targets.length) {
-          if (routes.length) {
-            urls.push(`${baseUrl}${routes[0].pathname}`);
-          }
-        } else {
-          urls.push(
-            ...targets.map(
-              (target) => resolveUrl(replacePortPlaceholder(target, port), baseUrl)
-            )
-          );
-        }
-        const openUrls = () => {
-          for (const url2 of urls) {
-            if (!openedURLs.includes(url2)) {
-              openBrowser(url2);
-              openedURLs.push(url2);
-            }
-          }
-        };
-        if (before) {
-          await before();
-        }
-        openUrls();
-      };
-      api.onAfterStartDevServer(onStartServer);
-      api.onAfterStartProdServer(onStartServer);
-    }
-  };
-}
-var import_node_child_process, import_node_util, execAsync, supportedChromiumBrowsers, getTargetBrowser, replacePortPlaceholder, openedURLs, normalizeOpenConfig;
-var init_open = __esm({
-  "src/plugins/open.ts"() {
-    "use strict";
-    import_node_child_process = require("child_process");
-    import_node_util = require("util");
-    init_constants();
-    init_helpers();
-    init_logger();
-    execAsync = (0, import_node_util.promisify)(import_node_child_process.exec);
-    supportedChromiumBrowsers = [
-      "Google Chrome Canary",
-      "Google Chrome Dev",
-      "Google Chrome Beta",
-      "Google Chrome",
-      "Microsoft Edge",
-      "Brave Browser",
-      "Vivaldi",
-      "Chromium"
-    ];
-    getTargetBrowser = async () => {
-      let targetBrowser = process.env.BROWSER;
-      if (!targetBrowser || !supportedChromiumBrowsers.includes(targetBrowser)) {
-        const { stdout: ps } = await execAsync("ps cax");
-        targetBrowser = supportedChromiumBrowsers.find((b) => ps.includes(b));
-      }
-      return targetBrowser;
-    };
-    replacePortPlaceholder = (url2, port) => url2.replace(/<port>/g, String(port));
-    openedURLs = [];
-    normalizeOpenConfig = (config) => {
-      const { open } = config.server;
-      if (open === false) {
-        return {};
-      }
-      if (open === true) {
-        return { targets: [] };
-      }
-      if (typeof open === "string") {
-        return { targets: [open] };
-      }
-      if (Array.isArray(open)) {
-        return { targets: open };
-      }
-      return {
-        targets: open.target ? castArray(open.target) : [],
-        before: open.before
-      };
-    };
-  }
-});
-
 // src/plugins/output.ts
 var output_exports = {};
 __export(output_exports, {
@@ -5961,8 +5956,8 @@ var init_output = __esm({
     init_constants();
     init_helpers();
     init_pluginHelper();
-    init_css();
     init_open();
+    init_css();
     getJsAsyncPath = (jsPath, isServer, jsAsync) => {
       if (jsAsync !== void 0) {
         return jsAsync;
@@ -6044,7 +6039,10 @@ function applyFullySpecified({
 }) {
   chain.module.rule(CHAIN_ID2.RULE.MJS).test(/\.m?js/).resolve.set("fullySpecified", false);
 }
-function applyExtensions({ chain }) {
+function applyExtensions({
+  chain,
+  tsconfigPath
+}) {
   const extensions = [
     // most projects are using TypeScript, resolve .ts(x) files first to reduce resolve time.
     ".ts",
@@ -6055,6 +6053,11 @@ function applyExtensions({ chain }) {
     ".json"
   ];
   chain.resolve.extensions.merge(extensions);
+  if (tsconfigPath) {
+    chain.resolve.extensionAlias.merge({
+      ".js": [".ts", ".tsx", ".js"]
+    });
+  }
 }
 function applyAlias({
   chain,
@@ -6097,7 +6100,7 @@ var init_resolve = __esm({
           order: "pre",
           handler: (chain, { environment, CHAIN_ID: CHAIN_ID2 }) => {
             const { config, tsconfigPath } = environment;
-            applyExtensions({ chain });
+            applyExtensions({ chain, tsconfigPath });
             applyAlias({
               chain,
               config,
@@ -7504,9 +7507,6 @@ function getDefaultSwcConfig(browserslist3, cacheRoot) {
         syntax: "typescript",
         decorators: true
       },
-      // Avoid the webpack magic comment to be removed
-      // https://github.com/swc-project/swc/issues/6403
-      preserveAllComments: true,
       experimental: {
         cacheRoot
       }
@@ -8602,9 +8602,23 @@ var init_server = __esm({
     import_node_fs9 = __toESM(require("fs"));
     import_node_path33 = require("path");
     init_config();
+    init_open();
     pluginServer = () => ({
       name: "rsbuild:server",
       setup(api) {
+        const onStartServer = async ({ port, routes }) => {
+          const config = api.getNormalizedConfig();
+          if (config.server.open) {
+            open({
+              https: api.context.devServer?.https,
+              port,
+              routes,
+              config
+            });
+          }
+        };
+        api.onAfterStartDevServer(onStartServer);
+        api.onAfterStartProdServer(onStartServer);
         api.onBeforeBuild(async ({ isFirstCompile }) => {
           if (!isFirstCompile) {
             return;
@@ -9423,7 +9437,6 @@ async function applyDefaultPlugins(pluginManager, context) {
     Promise.resolve().then(() => (init_splitChunks(), splitChunks_exports)).then(
       ({ pluginSplitChunks: pluginSplitChunks2 }) => pluginSplitChunks2()
     ),
-    Promise.resolve().then(() => (init_open(), open_exports)).then(({ pluginOpen: pluginOpen2 }) => pluginOpen2()),
     Promise.resolve().then(() => (init_inlineChunk(), inlineChunk_exports)).then(
       ({ pluginInlineChunk: pluginInlineChunk2 }) => pluginInlineChunk2()
     ),
@@ -9679,7 +9692,7 @@ var init_init = __esm({
 
 // src/cli/commands.ts
 function runCli() {
-  import_commander.program.name("rsbuild").usage("<command> [options]").version("1.0.4");
+  import_commander.program.name("rsbuild").usage("<command> [options]").version("1.0.6");
   const devCommand = import_commander.program.command("dev");
   const buildCommand = import_commander.program.command("build");
   const previewCommand = import_commander.program.command("preview");
@@ -9802,7 +9815,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.4"}`}
+  import_rslog.logger.greet(`  ${`Rsbuild v${"1.0.6"}`}
 `);
 }
 var init_prepare = __esm({
@@ -9886,7 +9899,7 @@ init_logger();
 init_mergeConfig();
 init_helpers();
 init_constants();
-var version = "1.0.4";
+var version = "1.0.6";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   PLUGIN_CSS_NAME,