@lynx-js/rspeedy-canary 0.11.7 → 0.11.8-canary-20251028-0abaf22b

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @lynx-js/rspeedy
 
+## 0.11.8-canary-20251028110010-0abaf22b9e1d9b3ad225ea9106d3b9fbe473f47b
+
+### Patch Changes
+
+- feat: support web preview in rspeedy dev ([#1891](https://github.com/lynx-family/lynx-stack/pull/1891))
+
+  - print URLs with labels
+
 ## 0.11.7
 
 ### Patch Changes
@@ -58,11 +66,11 @@
 - Support `command` and `env` parameters in the function exported by `lynx.config.js`. ([#1669](https://github.com/lynx-family/lynx-stack/pull/1669))
 
   ```js
-  import { defineConfig } from '@lynx-js/rspeedy'
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig(({ command, env }) => {
-    const isBuild = command === 'build'
-    const isTest = env === 'test'
+    const isBuild = command === "build";
+    const isTest = env === "test";
 
     return {
       output: {
@@ -71,8 +79,8 @@
       performance: {
         buildCache: isBuild,
       },
-    }
-  })
+    };
+  });
   ```
 
 - Support `resolve.dedupe`. ([#1671](https://github.com/lynx-family/lynx-stack/pull/1671))
@@ -80,30 +88,30 @@
   This is useful when having multiple duplicated packages in the bundle:
 
   ```js
-  import { defineConfig } from '@lynx-js/rspeedy'
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     resolve: {
-      dedupe: ['tslib'],
+      dedupe: ["tslib"],
     },
-  })
+  });
   ```
 
 - Support `resolve.aliasStrategy` for controlling priority between `tsconfig.json` paths and `resolve.alias` ([#1722](https://github.com/lynx-family/lynx-stack/pull/1722))
 
   ```js
-  import { defineConfig } from '@lynx-js/rspeedy'
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     resolve: {
       alias: {
-        '@': './src',
+        "@": "./src",
       },
       // 'prefer-tsconfig' (default): tsconfig.json paths take priority
       // 'prefer-alias': resolve.alias takes priority
-      aliasStrategy: 'prefer-alias',
+      aliasStrategy: "prefer-alias",
     },
-  })
+  });
   ```
 
 - Bump Rsbuild v1.5.4 with Rspack v1.5.2. ([#1644](https://github.com/lynx-family/lynx-stack/pull/1644))
@@ -123,7 +131,7 @@
 - Add `output.dataUriLimit.*` for fine-grained control of asset inlining. ([#1648](https://github.com/lynx-family/lynx-stack/pull/1648))
 
   ```js
-  import { defineConfig } from '@lynx-js/rspeedy'
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     output: {
@@ -132,7 +140,7 @@
         media: 0,
       },
     },
-  })
+  });
   ```
 
 ## 0.11.0
@@ -252,28 +260,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))
@@ -316,13 +324,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))
@@ -342,12 +350,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))
@@ -358,17 +366,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))
@@ -391,7 +399,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: {
@@ -401,7 +409,7 @@
         },
       },
     },
-  })
+  });
   ```
 
   See [Rsdoctor - 1.0](https://rsdoctor.dev/blog/release/release-note-1_0#-faster-analysis) for more details.
@@ -533,12 +541,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)]:
@@ -591,11 +599,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: [
@@ -608,7 +616,7 @@
         },
       }),
     ],
-  })
+  });
   ```
 
   See [@rsbuild/plugin-css-minimizer](https://github.com/rspack-contrib/rsbuild-plugin-css-minimizer) for details.
@@ -618,8 +626,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: [
@@ -631,7 +639,7 @@
         },
       }),
     ],
-  })
+  });
   ```
 
 ## 0.7.1
@@ -651,7 +659,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: {
@@ -659,18 +667,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.
@@ -697,22 +705,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/0~src_plugins_dev_plugin_ts.js

@@ -77,6 +77,41 @@ export const __webpack_modules__ = {
                                 assetPrefix
                             }
                         }));
+                    api.modifyRsbuildConfig((config, { mergeRsbuildConfig })=>{
+                        const rspeedyAPIs = api.useExposed(Symbol.for('rspeedy.api'));
+                        const defaultFilename = '[name].[platform].bundle';
+                        const { filename } = rspeedyAPIs.config.output ?? {};
+                        let name;
+                        name = filename ? 'object' == typeof filename ? filename.bundle ?? filename.template ?? defaultFilename : filename : defaultFilename;
+                        if (config.server?.printUrls === void 0 || config.server?.printUrls === true) {
+                            const environmentNames = Object.keys(config.environments ?? {});
+                            return mergeRsbuildConfig(config, {
+                                server: {
+                                    printUrls: (param)=>{
+                                        const finalUrls = [];
+                                        const baseForUrls = ('string' == typeof assetPrefix ? assetPrefix : `http://${hostname}:<port>/`).replaceAll('<port>', String(param.port));
+                                        for (const entry of Object.keys(config.source?.entry ?? {}))for (const environmentName of environmentNames){
+                                            const pathname = name.replaceAll('[name]', entry).replaceAll('[platform]', environmentName);
+                                            finalUrls.push({
+                                                label: environmentName,
+                                                url: new URL(pathname, baseForUrls).toString()
+                                            });
+                                            if ('web' === environmentName) finalUrls.push({
+                                                label: "Web Preview",
+                                                url: new URL(`/__web_preview?casename=${encodeURIComponent(pathname)}`, baseForUrls).toString()
+                                            });
+                                        }
+                                        return finalUrls.map((urlInfo)=>{
+                                            const label = urlInfo.label.charAt(0).toUpperCase() + urlInfo.label.slice(1);
+                                            urlInfo.label = label;
+                                            return urlInfo;
+                                        });
+                                    }
+                                }
+                            });
+                        }
+                        return config;
+                    });
                     const require = createRequire(import.meta.url);
                     api.modifyBundlerChain((chain, { isDev, environment })=>{
                         const { action } = api.context;

package/dist/1~src_plugins_dev_plugin_ts.js

@@ -77,6 +77,41 @@ export const __webpack_modules__ = {
                                 assetPrefix
                             }
                         }));
+                    api.modifyRsbuildConfig((config, { mergeRsbuildConfig })=>{
+                        const rspeedyAPIs = api.useExposed(Symbol.for('rspeedy.api'));
+                        const defaultFilename = '[name].[platform].bundle';
+                        const { filename } = rspeedyAPIs.config.output ?? {};
+                        let name;
+                        name = filename ? 'object' == typeof filename ? filename.bundle ?? filename.template ?? defaultFilename : filename : defaultFilename;
+                        if (config.server?.printUrls === void 0 || config.server?.printUrls === true) {
+                            const environmentNames = Object.keys(config.environments ?? {});
+                            return mergeRsbuildConfig(config, {
+                                server: {
+                                    printUrls: (param)=>{
+                                        const finalUrls = [];
+                                        const baseForUrls = ('string' == typeof assetPrefix ? assetPrefix : `http://${hostname}:<port>/`).replaceAll('<port>', String(param.port));
+                                        for (const entry of Object.keys(config.source?.entry ?? {}))for (const environmentName of environmentNames){
+                                            const pathname = name.replaceAll('[name]', entry).replaceAll('[platform]', environmentName);
+                                            finalUrls.push({
+                                                label: environmentName,
+                                                url: new URL(pathname, baseForUrls).toString()
+                                            });
+                                            if ('web' === environmentName) finalUrls.push({
+                                                label: "Web Preview",
+                                                url: new URL(`/__web_preview?casename=${encodeURIComponent(pathname)}`, baseForUrls).toString()
+                                            });
+                                        }
+                                        return finalUrls.map((urlInfo)=>{
+                                            const label = urlInfo.label.charAt(0).toUpperCase() + urlInfo.label.slice(1);
+                                            urlInfo.label = label;
+                                            return urlInfo;
+                                        });
+                                    }
+                                }
+                            });
+                        }
+                        return config;
+                    });
                     const require = createRequire(import.meta.url);
                     api.modifyBundlerChain((chain, { isDev, environment })=>{
                         const { action } = api.context;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/rspeedy-canary",
-  "version": "0.11.7",
+  "version": "0.11.8-canary-20251028-0abaf22b",
   "description": "A webpack/rspack-based frontend toolchain for Lynx",
   "keywords": [
     "webpack",