@lynx-js/react-rsbuild-plugin-canary 0.10.7 → 0.10.8-canary-20250715-a1efa6aa

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @lynx-js/react-rsbuild-plugin
 
+## 0.10.8-canary-20250715110544-a1efa6aa0874d4712f3254cb5bb011b600a96c14
+
+### Patch Changes
+
+- Supports extractStr for large JSON ([#1230](https://github.com/lynx-family/lynx-stack/pull/1230))
+
+- Updated dependencies []:
+  - @lynx-js/react-alias-rsbuild-plugin@0.10.8-canary-20250715110544-a1efa6aa0874d4712f3254cb5bb011b600a96c14
+
 ## 0.10.7
 
 ### Patch Changes
@@ -34,28 +43,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;
       },
     },
-  })
+  });
   ```
 
 - Updated dependencies [[`51cb73d`](https://github.com/lynx-family/lynx-stack/commit/51cb73dd0b77d35540644cdd2e6c37db856f0e8a), [`69fb042`](https://github.com/lynx-family/lynx-stack/commit/69fb0420e297abf768c889769c95a207c480b3c7), [`a7e8b5b`](https://github.com/lynx-family/lynx-stack/commit/a7e8b5bbbab0490e7cf6f47581130e7b32739abb)]:
@@ -135,13 +144,13 @@
   example:
 
   ```js
-  import { defineConfig } from '@lynx-js/rspeedy'
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     output: {
       inlineScripts: false,
     },
-  })
+  });
   ```
 
 - Support `@lynx-js/react` v0.109.0. ([#840](https://github.com/lynx-family/lynx-stack/pull/840))
@@ -228,7 +237,7 @@
   Now you can override configuration like `useDefineForClassFields` using `tools.swc`.
 
   ```js
-  import { defineConfig } from '@lynx-js/rspeedy'
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     tools: {
@@ -240,7 +249,7 @@
         },
       },
     },
-  })
+  });
   ```
 
 - Updated dependencies [[`f1ca29b`](https://github.com/lynx-family/lynx-stack/commit/f1ca29bd766377dd46583f15e1e75bca447699cd)]:
@@ -416,7 +425,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: {
@@ -424,18 +433,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()],
-  })
+  });
   ```
 
 ### Patch Changes
@@ -515,18 +524,18 @@
 - e8039f2: Add `defineDCE` in plugin options. Often used to define custom macros.
 
   ```js
-  import { pluginReactLynx } from '@lynx-js/react-rsbuild-plugin'
-  import { defineConfig } from '@lynx-js/rspeedy'
+  import { pluginReactLynx } from "@lynx-js/react-rsbuild-plugin";
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     plugins: [
       pluginReactLynx({
         defineDCE: {
-          __SOME_FALSE_DEFINE__: 'false',
+          __SOME_FALSE_DEFINE__: "false",
         },
       }),
     ],
-  })
+  });
   ```
 
   Different from `define` provided by bundlers like webpack, `defineDCE` works at transform time and a extra DCE (Dead Code Elimination) pass will be performed.
@@ -534,20 +543,20 @@
   For example, `import` initialized by dead code will be removed:
 
   ```js
-  import { foo } from 'bar'
+  import { foo } from "bar";
 
   if (__SOME_FALSE_DEFINE__) {
-    foo()
-    console.log('dead code')
+    foo();
+    console.log("dead code");
   } else {
-    console.log('reachable code')
+    console.log("reachable code");
   }
   ```
 
   will be transformed to:
 
   ```js
-  console.log('reachable code')
+  console.log("reachable code");
   ```
 
 - Updated dependencies [8dd6cca]
@@ -590,18 +599,18 @@
 - a30c83d: Add `compat.removeComponentAttrRegex`.
 
   ```js
-  import { pluginReactLynx } from '@lynx-js/react-rsbuild-plugin'
-  import { defineConfig } from '@lynx-js/rspeedy'
+  import { pluginReactLynx } from "@lynx-js/react-rsbuild-plugin";
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     plugins: [
       pluginReactLynx({
         compat: {
-          removeComponentAttrRegex: 'YOUR REGEX',
+          removeComponentAttrRegex: "YOUR REGEX",
         },
       }),
     ],
-  })
+  });
   ```
 
   NOTE: This feature is deprecated and will be removed in the future. Use CodeMod instead.
@@ -620,11 +629,11 @@
 
     ```javascript
     // bar.ts
-    import 'background-only'
+    import "background-only";
 
     export const bar = () => {
-      return 'bar'
-    }
+      return "bar";
+    };
     ```
 
     If `bar` is called in `main-thread`, build time error will be triggered.
@@ -633,15 +642,15 @@
 
     ```tsx
     // App.tsx
-    import { bar } from './bar.js'
+    import { bar } from "./bar.js";
 
     function App() {
-      bar()
+      bar();
       return (
         <view>
           <text>Hello, Lynx x rspeedy</text>
         </view>
-      )
+      );
     }
     ```
 

package/dist/index.js

@@ -439,13 +439,14 @@ function getHash(config, isProd, experimental_isLazyBundle) {
     if (isProd || experimental_isLazyBundle) return DEFAULT_FILENAME_HASH;
     return EMPTY_HASH;
 }
-function applyGenerator(api) {
+function applyGenerator(api, options) {
     api.modifyBundlerChain({
         order: 'pre',
         handler: (chain)=>{
-            chain.module.rule(`json-parse:${LAYERS.MAIN_THREAD}`).issuerLayer(LAYERS.MAIN_THREAD).test(/\.json$/).type('json').generator({
+            const rule = chain.module.rule("react:json-parse").test(/\.json$/).type('json').generator({
                 JSONParse: false
             });
+            if (!options.extractStr) rule.issuerLayer(LAYERS.MAIN_THREAD);
         }
     });
 }
@@ -1211,7 +1212,7 @@ function pluginReactLynx(userOptions) {
             applyCSS(api, resolvedOptions);
             applyEntry(api, resolvedOptions);
             applyBackgroundOnly(api);
-            applyGenerator(api);
+            applyGenerator(api, resolvedOptions);
             applyLoaders(api, resolvedOptions);
             applyRefresh(api);
             applySplitChunksRule(api);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-rsbuild-plugin-canary",
-  "version": "0.10.7",
+  "version": "0.10.8-canary-20250715-a1efa6aa",
   "description": "A rsbuild plugin for ReactLynx",
   "keywords": [
     "rsbuild",
@@ -33,7 +33,7 @@
   ],
   "dependencies": {
     "@lynx-js/css-extract-webpack-plugin": "npm:@lynx-js/css-extract-webpack-plugin-canary@0.6.0",
-    "@lynx-js/react-alias-rsbuild-plugin": "npm:@lynx-js/react-alias-rsbuild-plugin-canary@0.10.7",
+    "@lynx-js/react-alias-rsbuild-plugin": "npm:@lynx-js/react-alias-rsbuild-plugin-canary@0.10.8-canary-20250715-a1efa6aa",
     "@lynx-js/react-refresh-webpack-plugin": "npm:@lynx-js/react-refresh-webpack-plugin-canary@0.3.4",
     "@lynx-js/react-webpack-plugin": "npm:@lynx-js/react-webpack-plugin-canary@0.6.18",
     "@lynx-js/runtime-wrapper-webpack-plugin": "npm:@lynx-js/runtime-wrapper-webpack-plugin-canary@0.1.2",
@@ -54,10 +54,10 @@
     "type-fest": "^4.41.0",
     "typia": "9.3.1",
     "typia-rspack-plugin": "2.1.0",
-    "@lynx-js/rspeedy": "npm:@lynx-js/rspeedy-canary@0.10.1",
     "@lynx-js/react": "npm:@lynx-js/react-canary@0.111.1",
+    "@lynx-js/react-transform": "0.2.0",
     "@lynx-js/vitest-setup": "0.0.0",
-    "@lynx-js/react-transform": "0.2.0"
+    "@lynx-js/rspeedy": "npm:@lynx-js/rspeedy-canary@0.10.1"
   },
   "peerDependencies": {
     "@lynx-js/react": "*"