@rsbuild/core 1.0.4 → 1.0.6

package/dist/index.js

@@ -46,12 +46,12 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-// ../../node_modules/.pnpm/@modern-js+module-tools@2.59.0_typescript@5.5.2/node_modules/@modern-js/module-tools/shims/esm.js
+// ../../node_modules/.pnpm/@modern-js+module-tools@2.60.1_typescript@5.5.2/node_modules/@modern-js/module-tools/shims/esm.js
 import path from "path";
 import { fileURLToPath } from "url";
 var getFilename, getDirname, __dirname, __filename;
 var init_esm = __esm({
-  "../../node_modules/.pnpm/@modern-js+module-tools@2.59.0_typescript@5.5.2/node_modules/@modern-js/module-tools/shims/esm.js"() {
+  "../../node_modules/.pnpm/@modern-js+module-tools@2.60.1_typescript@5.5.2/node_modules/@modern-js/module-tools/shims/esm.js"() {
     "use strict";
     getFilename = () => fileURLToPath(import.meta.url);
     getDirname = () => path.dirname(getFilename());
@@ -2342,7 +2342,7 @@ async function createContext(options, userConfig, bundlerType) {
   const rsbuildConfig = await withDefaultConfig(rootPath, userConfig);
   const cachePath = join6(rootPath, "node_modules", ".cache");
   return {
-    version: "1.0.4",
+    version: "1.0.6",
     rootPath,
     distPath: "",
     cachePath,
@@ -4463,6 +4463,144 @@ var init_httpServer = __esm({
   }
 });
 
+// src/server/open.ts
+import { exec } from "child_process";
+import { promisify } from "util";
+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;
+      }
+      logger.debug("Failed to find the target browser.");
+    } catch (err) {
+      logger.debug("Failed to open start URL with apple script.");
+      logger.debug(err);
+    }
+  }
+  try {
+    const { default: open2 } = await import("../compiled/open/index.js");
+    await open2(url2);
+    return true;
+  } catch (err) {
+    logger.error("Failed to open start URL.");
+    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 execAsync, supportedChromiumBrowsers, getTargetBrowser, openedURLs, clearOpenedURLs, replacePortPlaceholder, normalizeOpenConfig;
+var init_open = __esm({
+  "src/server/open.ts"() {
+    "use strict";
+    init_esm();
+    init_constants();
+    init_helpers();
+    init_logger();
+    execAsync = promisify(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;
@@ -5140,7 +5278,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
+      });
+    }
   };
   logger.debug("create dev server done");
   return devServerAPI;
@@ -5158,6 +5305,7 @@ var init_devServer = __esm({
     init_helper();
     init_httpServer();
     init_middlewares();
+    init_open();
     init_restart();
     init_watchFiles();
     formatDevConfig = (config, port) => {
@@ -5802,8 +5950,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,
@@ -5838,158 +5985,6 @@ var init_css = __esm({
   }
 });
 
-// src/plugins/open.ts
-var open_exports = {};
-__export(open_exports, {
-  openBrowser: () => openBrowser,
-  pluginOpen: () => pluginOpen,
-  replacePortPlaceholder: () => replacePortPlaceholder,
-  resolveUrl: () => resolveUrl
-});
-import { exec } from "child_process";
-import { promisify } from "util";
-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;
-      }
-      logger.debug("Failed to find the target browser.");
-    } catch (err) {
-      logger.debug("Failed to open start URL with apple script.");
-      logger.debug(err);
-    }
-  }
-  try {
-    const { default: open } = await import("../compiled/open/index.js");
-    await open(url2);
-    return true;
-  } catch (err) {
-    logger.error("Failed to open start URL.");
-    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 execAsync, supportedChromiumBrowsers, getTargetBrowser, replacePortPlaceholder, openedURLs, normalizeOpenConfig;
-var init_open = __esm({
-  "src/plugins/open.ts"() {
-    "use strict";
-    init_esm();
-    init_constants();
-    init_helpers();
-    init_logger();
-    execAsync = promisify(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, {
@@ -6031,8 +6026,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;
@@ -6114,7 +6109,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",
@@ -6125,6 +6123,11 @@ function applyExtensions({ chain }) {
     ".json"
   ];
   chain.resolve.extensions.merge(extensions);
+  if (tsconfigPath) {
+    chain.resolve.extensionAlias.merge({
+      ".js": [".ts", ".tsx", ".js"]
+    });
+  }
 }
 function applyAlias({
   chain,
@@ -6168,7 +6171,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,
@@ -7589,9 +7592,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
       }
@@ -8699,9 +8699,23 @@ var init_server = __esm({
     "use strict";
     init_esm();
     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;
@@ -9528,7 +9542,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()
     ),
@@ -9788,7 +9801,7 @@ import { existsSync } from "fs";
 import { program } from "../compiled/commander/index.js";
 import color16 from "../compiled/picocolors/index.js";
 function runCli() {
-  program.name("rsbuild").usage("<command> [options]").version("1.0.4");
+  program.name("rsbuild").usage("<command> [options]").version("1.0.6");
   const devCommand = program.command("dev");
   const buildCommand = program.command("build");
   const previewCommand = program.command("preview");
@@ -9909,7 +9922,7 @@ function prepareCli() {
   if (!npm_execpath || npm_execpath.includes("npx-cli.js") || npm_execpath.includes(".bun")) {
     console.log();
   }
-  logger.greet(`  ${`Rsbuild v${"1.0.4"}`}
+  logger.greet(`  ${`Rsbuild v${"1.0.6"}`}
 `);
 }
 var init_prepare = __esm({
@@ -9980,7 +9993,7 @@ init_mergeConfig();
 init_helpers();
 init_constants();
 import { rspack as rspack10 } from "@rspack/core";
-var version = "1.0.4";
+var version = "1.0.6";
 export {
   PLUGIN_CSS_NAME,
   PLUGIN_SWC_NAME,

package/dist-types/server/devServer.d.ts

@@ -49,6 +49,10 @@ export type RsbuildDevServer = {
      * Print the server URLs.
      */
     printUrls: () => void;
+    /**
+     * Open URL in the browser after starting the server.
+     */
+    open: () => Promise<void>;
 };
 export declare function createDevServer<Options extends {
     context: InternalContext;

package/dist-types/server/open.d.ts

@@ -0,0 +1,10 @@
+import type { NormalizedConfig, Routes } from '../types';
+export declare const replacePortPlaceholder: (url: string, port: number) => string;
+export declare function resolveUrl(str: string, base: string): string;
+export declare function open({ https, port, routes, config, clearCache, }: {
+    https?: boolean;
+    port: number;
+    routes: Routes;
+    config: NormalizedConfig;
+    clearCache?: boolean;
+}): Promise<void>;

package/dist-types/types/thirdParty.d.ts

@@ -138,11 +138,6 @@ export interface CSSLoaderOptions {
      * @default 'array'
      */
     exportType?: 'array' | 'string' | 'css-style-sheet';
-    /**
-     * Temp fix for https://github.com/web-infra-dev/rspack/issues/7819
-     * @private
-     */
-    _skipReuseAST?: boolean;
 }
 export type StyleLoaderInjectType = 'styleTag' | 'singletonStyleTag' | 'lazyStyleTag' | 'lazySingletonStyleTag' | 'linkTag';
 export interface StyleLoaderOptions {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsbuild/core",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "The Rspack-based build tool.",
   "homepage": "https://rsbuild.dev",
   "bugs": {
@@ -46,10 +46,10 @@
     "types.d.ts"
   ],
   "dependencies": {
-    "@rspack/core": "~1.0.5",
+    "@rspack/core": "~1.0.6",
     "@rspack/lite-tapable": "~1.0.0",
     "@swc/helpers": "^0.5.13",
-    "caniuse-lite": "^1.0.30001659",
+    "caniuse-lite": "^1.0.30001662",
     "core-js": "~3.38.1"
   },
   "devDependencies": {
@@ -78,14 +78,14 @@
     "on-finished": "2.4.1",
     "open": "^8.4.0",
     "picocolors": "^1.1.0",
-    "postcss": "^8.4.45",
+    "postcss": "^8.4.47",
     "postcss-load-config": "6.0.1",
     "postcss-loader": "8.1.1",
     "prebundle": "1.2.2",
     "reduce-configs": "^1.0.0",
     "rsbuild-dev-middleware": "0.1.1",
     "rslog": "^1.2.3",
-    "rspack-chain": "^1.0.1",
+    "rspack-chain": "^1.0.3",
     "rspack-manifest-plugin": "5.0.1",
     "sirv": "^2.0.4",
     "style-loader": "3.3.4",

package/types.d.ts

@@ -149,6 +149,9 @@ declare module '*.opus' {
 /**
  * Configuration files
  */
+/**
+ * @requires [@rsbuild/plugin-yaml](https://www.npmjs.com/package/@rsbuild/plugin-yaml)
+ */
 declare module '*.yaml' {
   const content: Record<string, any>;
   export default content;
@@ -157,6 +160,13 @@ declare module '*.yml' {
   const content: Record<string, any>;
   export default content;
 }
+/**
+ * @requires [@rsbuild/plugin-toml](https://www.npmjs.com/package/@rsbuild/plugin-toml)
+ */
+declare module '*.toml' {
+  const content: Record<string, any>;
+  export default content;
+}
 
 /**
  * Queries
@@ -180,6 +190,9 @@ declare module '*.module.css' {
   const classes: CSSModuleClasses;
   export default classes;
 }
+/**
+ * @requires [@rsbuild/plugin-sass](https://www.npmjs.com/package/@rsbuild/plugin-sass)
+ */
 declare module '*.module.scss' {
   const classes: CSSModuleClasses;
   export default classes;
@@ -188,10 +201,16 @@ declare module '*.module.sass' {
   const classes: CSSModuleClasses;
   export default classes;
 }
+/**
+ * @requires [@rsbuild/plugin-less](https://www.npmjs.com/package/@rsbuild/plugin-less)
+ */
 declare module '*.module.less' {
   const classes: CSSModuleClasses;
   export default classes;
 }
+/**
+ * @requires [@rsbuild/plugin-stylus](https://www.npmjs.com/package/@rsbuild/plugin-stylus)
+ */
 declare module '*.module.styl' {
   const classes: CSSModuleClasses;
   export default classes;

package/compiled/css-loader/semver.js

@@ -1 +0,0 @@
-module.exports.satisfies = () => true;

package/compiled/postcss-loader/semver.js

@@ -1 +0,0 @@
-module.exports.satisfies = () => true;

package/dist-types/plugins/open.d.ts

@@ -1,13 +0,0 @@
-import type { RsbuildPlugin } from '../types';
-/**
- * This method is modified based on source found in
- * https://github.com/facebook/create-react-app
- *
- * MIT Licensed
- * Copyright (c) 2015-present, Facebook, Inc.
- * https://github.com/facebook/create-react-app/blob/master/LICENSE
- */
-export declare function openBrowser(url: string): Promise<boolean>;
-export declare const replacePortPlaceholder: (url: string, port: number) => string;
-export declare function resolveUrl(str: string, base: string): string;
-export declare function pluginOpen(): RsbuildPlugin;