@lynx-js/react-rsbuild-plugin 0.9.1 → 0.9.3

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @lynx-js/react-rsbuild-plugin
 
+## 0.9.3
+
+### Patch Changes
+
+- Support `@lynx-js/react` v0.106.0. ([#239](https://github.com/lynx-family/lynx-stack/pull/239))
+
+- Fix the issue where the canary version of React was not included in the `rule.include` configuration. ([#275](https://github.com/lynx-family/lynx-stack/pull/275))
+
+- Updated dependencies [[`ba26a4d`](https://github.com/lynx-family/lynx-stack/commit/ba26a4db1ec3dcfd445dd834533b3bc10b091686), [`462e97b`](https://github.com/lynx-family/lynx-stack/commit/462e97b28c12b554c0c825c7df453bdf433749ae), [`aa1fbed`](https://github.com/lynx-family/lynx-stack/commit/aa1fbedec8459f8c830467a5b92033e3530dce80), [`d2d55ef`](https://github.com/lynx-family/lynx-stack/commit/d2d55ef9fe438c35921d9db0daa40d5228822ecc), [`6af0396`](https://github.com/lynx-family/lynx-stack/commit/6af039661844f22b65ad1b98db5c7b31df204ae4)]:
+  - @lynx-js/template-webpack-plugin@0.6.6
+  - @lynx-js/react-webpack-plugin@0.6.9
+  - @lynx-js/runtime-wrapper-webpack-plugin@0.0.9
+  - @lynx-js/web-webpack-plugin@0.6.3
+  - @lynx-js/react-alias-rsbuild-plugin@0.9.3
+  - @lynx-js/css-extract-webpack-plugin@0.5.2
+  - @lynx-js/react-refresh-webpack-plugin@0.3.2
+
+## 0.9.2
+
+### Patch Changes
+
+- Avoid entry IIFE in `main-thread.js` ([#206](https://github.com/lynx-family/lynx-stack/pull/206))
+
+- Enable CSS minification for scoped CSS. ([#205](https://github.com/lynx-family/lynx-stack/pull/205))
+
+- Should generate `.rspeedy/[name]/main-thread.js` instead of `.rspeedy/[name]__main-thread/main-thread.js` ([#180](https://github.com/lynx-family/lynx-stack/pull/180))
+
+- Updated dependencies [[`984a51e`](https://github.com/lynx-family/lynx-stack/commit/984a51e62a42b7f3d2670189f722f0d51f9fce9b), [`5e01cef`](https://github.com/lynx-family/lynx-stack/commit/5e01cef366a20d48b430b11eedbf9e5141f316a2), [`315ba3b`](https://github.com/lynx-family/lynx-stack/commit/315ba3b7fac7872884edcdd5ef3e6d6230bbe115), [`315ba3b`](https://github.com/lynx-family/lynx-stack/commit/315ba3b7fac7872884edcdd5ef3e6d6230bbe115)]:
+  - @lynx-js/css-extract-webpack-plugin@0.5.2
+  - @lynx-js/react-webpack-plugin@0.6.8
+  - @lynx-js/template-webpack-plugin@0.6.5
+  - @lynx-js/react-alias-rsbuild-plugin@0.9.2
+  - @lynx-js/react-refresh-webpack-plugin@0.3.2
+  - @lynx-js/web-webpack-plugin@0.6.2
+
 ## 0.9.1
 
 ### Patch Changes

package/dist/index.js

@@ -1,7 +1,7 @@
 import * as __WEBPACK_EXTERNAL_MODULE_node_module_ab9f2194__ from "node:module";
-import * as __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__ from "node:path";
 import * as __WEBPACK_EXTERNAL_MODULE__lynx_js_react_alias_rsbuild_plugin_2a0391db__ from "@lynx-js/react-alias-rsbuild-plugin";
 import * as __WEBPACK_EXTERNAL_MODULE__lynx_js_react_webpack_plugin_1806f3f7__ from "@lynx-js/react-webpack-plugin";
+import * as __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__ from "node:path";
 import * as __WEBPACK_EXTERNAL_MODULE_node_url_e96de089__ from "node:url";
 import * as __WEBPACK_EXTERNAL_MODULE__lynx_js_template_webpack_plugin_e98d2f08__ from "@lynx-js/template-webpack-plugin";
 import * as __WEBPACK_EXTERNAL_MODULE__lynx_js_runtime_wrapper_webpack_plugin_27793081__ from "@lynx-js/runtime-wrapper-webpack-plugin";
@@ -111,7 +111,7 @@ function __webpack_require__(moduleId) {
     __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
 })();
 (()=>{
-    __webpack_require__.r = function(exports) {
+    __webpack_require__.r = (exports)=>{
         if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports, Symbol.toStringTag, {
             value: 'Module'
         });
@@ -177,7 +177,6 @@ function applyCSS(api, options) {
                     ]
                 }
             ]).init((_, args)=>new CssExtractPlugin(...args)).end().end();
-        if (true !== enableRemoveCSSScope) chain.optimization.minimizers.delete(CHAIN_ID.MINIMIZER.CSS);
         chain.module.when(void 0 === enableRemoveCSSScope, (module)=>module.rule('lynx.css.scoped').test(/\.css$/).resourceQuery({
                 and: [
                     /cssId/
@@ -212,7 +211,7 @@ const DEFAULT_DIST_PATH_INTERMEDIATE = '.rspeedy';
 const DEFAULT_FILENAME_HASH = '.[contenthash:8]';
 const EMPTY_HASH = '';
 function applyEntry(api, options) {
-    const { compat, customCSSInheritanceList, debugInfoOutside, defaultDisplayLinear, enableAccessibilityElement, enableICU, enableCSSInheritance, enableCSSInvalidation, enableCSSSelector, enableNewGesture, enableParallelElement, enableRemoveCSSScope, firstScreenSyncTiming, pipelineSchedulerConfig, removeDescendantSelectorScope, targetSdkVersion, experimental_isLazyBundle } = options;
+    const { compat, customCSSInheritanceList, debugInfoOutside, defaultDisplayLinear, enableAccessibilityElement, enableICU, enableCSSInheritance, enableCSSInvalidation, enableCSSSelector, enableNewGesture, enableParallelElement, enableRemoveCSSScope, firstScreenSyncTiming, enableSSR, pipelineSchedulerConfig, removeDescendantSelectorScope, targetSdkVersion, experimental_isLazyBundle } = options;
     const { config } = api.useExposed(Symbol.for('rspeedy.api'));
     api.modifyBundlerChain((chain, { environment, isDev, isProd })=>{
         const entries = chain.entryPoints.entries() ?? {};
@@ -224,7 +223,7 @@ function applyEntry(api, options) {
             const { imports } = getChunks(entryName, entryPoint.values());
             const templateFilename = ('object' == typeof config.output?.filename ? config.output.filename.bundle ?? config.output.filename.template : config.output?.filename) ?? '[name].[platform].bundle';
             const mainThreadEntry = `${entryName}__main-thread`;
-            const mainThreadName = __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].posix.join(isLynx ? DEFAULT_DIST_PATH_INTERMEDIATE : '', `${mainThreadEntry}/main-thread.js`);
+            const mainThreadName = __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].posix.join(isLynx ? DEFAULT_DIST_PATH_INTERMEDIATE : '', `${entryName}/main-thread.js`);
             const backgroundName = __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].posix.join(isLynx ? DEFAULT_DIST_PATH_INTERMEDIATE : '', getBackgroundFilename(entryName, environment.config, isProd));
             const backgroundEntry = entryName;
             mainThreadChunks.push(mainThreadName);
@@ -303,7 +302,9 @@ function applyEntry(api, options) {
             {
                 disableCreateSelectorQueryIncompatibleWarning: compat?.disableCreateSelectorQueryIncompatibleWarning ?? false,
                 firstScreenSyncTiming,
-                mainThreadChunks
+                enableSSR,
+                mainThreadChunks,
+                experimental_isLazyBundle
             }
         ]);
     });
@@ -480,7 +481,7 @@ function applySWC(api) {
 var _accessExpressionAsString = __webpack_require__("../../../node_modules/.pnpm/typia@7.6.4_@samchon+openapi@2.4.2_typescript@5.7.3/node_modules/typia/lib/internal/_accessExpressionAsString.js");
 var _assertGuard = __webpack_require__("../../../node_modules/.pnpm/typia@7.6.4_@samchon+openapi@2.4.2_typescript@5.7.3/node_modules/typia/lib/internal/_assertGuard.js");
 const validateConfig = (()=>{
-    const _io0 = (input, _exceptionable = true)=>(void 0 === input.compat || "object" == typeof input.compat && null !== input.compat && false === Array.isArray(input.compat) && _io1(input.compat, _exceptionable)) && (void 0 === input.customCSSInheritanceList || Array.isArray(input.customCSSInheritanceList) && input.customCSSInheritanceList.every((elem, _index1)=>"string" == typeof elem)) && (void 0 === input.debugInfoOutside || "boolean" == typeof input.debugInfoOutside) && (void 0 === input.defaultDisplayLinear || "boolean" == typeof input.defaultDisplayLinear) && (void 0 === input.enableAccessibilityElement || "boolean" == typeof input.enableAccessibilityElement) && (void 0 === input.enableICU || "boolean" == typeof input.enableICU) && (void 0 === input.enableCSSInheritance || "boolean" == typeof input.enableCSSInheritance) && (void 0 === input.enableCSSInvalidation || "boolean" == typeof input.enableCSSInvalidation) && (void 0 === input.enableCSSSelector || "boolean" == typeof input.enableCSSSelector) && (void 0 === input.enableNewGesture || "boolean" == typeof input.enableNewGesture) && (void 0 === input.enableParallelElement || "boolean" == typeof input.enableParallelElement) && (void 0 === input.enableRemoveCSSScope || "boolean" == typeof input.enableRemoveCSSScope) && (void 0 === input.firstScreenSyncTiming || "immediately" === input.firstScreenSyncTiming || "jsReady" === input.firstScreenSyncTiming) && (void 0 === input.jsx || "object" == typeof input.jsx && null !== input.jsx && false === Array.isArray(input.jsx) && _io4(input.jsx, _exceptionable)) && (void 0 === input.pipelineSchedulerConfig || "number" == typeof input.pipelineSchedulerConfig) && (void 0 === input.removeDescendantSelectorScope || "boolean" == typeof input.removeDescendantSelectorScope) && (void 0 === input.shake || "object" == typeof input.shake && null !== input.shake && false === Array.isArray(input.shake) && _io5(input.shake, _exceptionable)) && (void 0 === input.defineDCE || "object" == typeof input.defineDCE && null !== input.defineDCE && false === Array.isArray(input.defineDCE) && _io6(input.defineDCE, _exceptionable)) && (void 0 === input.engineVersion || "string" == typeof input.engineVersion) && (void 0 === input.targetSdkVersion || "string" == typeof input.targetSdkVersion) && (void 0 === input.experimental_isLazyBundle || "boolean" == typeof input.experimental_isLazyBundle) && (0 === Object.keys(input).length || Object.keys(input).every((key)=>{
+    const _io0 = (input, _exceptionable = true)=>(void 0 === input.compat || "object" == typeof input.compat && null !== input.compat && false === Array.isArray(input.compat) && _io1(input.compat, _exceptionable)) && (void 0 === input.customCSSInheritanceList || Array.isArray(input.customCSSInheritanceList) && input.customCSSInheritanceList.every((elem, _index1)=>"string" == typeof elem)) && (void 0 === input.debugInfoOutside || "boolean" == typeof input.debugInfoOutside) && (void 0 === input.defaultDisplayLinear || "boolean" == typeof input.defaultDisplayLinear) && (void 0 === input.enableAccessibilityElement || "boolean" == typeof input.enableAccessibilityElement) && (void 0 === input.enableICU || "boolean" == typeof input.enableICU) && (void 0 === input.enableCSSInheritance || "boolean" == typeof input.enableCSSInheritance) && (void 0 === input.enableCSSInvalidation || "boolean" == typeof input.enableCSSInvalidation) && (void 0 === input.enableCSSSelector || "boolean" == typeof input.enableCSSSelector) && (void 0 === input.enableNewGesture || "boolean" == typeof input.enableNewGesture) && (void 0 === input.enableParallelElement || "boolean" == typeof input.enableParallelElement) && (void 0 === input.enableRemoveCSSScope || "boolean" == typeof input.enableRemoveCSSScope) && (void 0 === input.firstScreenSyncTiming || "immediately" === input.firstScreenSyncTiming || "jsReady" === input.firstScreenSyncTiming) && (void 0 === input.enableSSR || "boolean" == typeof input.enableSSR) && (void 0 === input.jsx || "object" == typeof input.jsx && null !== input.jsx && false === Array.isArray(input.jsx) && _io4(input.jsx, _exceptionable)) && (void 0 === input.pipelineSchedulerConfig || "number" == typeof input.pipelineSchedulerConfig) && (void 0 === input.removeDescendantSelectorScope || "boolean" == typeof input.removeDescendantSelectorScope) && (void 0 === input.shake || "object" == typeof input.shake && null !== input.shake && false === Array.isArray(input.shake) && _io5(input.shake, _exceptionable)) && (void 0 === input.defineDCE || "object" == typeof input.defineDCE && null !== input.defineDCE && false === Array.isArray(input.defineDCE) && _io6(input.defineDCE, _exceptionable)) && (void 0 === input.engineVersion || "string" == typeof input.engineVersion) && (void 0 === input.targetSdkVersion || "string" == typeof input.targetSdkVersion) && (void 0 === input.experimental_isLazyBundle || "boolean" == typeof input.experimental_isLazyBundle) && (0 === Object.keys(input).length || Object.keys(input).every((key)=>{
             if ([
                 "compat",
                 "customCSSInheritanceList",
@@ -495,6 +496,7 @@ const validateConfig = (()=>{
                 "enableParallelElement",
                 "enableRemoveCSSScope",
                 "firstScreenSyncTiming",
+                "enableSSR",
                 "jsx",
                 "pipelineSchedulerConfig",
                 "removeDescendantSelectorScope",
@@ -655,6 +657,11 @@ const validateConfig = (()=>{
             path: _path + ".firstScreenSyncTiming",
             expected: "(\"immediately\" | \"jsReady\" | undefined)",
             value: input.firstScreenSyncTiming
+        }, _errorFactory)) && (void 0 === input.enableSSR || "boolean" == typeof input.enableSSR || _assertGuard._assertGuard(_exceptionable, {
+            method: "typia.createAssertEquals",
+            path: _path + ".enableSSR",
+            expected: "(boolean | undefined)",
+            value: input.enableSSR
         }, _errorFactory)) && (void 0 === input.jsx || ("object" == typeof input.jsx && null !== input.jsx && false === Array.isArray(input.jsx) || _assertGuard._assertGuard(_exceptionable, {
             method: "typia.createAssertEquals",
             path: _path + ".jsx",
@@ -725,6 +732,7 @@ const validateConfig = (()=>{
                 "enableParallelElement",
                 "enableRemoveCSSScope",
                 "firstScreenSyncTiming",
+                "enableSSR",
                 "jsx",
                 "pipelineSchedulerConfig",
                 "removeDescendantSelectorScope",
@@ -1081,6 +1089,7 @@ function pluginReactLynx(userOptions) {
         enableParallelElement: true,
         enableRemoveCSSScope: true,
         firstScreenSyncTiming: 'immediately',
+        enableSSR: false,
         jsx: void 0,
         pipelineSchedulerConfig: 0x00010000,
         removeDescendantSelectorScope: true,
@@ -1109,13 +1118,6 @@ function pluginReactLynx(userOptions) {
             applySplitChunksRule(api);
             applySWC(api);
             api.modifyRsbuildConfig((config, { mergeRsbuildConfig })=>{
-                config = mergeRsbuildConfig(config, {
-                    source: {
-                        include: [
-                            __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__["default"].dirname(require.resolve('@lynx-js/react/package.json'))
-                        ]
-                    }
-                });
                 const userConfig = api.getRsbuildConfig('original');
                 if (void 0 === userConfig.source?.include) return mergeRsbuildConfig(config, {
                     source: {

package/dist/loaders/ignore-css-loader.js

@@ -1,6 +1,6 @@
 function ignoreCssLoader(source) {
     this.cacheable(true);
-    if (source.includes('___CSS_LOADER_EXPORT___')) return '';
+    if (source.includes('___CSS_LOADER_EXPORT___')) return 'export {}';
     return source;
 }
 export { ignoreCssLoader as default };

package/dist/pluginReactLynx.d.ts

@@ -179,6 +179,14 @@ export interface PluginReactLynxOptions {
      * @defaultValue "immediately"
      */
     firstScreenSyncTiming?: 'immediately' | 'jsReady';
+    /**
+     * `enableSSR` enable Lynx SSR feature for this build.
+     *
+     * @defaultValue `false`
+     *
+     * @public
+     */
+    enableSSR?: boolean;
     /**
      * The `jsx` option controls how JSX is transformed.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-rsbuild-plugin",
-  "version": "0.9.1",
+  "version": "0.9.3",
   "description": "A rsbuild plugin for ReactLynx",
   "keywords": [
     "rsbuild",
@@ -32,32 +32,32 @@
     "README.md"
   ],
   "dependencies": {
-    "@lynx-js/css-extract-webpack-plugin": "0.5.1",
-    "@lynx-js/react-alias-rsbuild-plugin": "0.9.1",
+    "@lynx-js/css-extract-webpack-plugin": "0.5.2",
+    "@lynx-js/react-alias-rsbuild-plugin": "0.9.3",
+    "@lynx-js/react-webpack-plugin": "0.6.9",
     "@lynx-js/react-refresh-webpack-plugin": "0.3.2",
-    "@lynx-js/react-webpack-plugin": "0.6.7",
-    "@lynx-js/runtime-wrapper-webpack-plugin": "0.0.8",
-    "@lynx-js/template-webpack-plugin": "0.6.4",
-    "@lynx-js/web-webpack-plugin": "0.6.2"
+    "@lynx-js/runtime-wrapper-webpack-plugin": "0.0.9",
+    "@lynx-js/template-webpack-plugin": "0.6.6",
+    "@lynx-js/web-webpack-plugin": "0.6.3"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "7.51.1",
     "@rollup/plugin-typescript": "^12.1.2",
-    "@rsbuild/core": "1.2.15",
+    "@rsbuild/core": "1.2.19",
     "@rsbuild/plugin-sass": "1.2.2",
     "@rsbuild/plugin-typed-css-modules": "1.0.2",
-    "@rsbuild/plugin-webpack-swc": "1.0.11",
+    "@rsbuild/plugin-webpack-swc": "1.0.12",
     "@rsbuild/webpack": "1.2.3",
     "tailwindcss": "^3.4.17",
     "type-fest": "^4.37.0",
     "typia": "7.6.4",
     "typia-rspack-plugin": "^1.0.2",
-    "@lynx-js/react": "0.105.1",
-    "@lynx-js/vitest-setup": "0.0.0",
-    "@lynx-js/rspeedy": "0.8.3"
+    "@lynx-js/react": "0.106.0",
+    "@lynx-js/rspeedy": "0.8.5",
+    "@lynx-js/vitest-setup": "0.0.0"
   },
   "peerDependencies": {
-    "@lynx-js/react": "^0.103.0 || ^0.104.0 || ^0.105.0"
+    "@lynx-js/react": "^0.103.0 || ^0.104.0 || ^0.105.0 || ^0.106.0"
   },
   "peerDependenciesMeta": {
     "@lynx-js/react": {