@lynx-js/react-webpack-plugin-canary 0.6.20 → 0.7.0-canary-20250911-2800dce9

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @lynx-js/react-webpack-plugin
 
+## 0.7.0-canary-20250911092247-2800dce925f20c08b21faee351a032c3372f8e42
+
+### Minor Changes
+
+- Remove `@lynx-js/react` from peerDependencies. ([#1711](https://github.com/lynx-family/lynx-stack/pull/1711))
+
+- Add a new required option `workletRuntimePath`. ([#1711](https://github.com/lynx-family/lynx-stack/pull/1711))
+
 ## 0.6.20
 
 ### Patch Changes
@@ -38,16 +46,16 @@
   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;
       },
     },
   });
@@ -131,7 +139,7 @@
 - Shake `useImperativeHandle` on the main-thread by default. ([#153](https://github.com/lynx-family/lynx-stack/pull/153))
 
   ```js
-  import { forwardRef, useImperativeHandle } from '@lynx-js/react';
+  import { forwardRef, useImperativeHandle } from "@lynx-js/react";
 
   export default forwardRef(function App(_, ref) {
     useImperativeHandle(ref, () => {
@@ -139,7 +147,7 @@
       return {
         name() {
           // This should be considered as background only
-          console.info('This should not exist in main-thread');
+          console.info("This should not exist in main-thread");
         },
       };
     });
@@ -199,14 +207,14 @@
 - 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",
         },
       }),
     ],
@@ -218,20 +226,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');
+    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");
   ```
 
 ## 0.6.0
@@ -241,14 +249,14 @@
 - 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",
         },
       }),
     ],

package/lib/ReactWebpackPlugin.d.ts

@@ -42,6 +42,10 @@ interface ReactWebpackPluginOptions {
      * @defaultValue `false` when production, `true` when development
      */
     profile?: boolean | undefined;
+    /**
+     * The file path of `@lynx-js/react/worklet-runtime`.
+     */
+    workletRuntimePath: string;
 }
 /**
  * ReactWebpackPlugin allows using ReactLynx with webpack

package/lib/ReactWebpackPlugin.js

@@ -78,6 +78,7 @@ class ReactWebpackPlugin {
         extractStr: false,
         experimental_isLazyBundle: false,
         profile: undefined,
+        workletRuntimePath: '',
     }); }
     /**
      * The entry point of a webpack plugin.
@@ -155,13 +156,9 @@ class ReactWebpackPlugin {
             hooks.beforeEncode.tap(this.constructor.name, (args) => {
                 const lepusCode = args.encodeData.lepusCode;
                 if (lepusCode.root?.source.source().toString()?.includes('registerWorkletInternal')) {
-                    const path = compiler.options.mode === 'development'
-                        ? '@lynx-js/react/worklet-dev-runtime'
-                        : '@lynx-js/react/worklet-runtime';
-                    const runtimeFile = require.resolve(path);
                     lepusCode.chunks.push({
                         name: 'worklet-runtime',
-                        source: new RawSource(fs.readFileSync(runtimeFile, 'utf8')),
+                        source: new RawSource(fs.readFileSync(options.workletRuntimePath, 'utf8')),
                         info: {
                             ['lynx:main-thread']: true,
                         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-webpack-plugin-canary",
-  "version": "0.6.20",
+  "version": "0.7.0-canary-20250911-2800dce9",
   "description": "A webpack plugin for ReactLynx",
   "keywords": [
     "webpack",
@@ -38,18 +38,17 @@
   },
   "devDependencies": {
     "@microsoft/api-extractor": "7.52.11",
-    "@rspack/core": "1.4.11",
+    "@rspack/core": "1.5.2",
     "css-loader": "^7.1.2",
     "swc-loader": "^0.2.6",
     "webpack": "^5.101.3",
     "@lynx-js/css-extract-webpack-plugin": "npm:@lynx-js/css-extract-webpack-plugin-canary@0.6.2",
-    "@lynx-js/react": "npm:@lynx-js/react-canary@0.112.4",
-    "@lynx-js/vitest-setup": "0.0.0",
+    "@lynx-js/react": "npm:@lynx-js/react-canary@0.112.7-canary-20250911-2800dce9",
     "@lynx-js/template-webpack-plugin": "npm:@lynx-js/template-webpack-plugin-canary@0.8.5",
-    "@lynx-js/test-tools": "0.0.0"
+    "@lynx-js/test-tools": "0.0.0",
+    "@lynx-js/vitest-setup": "0.0.0"
   },
   "peerDependencies": {
-    "@lynx-js/react": "*",
     "@lynx-js/template-webpack-plugin": "*"
   },
   "peerDependenciesMeta": {