@lynx-js/rspeedy-canary 0.10.8 → 0.10.9-canary-20250826-d65ef500

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @lynx-js/rspeedy
 
+## 0.10.9-canary-20250826132859-d65ef500d012f108f150e9a1a3f3e399e25bfde4
+
+### Patch Changes
+
+- Support `rspeedy build --watch` ([#1579](https://github.com/lynx-family/lynx-stack/pull/1579))
+
 ## 0.10.8
 
 ### Patch Changes
@@ -93,28 +99,28 @@
 
   ```ts
   type InlineChunkTestFunction = (params: {
-    size: number
-    name: string
-  }) => boolean
+    size: number;
+    name: string;
+  }) => boolean;
 
-  type InlineChunkTest = RegExp | InlineChunkTestFunction
+  type InlineChunkTest = RegExp | InlineChunkTestFunction;
 
   type InlineChunkConfig =
     | boolean
     | InlineChunkTest
-    | { enable?: boolean | 'auto', test: InlineChunkTest }
+    | { enable?: boolean | "auto"; test: InlineChunkTest };
   ```
 
   ```ts
-  import { defineConfig } from '@lynx-js/rspeedy'
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     output: {
       inlineScripts: ({ name, size }) => {
-        return name.includes('foo') && size < 1000
+        return name.includes("foo") && size < 1000;
       },
     },
-  })
+  });
   ```
 
 - docs: remove chunks: 'all' in comments ([#1168](https://github.com/lynx-family/lynx-stack/pull/1168))
@@ -157,13 +163,13 @@
   example:
 
   ```js
-  import { defineConfig } from '@lynx-js/rspeedy'
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     output: {
       inlineScripts: false,
     },
-  })
+  });
   ```
 
 - Bump Rsbuild v1.3.21 with Rspack v1.3.11. ([#863](https://github.com/lynx-family/lynx-stack/pull/863))
@@ -183,12 +189,12 @@
   example：
 
   ```js
-  import { defineConfig } from '@lynx-js/rspeedy'
+  import { defineConfig } from "@lynx-js/rspeedy";
   export default defineConfig({
     source: {
-      preEntry: './src/polyfill.ts',
+      preEntry: "./src/polyfill.ts",
     },
-  })
+  });
   ```
 
 - Bump Rsbuild v1.3.20 with Rspack v1.3.10. ([#799](https://github.com/lynx-family/lynx-stack/pull/799))
@@ -199,17 +205,17 @@
 
   ```js
   export const myPlugin = {
-    name: 'my-plugin',
+    name: "my-plugin",
     setup(api) {
-      const { callerName } = api.context
+      const { callerName } = api.context;
 
-      if (callerName === 'rslib') {
+      if (callerName === "rslib") {
         // ...
-      } else if (callerName === 'rspeedy') {
+      } else if (callerName === "rspeedy") {
         // ...
       }
     },
-  }
+  };
   ```
 
 - Support `performance.buildCache`. ([#766](https://github.com/lynx-family/lynx-stack/pull/766))
@@ -232,7 +238,7 @@
   Set `tools.rsdoctor.experiments.enableNativePlugin` to `false` to use the old JS plugin.
 
   ```js
-  import { defineConfig } from '@lynx-js/rspeedy'
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     tools: {
@@ -242,7 +248,7 @@
         },
       },
     },
-  })
+  });
   ```
 
   See [Rsdoctor - 1.0](https://rsdoctor.dev/blog/release/release-note-1_0#-faster-analysis) for more details.
@@ -374,12 +380,12 @@
   example:
 
   ```js
-  import { defineConfig } from '@lynx-js/rspeedy'
+  import { defineConfig } from "@lynx-js/rspeedy";
   export default defineConfig({
     server: {
-      base: '/dist',
+      base: "/dist",
     },
-  })
+  });
   ```
 
 - Updated dependencies [[`b026c8b`](https://github.com/lynx-family/lynx-stack/commit/b026c8bdcbf7bdcda73e170477297213b447d876)]:
@@ -432,11 +438,11 @@
   You can switch to other tools by using:
 
   ```js
-  import { defineConfig } from '@lynx-js/rspeedy'
+  import { defineConfig } from "@lynx-js/rspeedy";
   import {
     CssMinimizerWebpackPlugin,
     pluginCssMinimizer,
-  } from '@rsbuild/plugin-css-minimizer'
+  } from "@rsbuild/plugin-css-minimizer";
 
   export default defineConfig({
     plugins: [
@@ -449,7 +455,7 @@
         },
       }),
     ],
-  })
+  });
   ```
 
   See [@rsbuild/plugin-css-minimizer](https://github.com/rspack-contrib/rsbuild-plugin-css-minimizer) for details.
@@ -459,8 +465,8 @@
   You can use custom options with [@rsbuild/plugin-css-minimizer](https://github.com/rspack-contrib/rsbuild-plugin-css-minimizer):
 
   ```js
-  import { defineConfig } from '@lynx-js/rspeedy'
-  import { pluginCssMinimizer } from '@rsbuild/plugin-css-minimizer'
+  import { defineConfig } from "@lynx-js/rspeedy";
+  import { pluginCssMinimizer } from "@rsbuild/plugin-css-minimizer";
 
   export default defineConfig({
     plugins: [
@@ -472,7 +478,7 @@
         },
       }),
     ],
-  })
+  });
   ```
 
 ## 0.7.1
@@ -492,7 +498,7 @@
   You may turn it off using `output.minify.css: false`:
 
   ```js
-  import { defineConfig } from '@lynx-js/rspeedy'
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     output: {
@@ -500,18 +506,18 @@
         css: false,
       },
     },
-  })
+  });
   ```
 
   Or you may use [@rsbuild/plugin-css-minimizer](https://github.com/rspack-contrib/rsbuild-plugin-css-minimizer) to use `cssnano` as CSS minimizer.
 
   ```js
-  import { defineConfig } from '@lynx-js/rspeedy'
-  import { pluginCssMinimizer } from '@rsbuild/plugin-css-minimizer'
+  import { defineConfig } from "@lynx-js/rspeedy";
+  import { pluginCssMinimizer } from "@rsbuild/plugin-css-minimizer";
 
   export default defineConfig({
     plugins: [pluginCssMinimizer()],
-  })
+  });
   ```
 
 - 525554c: **BREAKING CHANGE**: Bump ts-blank-space to ^0.6.0.
@@ -538,22 +544,22 @@
   - The new `type: 'reload-server'` will restart the development server when it detects changes in the specified files.
 
   ```js
-  import { defineConfig } from '@lynx-js/rspeedy'
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     dev: {
       watchFiles: [
         {
-          type: 'reload-server',
-          paths: ['public/**/*.txt'],
+          type: "reload-server",
+          paths: ["public/**/*.txt"],
         },
         {
-          type: 'reload-page',
-          paths: ['public/**/*.json'],
+          type: "reload-page",
+          paths: ["public/**/*.json"],
         },
       ],
     },
-  })
+  });
   ```
 
 - be9b003: Add `source.exclude`.

package/dist/src_cli_build_ts.js

@@ -7,23 +7,42 @@ export const __webpack_modules__ = {
         __webpack_require__.d(__webpack_exports__, {
             build: ()=>build
         });
-        var _rsbuild_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("@rsbuild/core");
-        var _exit_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./src/cli/exit.ts");
-        var _create_rspeedy_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./src/create-rspeedy.ts");
-        var _init_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./src/cli/init.ts");
-        var _utils_is_ci_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./src/utils/is-ci.ts");
+        var node_path__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("node:path");
+        var _rsbuild_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("@rsbuild/core");
+        var picocolors__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("../../../node_modules/.pnpm/picocolors@1.1.1/node_modules/picocolors/picocolors.js");
+        var picocolors__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/ __webpack_require__.n(picocolors__WEBPACK_IMPORTED_MODULE_7__);
+        var _exit_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./src/cli/exit.ts");
+        var _create_rspeedy_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./src/create-rspeedy.ts");
+        var _init_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./src/cli/init.ts");
+        var _watch_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("./src/cli/watch.ts");
+        var _utils_is_ci_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("./src/utils/is-ci.ts");
         async function build(cwd, buildOptions) {
-            const shouldExit = 'true' !== process.env['RSDOCTOR'] || (0, _utils_is_ci_js__WEBPACK_IMPORTED_MODULE_4__.y)();
+            const shouldExit = 'true' !== process.env['RSDOCTOR'] || (0, _utils_is_ci_js__WEBPACK_IMPORTED_MODULE_6__.y)();
+            const isWatch = buildOptions.watch ?? false;
+            let onBeforeRestart = [];
             try {
-                const { createRspeedyOptions } = await (0, _init_js__WEBPACK_IMPORTED_MODULE_3__.S)(cwd, buildOptions);
-                const rspeedy = await (0, _create_rspeedy_js__WEBPACK_IMPORTED_MODULE_2__.S)(createRspeedyOptions);
-                const { close } = await rspeedy.build();
-                await close();
+                const { rspeedyConfig, configPath, createRspeedyOptions } = await (0, _init_js__WEBPACK_IMPORTED_MODULE_4__.S)(cwd, buildOptions);
+                if (isWatch) {
+                    const watchedFiles = (0, _watch_js__WEBPACK_IMPORTED_MODULE_5__.z)(configPath, rspeedyConfig);
+                    await (0, _watch_js__WEBPACK_IMPORTED_MODULE_5__.s)(watchedFiles.map((filePath)=>node_path__WEBPACK_IMPORTED_MODULE_0__["default"].isAbsolute(filePath) ? filePath : node_path__WEBPACK_IMPORTED_MODULE_0__["default"].join(cwd, filePath)), async (filename)=>{
+                        _rsbuild_core__WEBPACK_IMPORTED_MODULE_1__.logger.info(`Restart because ${picocolors__WEBPACK_IMPORTED_MODULE_7___default().yellow(filename)} is changed.\n`);
+                        const cleanup = onBeforeRestart.map((f)=>f());
+                        onBeforeRestart = [];
+                        await Promise.all(cleanup);
+                        await build.call(this, cwd, buildOptions);
+                    });
+                }
+                const rspeedy = await (0, _create_rspeedy_js__WEBPACK_IMPORTED_MODULE_3__.S)(createRspeedyOptions);
+                const { close } = await rspeedy.build({
+                    watch: isWatch
+                });
+                if (isWatch) onBeforeRestart.push(close);
+                else await close();
             } catch (error) {
-                _rsbuild_core__WEBPACK_IMPORTED_MODULE_0__.logger.error(error);
-                if (shouldExit) return void (0, _exit_js__WEBPACK_IMPORTED_MODULE_1__.exit)(1);
+                _rsbuild_core__WEBPACK_IMPORTED_MODULE_1__.logger.error(error);
+                if (shouldExit) return void (0, _exit_js__WEBPACK_IMPORTED_MODULE_2__.exit)(1);
             }
-            if (shouldExit) (0, _exit_js__WEBPACK_IMPORTED_MODULE_1__.exit)();
+            if (shouldExit && !isWatch) (0, _exit_js__WEBPACK_IMPORTED_MODULE_2__.exit)();
         }
     },
     "./src/cli/init.ts": function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
@@ -144,6 +163,48 @@ export const __webpack_modules__ = {
             };
         }
     },
+    "./src/cli/watch.ts": function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+        __webpack_require__.d(__webpack_exports__, {
+            s: ()=>watchFiles,
+            z: ()=>getWatchedFiles
+        });
+        async function watchFiles(files, callback) {
+            const chokidar = await __webpack_require__.e("vendors-node_modules_pnpm_chokidar_4_0_3_node_modules_chokidar_esm_index_js").then(__webpack_require__.bind(__webpack_require__, "../../../node_modules/.pnpm/chokidar@4.0.3/node_modules/chokidar/esm/index.js"));
+            const watcher = chokidar.default.watch(files, {
+                ignoreInitial: true,
+                ignorePermissionErrors: true
+            });
+            const cb = debounce((event, filePath)=>{
+                const startTime = Date.now();
+                watcher.close().then(()=>callback(filePath, startTime, event));
+            }, 300);
+            watcher.once('add', cb.bind(null, 'add'));
+            watcher.once('change', cb.bind(null, 'change'));
+            watcher.once('unlink', cb.bind(null, 'unlink'));
+        }
+        function debounce(func, wait) {
+            let timeoutId = null;
+            return (...args)=>{
+                if (null !== timeoutId) clearTimeout(timeoutId);
+                timeoutId = setTimeout(()=>{
+                    func(...args);
+                }, wait);
+            };
+        }
+        function getWatchedFiles(configPath, rspeedyConfig) {
+            const watchedFiles = [
+                configPath
+            ];
+            if (Array.isArray(rspeedyConfig.dev?.watchFiles)) watchedFiles.push(...rspeedyConfig.dev.watchFiles.filter((item)=>'reload-server' === item.type).flatMap((item)=>item.paths));
+            else if (rspeedyConfig.dev?.watchFiles?.type === 'reload-server') {
+                const { paths } = rspeedyConfig.dev.watchFiles;
+                watchedFiles.push(...Array.isArray(paths) ? paths : [
+                    paths
+                ]);
+            }
+            return watchedFiles;
+        }
+    },
     "./src/create-rspeedy.ts": function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
             S: ()=>createRspeedy

package/dist/src_cli_commands_ts.js

@@ -15,7 +15,7 @@ export const __webpack_modules__ = {
             const cwd = process.cwd();
             program.name('rspeedy').usage('<command> [options]').version(_version_js__WEBPACK_IMPORTED_MODULE_0__.version).option('--unmanaged', 'Force to use the unmanaged version of Rspeedy, instead of the locally installed.').showHelpAfterError(true).showSuggestionAfterError(true).exitOverride();
             const buildCommand = program.command('build');
-            buildCommand.description('Build the project in production mode').option('--environment <name...>', 'specify the name of environment to build').action((buildOptions)=>__webpack_require__.e("src_cli_build_ts").then(__webpack_require__.bind(__webpack_require__, "./src/cli/build.ts")).then(({ build })=>build.call(buildCommand, cwd, buildOptions)));
+            buildCommand.description('Build the project in production mode').option('--environment <name...>', 'specify the name of environment to build').option('--watch', 'Enable watch mode to automatically rebuild on file changes').action((buildOptions)=>__webpack_require__.e("src_cli_build_ts").then(__webpack_require__.bind(__webpack_require__, "./src/cli/build.ts")).then(({ build })=>build.call(buildCommand, cwd, buildOptions)));
             const devCommand = program.command('dev');
             devCommand.description('Run the dev server and watch for source file changes while serving.').option('--base <base>', 'specify the base path of the server').option('--environment <name...>', 'specify the name of environment to build').action((devOptions)=>__webpack_require__.e("src_cli_dev_ts").then(__webpack_require__.bind(__webpack_require__, "./src/cli/dev.ts")).then(({ dev })=>dev.call(devCommand, cwd, devOptions)));
             const inspectCommand = program.command('inspect');

package/dist/src_cli_dev_ts.js

@@ -9,27 +9,19 @@ export const __webpack_modules__ = {
         });
         var node_path__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("node:path");
         var _rsbuild_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("@rsbuild/core");
-        var picocolors__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../../node_modules/.pnpm/picocolors@1.1.1/node_modules/picocolors/picocolors.js");
-        var picocolors__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/ __webpack_require__.n(picocolors__WEBPACK_IMPORTED_MODULE_5__);
+        var picocolors__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__("../../../node_modules/.pnpm/picocolors@1.1.1/node_modules/picocolors/picocolors.js");
+        var picocolors__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/ __webpack_require__.n(picocolors__WEBPACK_IMPORTED_MODULE_6__);
         var _create_rspeedy_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./src/create-rspeedy.ts");
         var _exit_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./src/cli/exit.ts");
         var _init_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./src/cli/init.ts");
+        var _watch_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("./src/cli/watch.ts");
         async function dev(cwd, devOptions) {
             let onBeforeRestart = [];
             try {
                 const { rspeedyConfig, configPath, createRspeedyOptions } = await (0, _init_js__WEBPACK_IMPORTED_MODULE_4__.S)(cwd, devOptions);
-                const watchedFiles = [
-                    configPath
-                ];
-                if (Array.isArray(rspeedyConfig.dev?.watchFiles)) watchedFiles.push(...rspeedyConfig.dev.watchFiles.filter((item)=>'reload-server' === item.type).flatMap((item)=>item.paths));
-                else if (rspeedyConfig.dev?.watchFiles?.type === 'reload-server') {
-                    const { paths } = rspeedyConfig.dev.watchFiles;
-                    watchedFiles.push(...Array.isArray(paths) ? paths : [
-                        paths
-                    ]);
-                }
-                await watchFiles(watchedFiles.map((filePath)=>node_path__WEBPACK_IMPORTED_MODULE_0__["default"].isAbsolute(filePath) ? filePath : node_path__WEBPACK_IMPORTED_MODULE_0__["default"].join(cwd, filePath)), async (filename)=>{
-                    _rsbuild_core__WEBPACK_IMPORTED_MODULE_1__.logger.info(`Restart because ${picocolors__WEBPACK_IMPORTED_MODULE_5___default().yellow(filename)} is changed.\n`);
+                const watchedFiles = (0, _watch_js__WEBPACK_IMPORTED_MODULE_5__.z)(configPath, rspeedyConfig);
+                await (0, _watch_js__WEBPACK_IMPORTED_MODULE_5__.s)(watchedFiles.map((filePath)=>node_path__WEBPACK_IMPORTED_MODULE_0__["default"].isAbsolute(filePath) ? filePath : node_path__WEBPACK_IMPORTED_MODULE_0__["default"].join(cwd, filePath)), async (filename)=>{
+                    _rsbuild_core__WEBPACK_IMPORTED_MODULE_1__.logger.info(`Restart because ${picocolors__WEBPACK_IMPORTED_MODULE_6___default().yellow(filename)} is changed.\n`);
                     const cleanup = onBeforeRestart.map((f)=>f());
                     onBeforeRestart = [];
                     await Promise.all(cleanup);
@@ -44,29 +36,6 @@ export const __webpack_modules__ = {
                 (0, _exit_js__WEBPACK_IMPORTED_MODULE_3__.exit)(1);
             }
         }
-        async function watchFiles(files, callback) {
-            const chokidar = await __webpack_require__.e("vendors-node_modules_pnpm_chokidar_4_0_3_node_modules_chokidar_esm_index_js").then(__webpack_require__.bind(__webpack_require__, "../../../node_modules/.pnpm/chokidar@4.0.3/node_modules/chokidar/esm/index.js"));
-            const watcher = chokidar.default.watch(files, {
-                ignoreInitial: true,
-                ignorePermissionErrors: true
-            });
-            const cb = debounce((event, filePath)=>{
-                const startTime = Date.now();
-                watcher.close().then(()=>callback(filePath, startTime, event));
-            }, 300);
-            watcher.once('add', cb.bind(null, 'add'));
-            watcher.once('change', cb.bind(null, 'change'));
-            watcher.once('unlink', cb.bind(null, 'unlink'));
-        }
-        function debounce(func, wait) {
-            let timeoutId = null;
-            return (...args)=>{
-                if (null !== timeoutId) clearTimeout(timeoutId);
-                timeoutId = setTimeout(()=>{
-                    func(...args);
-                }, wait);
-            };
-        }
     },
     "./src/cli/init.ts": function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
@@ -186,6 +155,48 @@ export const __webpack_modules__ = {
             };
         }
     },
+    "./src/cli/watch.ts": function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+        __webpack_require__.d(__webpack_exports__, {
+            s: ()=>watchFiles,
+            z: ()=>getWatchedFiles
+        });
+        async function watchFiles(files, callback) {
+            const chokidar = await __webpack_require__.e("vendors-node_modules_pnpm_chokidar_4_0_3_node_modules_chokidar_esm_index_js").then(__webpack_require__.bind(__webpack_require__, "../../../node_modules/.pnpm/chokidar@4.0.3/node_modules/chokidar/esm/index.js"));
+            const watcher = chokidar.default.watch(files, {
+                ignoreInitial: true,
+                ignorePermissionErrors: true
+            });
+            const cb = debounce((event, filePath)=>{
+                const startTime = Date.now();
+                watcher.close().then(()=>callback(filePath, startTime, event));
+            }, 300);
+            watcher.once('add', cb.bind(null, 'add'));
+            watcher.once('change', cb.bind(null, 'change'));
+            watcher.once('unlink', cb.bind(null, 'unlink'));
+        }
+        function debounce(func, wait) {
+            let timeoutId = null;
+            return (...args)=>{
+                if (null !== timeoutId) clearTimeout(timeoutId);
+                timeoutId = setTimeout(()=>{
+                    func(...args);
+                }, wait);
+            };
+        }
+        function getWatchedFiles(configPath, rspeedyConfig) {
+            const watchedFiles = [
+                configPath
+            ];
+            if (Array.isArray(rspeedyConfig.dev?.watchFiles)) watchedFiles.push(...rspeedyConfig.dev.watchFiles.filter((item)=>'reload-server' === item.type).flatMap((item)=>item.paths));
+            else if (rspeedyConfig.dev?.watchFiles?.type === 'reload-server') {
+                const { paths } = rspeedyConfig.dev.watchFiles;
+                watchedFiles.push(...Array.isArray(paths) ? paths : [
+                    paths
+                ]);
+            }
+            return watchedFiles;
+        }
+    },
     "./src/create-rspeedy.ts": function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
             S: ()=>createRspeedy

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/rspeedy-canary",
-  "version": "0.10.8",
+  "version": "0.10.9-canary-20250826-d65ef500",
   "description": "A webpack/rspack-based frontend toolchain for Lynx",
   "keywords": [
     "webpack",