npm - @lynx-js/react-rsbuild-plugin - Versions diffs - 0.11.4 → 0.12.1 - Mend

@lynx-js/react-rsbuild-plugin 0.11.4 → 0.12.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,37 @@
 # @lynx-js/react-rsbuild-plugin
+## 0.12.1
+### Patch Changes
+- Avoid injecting hot update runtime when dev.hmr or dev.liveReload is set to false. ([#1980](https://github.com/lynx-family/lynx-stack/pull/1980))
+- Updated dependencies [[`553ece1`](https://github.com/lynx-family/lynx-stack/commit/553ece1e025b1f4feae353310c21b2e159f1f03a), [`8cdb69d`](https://github.com/lynx-family/lynx-stack/commit/8cdb69d4b2cc3e9925a2494ee8a889d7af17e2e9), [`8cdb69d`](https://github.com/lynx-family/lynx-stack/commit/8cdb69d4b2cc3e9925a2494ee8a889d7af17e2e9)]:
+  - @lynx-js/react-webpack-plugin@0.7.3
+  - @lynx-js/css-extract-webpack-plugin@0.7.0
+  - @lynx-js/template-webpack-plugin@0.10.0
+  - @lynx-js/react-alias-rsbuild-plugin@0.12.1
+  - @lynx-js/use-sync-external-store@1.5.0
+  - @lynx-js/react-refresh-webpack-plugin@0.3.4
+## 0.12.0
+### Minor Changes
+- **BREAKING CHANGE**: Require `@lynx-js/rspeedy` 0.12.0. ([#1951](https://github.com/lynx-family/lynx-stack/pull/1951))
+### Patch Changes
+- Support Yarn Plug'n'Play. ([#1964](https://github.com/lynx-family/lynx-stack/pull/1964))
+- Updated dependencies [[`738d44d`](https://github.com/lynx-family/lynx-stack/commit/738d44d685870d7c3f64a1be7139e8d7af498feb), [`5bbb439`](https://github.com/lynx-family/lynx-stack/commit/5bbb43981580f917f59819cd4ff7972b9737a341), [`3692a16`](https://github.com/lynx-family/lynx-stack/commit/3692a169ae443124de0e9f7a288318f5dfba13b0), [`d2e290b`](https://github.com/lynx-family/lynx-stack/commit/d2e290b67971ead5bedbcc1e34dd7f3bf4a6f5f3), [`738d44d`](https://github.com/lynx-family/lynx-stack/commit/738d44d685870d7c3f64a1be7139e8d7af498feb)]:
+  - @lynx-js/react-alias-rsbuild-plugin@0.12.0
+  - @lynx-js/css-extract-webpack-plugin@0.6.5
+  - @lynx-js/template-webpack-plugin@0.9.2
+  - @lynx-js/use-sync-external-store@1.5.0
+  - @lynx-js/react-refresh-webpack-plugin@0.3.4
+  - @lynx-js/react-webpack-plugin@0.7.2
 ## 0.11.4
 ### Patch Changes

package/dist/300.js ADDED Viewed

@@ -0,0 +1,34 @@
+export const __rspack_esm_id = "300";
+export const __rspack_esm_ids = [
+    "300"
+];
+export const __webpack_modules__ = {
+    "./src/resolve.ts" (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+        __webpack_require__.d(__webpack_exports__, {
+            getImportResolver: ()=>getImportResolver,
+            getMainThreadResolver: ()=>getMainThreadResolver
+        });
+        var node_path__rspack_import_0 = __webpack_require__("node:path");
+        var node_url__rspack_import_1 = __webpack_require__("node:url");
+        var _lynx_js_react_alias_rsbuild_plugin__rspack_import_2 = __webpack_require__("@lynx-js/react-alias-rsbuild-plugin");
+        const __dirname = node_path__rspack_import_0["default"].dirname((0, node_url__rspack_import_1.fileURLToPath)(import.meta.url));
+        const getImportResolver = (()=>{
+            let resolver = null;
+            return (rspack)=>{
+                resolver ??= (0, _lynx_js_react_alias_rsbuild_plugin__rspack_import_2.createLazyResolver)(rspack, __dirname, [
+                    'import'
+                ]);
+                return resolver;
+            };
+        })();
+        const getMainThreadResolver = (()=>{
+            let resolver = null;
+            return (rspack)=>{
+                resolver ??= (0, _lynx_js_react_alias_rsbuild_plugin__rspack_import_2.createLazyResolver)(rspack, __dirname, [
+                    'lepus'
+                ]);
+                return resolver;
+            };
+        })();
+    }
+};

package/dist/index.d.ts CHANGED Viewed

@@ -441,7 +441,7 @@ export declare interface PluginReactLynxOptions {
      *
      * These options should only be used for migrating from ReactLynx2.0.
      */
-    compat?: (Partial<CompatVisitorConfig> & {
+    compat?: Partial<CompatVisitorConfig> & {
         /**
          * Whether disable runtime warnings about using ReactLynx2.0-incompatible `SelectorQuery` APIs.
          *
@@ -458,7 +458,7 @@ export declare interface PluginReactLynxOptions {
          * @defaultValue `false`
          */
         disableCreateSelectorQueryIncompatibleWarning?: boolean;
-    }) | undefined;
+    } | undefined;
     /**
      * When {@link PluginReactLynxOptions.enableCSSInheritance} is enabled, `customCSSInheritanceList` can control which properties are inheritable, not just the default ones.
      *

package/dist/index.js CHANGED Viewed

@@ -1,13 +1,13 @@
-import * as __WEBPACK_EXTERNAL_MODULE__lynx_js_react_alias_rsbuild_plugin_2a0391db__ from "@lynx-js/react-alias-rsbuild-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 __rspack_external__lynx_js_react_alias_rsbuild_plugin_2a0391db from "@lynx-js/react-alias-rsbuild-plugin";
+import * as __rspack_external_node_path_c5b9b54f from "node:path";
+import * as __rspack_external_node_url_e96de089 from "node:url";
 import { createRequire } from "node:module";
 import { LAYERS, ReactWebpackPlugin } from "@lynx-js/react-webpack-plugin";
 import { RuntimeWrapperWebpackPlugin } from "@lynx-js/runtime-wrapper-webpack-plugin";
 import { LynxEncodePlugin, LynxTemplatePlugin, WebEncodePlugin } from "@lynx-js/template-webpack-plugin";
 import { ReactRefreshRspackPlugin, ReactRefreshWebpackPlugin } from "@lynx-js/react-refresh-webpack-plugin";
 var __webpack_modules__ = {
-    "../../../node_modules/.pnpm/typia@9.7.2_typescript@5.9.3/node_modules/typia/lib/internal/_accessExpressionAsString.js": function(__unused_webpack_module, exports) {
+    "../../../node_modules/.pnpm/typia@9.7.2_typescript@5.9.3/node_modules/typia/lib/internal/_accessExpressionAsString.js" (__unused_webpack_module, exports) {
         exports._accessExpressionAsString = void 0;
         const _accessExpressionAsString = (str)=>variable(str) ? `.${str}` : `[${JSON.stringify(str)}]`;
         exports._accessExpressionAsString = _accessExpressionAsString;
@@ -52,7 +52,7 @@ var __webpack_modules__ = {
             "with"
         ]);
     },
-    "../../../node_modules/.pnpm/typia@9.7.2_typescript@5.9.3/node_modules/typia/lib/internal/_assertGuard.js": function(__unused_webpack_module, exports, __webpack_require__) {
+    "../../../node_modules/.pnpm/typia@9.7.2_typescript@5.9.3/node_modules/typia/lib/internal/_assertGuard.js" (__unused_webpack_module, exports, __webpack_require__) {
         exports._assertGuard = void 0;
         const TypeGuardError_1 = __webpack_require__("../../../node_modules/.pnpm/typia@9.7.2_typescript@5.9.3/node_modules/typia/lib/TypeGuardError.mjs");
         const _assertGuard = (exceptionable, props, factory)=>{
@@ -62,16 +62,16 @@ var __webpack_modules__ = {
         };
         exports._assertGuard = _assertGuard;
     },
-    "@lynx-js/react-alias-rsbuild-plugin": function(module) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE__lynx_js_react_alias_rsbuild_plugin_2a0391db__;
+    "@lynx-js/react-alias-rsbuild-plugin" (module) {
+        module.exports = __rspack_external__lynx_js_react_alias_rsbuild_plugin_2a0391db;
     },
-    "node:path": function(module) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_node_path_c5b9b54f__;
+    "node:path" (module) {
+        module.exports = __rspack_external_node_path_c5b9b54f;
     },
-    "node:url": function(module) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE_node_url_e96de089__;
+    "node:url" (module) {
+        module.exports = __rspack_external_node_url_e96de089;
     },
-    "../../../node_modules/.pnpm/typia@9.7.2_typescript@5.9.3/node_modules/typia/lib/TypeGuardError.mjs": function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+    "../../../node_modules/.pnpm/typia@9.7.2_typescript@5.9.3/node_modules/typia/lib/TypeGuardError.mjs" (__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
         __webpack_require__.r(__webpack_exports__);
         __webpack_require__.d(__webpack_exports__, {
             TypeGuardError: ()=>TypeGuardError
@@ -148,16 +148,16 @@ __webpack_require__.m = __webpack_modules__;
         410: 0
     };
     var installChunk = (data)=>{
-        var __webpack_ids__ = data.__webpack_ids__;
+        var __rspack_esm_ids = data.__rspack_esm_ids;
         var __webpack_modules__ = data.__webpack_modules__;
-        var __webpack_runtime__ = data.__webpack_runtime__;
+        var __rspack_esm_runtime = data.__rspack_esm_runtime;
         var moduleId, chunkId, i = 0;
         for(moduleId in __webpack_modules__)if (__webpack_require__.o(__webpack_modules__, moduleId)) __webpack_require__.m[moduleId] = __webpack_modules__[moduleId];
-        if (__webpack_runtime__) __webpack_runtime__(__webpack_require__);
-        for(; i < __webpack_ids__.length; i++){
-            chunkId = __webpack_ids__[i];
+        if (__rspack_esm_runtime) __rspack_esm_runtime(__webpack_require__);
+        for(; i < __rspack_esm_ids.length; i++){
+            chunkId = __rspack_esm_ids[i];
             if (__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) installedChunks[chunkId][0]();
-            installedChunks[__webpack_ids__[i]] = 0;
+            installedChunks[__rspack_esm_ids[i]] = 0;
         }
     };
     __webpack_require__.f.j = function(chunkId, promises) {
@@ -187,9 +187,11 @@ const DETECT_IMPORT_ERROR = 'react:detect-import-error';
 const ALIAS_BACKGROUND_ONLY_MAIN = 'react:alias-background-only-main';
 const ALIAS_BACKGROUND_ONLY_BACKGROUND = 'react:alias-background-only-background';
 function applyBackgroundOnly(api) {
-    api.modifyBundlerChain(async (chain)=>{
+    api.modifyBundlerChain(async (chain, { rspack })=>{
         const __dirname = external_node_path_["default"].dirname((0, external_node_url_.fileURLToPath)(import.meta.url));
-        const { resolve, resolveMainThread } = await __webpack_require__.e("856").then(__webpack_require__.bind(__webpack_require__, "./src/resolve.ts"));
+        const { getImportResolver, getMainThreadResolver } = await __webpack_require__.e("300").then(__webpack_require__.bind(__webpack_require__, "./src/resolve.ts"));
+        const resolve = getImportResolver(rspack);
+        const resolveMainThread = getMainThreadResolver(rspack);
         const [backgroundOnly, backgroundOnlyMainThread] = await Promise.all([
             resolve('background-only'),
             resolveMainThread('background-only')
@@ -290,6 +292,9 @@ function applyEntry(api, options) {
         const entries = chain.entryPoints.entries() ?? {};
         const isLynx = 'lynx' === environment.name;
         const isWeb = 'web' === environment.name;
+        const { hmr, liveReload } = environment.config.dev ?? {};
+        const enabledHMR = isDev && !isWeb && false !== hmr;
+        const enabledLiveReload = isDev && !isWeb && false !== liveReload;
         chain.entryPoints.clear();
         const mainThreadChunks = [];
         Object.entries(entries).forEach(([entryName, entryPoint])=>{
@@ -304,7 +309,7 @@ function applyEntry(api, options) {
                 layer: LAYERS.MAIN_THREAD,
                 import: imports,
                 filename: mainThreadName
-            }).when(isDev && !isWeb, (entry)=>{
+            }).when(enabledHMR, (entry)=>{
                 const require = createRequire(import.meta.url);
                 entry.prepend({
                     layer: LAYERS.MAIN_THREAD,
@@ -314,17 +319,19 @@ function applyEntry(api, options) {
                 layer: LAYERS.BACKGROUND,
                 import: imports,
                 filename: backgroundName
-            }).when(isDev && !isWeb, (entry)=>{
+            }).when(enabledHMR, (entry)=>{
                 entry.prepend({
                     layer: LAYERS.BACKGROUND,
                     import: '@rspack/core/hot/dev-server'
-                }).prepend({
-                    layer: LAYERS.BACKGROUND,
-                    import: '@lynx-js/webpack-dev-transport/client'
                 }).prepend({
                     layer: LAYERS.BACKGROUND,
                     import: '@lynx-js/react/refresh'
                 });
+            }).when(enabledHMR || enabledLiveReload, (entry)=>{
+                entry.prepend({
+                    layer: LAYERS.BACKGROUND,
+                    import: '@lynx-js/webpack-dev-transport/client'
+                });
             }).end().plugin(`${PLUGIN_NAME_TEMPLATE}-${entryName}`).use(LynxTemplatePlugin, [
                 {
                     dsl: 'react_nodiff',
@@ -471,11 +478,6 @@ function applyLazy(api) {
 function applyLoaders(api, options) {
     const { compat, enableRemoveCSSScope, shake, defineDCE, engineVersion, experimental_isLazyBundle } = options;
     api.modifyBundlerChain((chain, { CHAIN_ID })=>{
-        const experiments = chain.get('experiments');
-        chain.experiments({
-            ...experiments,
-            layers: true
-        });
         const rule = chain.module.rules.get(CHAIN_ID.RULE.JS);
         const uses = rule.uses.entries() ?? {};
         const { output } = api.getRsbuildConfig();
@@ -602,8 +604,9 @@ function applySWC(api) {
         }, config));
 }
 function applyUseSyncExternalStore(api) {
-    api.modifyBundlerChain(async (chain)=>{
-        const { resolve } = await __webpack_require__.e("856").then(__webpack_require__.bind(__webpack_require__, "./src/resolve.ts"));
+    api.modifyBundlerChain(async (chain, { rspack })=>{
+        const { getImportResolver } = await __webpack_require__.e("300").then(__webpack_require__.bind(__webpack_require__, "./src/resolve.ts"));
+        const resolve = getImportResolver(rspack);
         const useSyncExternalStoreEntries = [
             'use-sync-external-store',
             'use-sync-external-store/with-selector',
@@ -1229,11 +1232,6 @@ function pluginReactLynx(userOptions) {
                             ]
                         }
                     });
-                    if (void 0 === userConfig.output?.inlineScripts) config = mergeRsbuildConfig(config, {
-                        output: {
-                            inlineScripts: true
-                        }
-                    });
                     config = mergeRsbuildConfig({
                         tools: {
                             rspack: {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-rsbuild-plugin",
-  "version": "0.11.4",
+  "version": "0.12.1",
   "description": "A rsbuild plugin for ReactLynx",
   "keywords": [
     "rsbuild",
@@ -32,19 +32,19 @@
     "README.md"
   ],
   "dependencies": {
-    "@lynx-js/css-extract-webpack-plugin": "0.6.4",
-    "@lynx-js/react-alias-rsbuild-plugin": "0.11.4",
+    "@lynx-js/css-extract-webpack-plugin": "0.7.0",
+    "@lynx-js/react-alias-rsbuild-plugin": "0.12.1",
     "@lynx-js/react-refresh-webpack-plugin": "0.3.4",
-    "@lynx-js/react-webpack-plugin": "0.7.2",
+    "@lynx-js/react-webpack-plugin": "0.7.3",
     "@lynx-js/runtime-wrapper-webpack-plugin": "0.1.3",
-    "@lynx-js/template-webpack-plugin": "0.9.1",
+    "@lynx-js/template-webpack-plugin": "0.10.0",
     "@lynx-js/use-sync-external-store": "1.5.0",
     "background-only": "^0.0.1"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "7.52.15",
     "@rollup/plugin-typescript": "^12.1.4",
-    "@rsbuild/core": "1.5.17",
+    "@rsbuild/core": "1.6.13",
     "@rsbuild/plugin-sass": "1.4.0",
     "@rsbuild/plugin-typed-css-modules": "1.1.1",
     "rsbuild-plugin-arethetypeswrong": "0.1.1",
@@ -54,13 +54,13 @@
     "type-fest": "^5.0.1",
     "typia": "9.7.2",
     "typia-rspack-plugin": "2.2.2",
-    "@lynx-js/react": "0.114.4",
+    "@lynx-js/react": "0.115.1",
     "@lynx-js/react-transform": "0.2.0",
-    "@lynx-js/rspeedy": "0.11.9",
+    "@lynx-js/rspeedy": "0.12.2",
     "@lynx-js/vitest-setup": "0.0.0"
   },
   "peerDependencies": {
-    "@lynx-js/react": "^0.103.0 || ^0.104.0 || ^0.105.0 || ^0.106.0 || ^0.107.0 || ^0.108.0 || ^0.109.0 || ^0.110.0 || ^0.111.0 || ^0.112.0 || ^0.113.0 || ^0.114.0"
+    "@lynx-js/react": "^0.103.0 || ^0.104.0 || ^0.105.0 || ^0.106.0 || ^0.107.0 || ^0.108.0 || ^0.109.0 || ^0.110.0 || ^0.111.0 || ^0.112.0 || ^0.113.0 || ^0.114.0 || ^0.115.0"
   },
   "peerDependenciesMeta": {
     "@lynx-js/react": {

package/dist/856.js DELETED Viewed

@@ -1,22 +0,0 @@
-export const __webpack_id__ = "856";
-export const __webpack_ids__ = [
-    "856"
-];
-export const __webpack_modules__ = {
-    "./src/resolve.ts": function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-        __webpack_require__.d(__webpack_exports__, {
-            resolve: ()=>resolve,
-            resolveMainThread: ()=>resolveMainThread
-        });
-        var node_path__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("node:path");
-        var node_url__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("node:url");
-        var _lynx_js_react_alias_rsbuild_plugin__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("@lynx-js/react-alias-rsbuild-plugin");
-        const __dirname = node_path__WEBPACK_IMPORTED_MODULE_0__["default"].dirname((0, node_url__WEBPACK_IMPORTED_MODULE_1__.fileURLToPath)(import.meta.url));
-        const resolve = (0, _lynx_js_react_alias_rsbuild_plugin__WEBPACK_IMPORTED_MODULE_2__.createLazyResolver)(__dirname, [
-            'import'
-        ]);
-        const resolveMainThread = (0, _lynx_js_react_alias_rsbuild_plugin__WEBPACK_IMPORTED_MODULE_2__.createLazyResolver)(__dirname, [
-            'lepus'
-        ]);
-    }
-};