@lynx-js/react-webpack-plugin-canary 0.7.1 → 0.7.2-canary-20251103-0d7a4c3d

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @lynx-js/react-webpack-plugin
 
+## 0.7.2-canary-20251103073213-0d7a4c3d49d63e30d5f05c372ef99ee5cf2fcadd
+
+### Patch Changes
+
+- When engineVersion is greater than or equal to 3.1, use `__SetAttribute` to set text attribute for text node instead of creating a raw text node. ([#1880](https://github.com/lynx-family/lynx-stack/pull/1880))
+
 ## 0.7.1
 
 ### Patch Changes
@@ -52,16 +58,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;
       },
     },
   });
@@ -145,7 +151,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, () => {
@@ -153,7 +159,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");
         },
       };
     });
@@ -213,14 +219,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",
         },
       }),
     ],
@@ -232,20 +238,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
@@ -255,14 +261,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/loaders/options.d.ts

@@ -33,6 +33,10 @@ export interface ReactLoaderOptions {
      * Generate inline source content in source-map.
      */
     inlineSourcesContent?: boolean | undefined;
+    /**
+     * The engine version.
+     */
+    engineVersion?: string | undefined;
 }
 export declare function getMainThreadTransformOptions(this: LoaderContext<ReactLoaderOptions>): TransformNodiffOptions;
 export declare function getBackgroundTransformOptions(this: LoaderContext<ReactLoaderOptions>): TransformNodiffOptions;

package/lib/loaders/options.js

@@ -16,7 +16,7 @@ function normalizeSlashes(file) {
 }
 function getCommonOptions() {
     const filename = normalizeSlashes(path.relative(this.rootContext, this.resourcePath));
-    const { compat, enableRemoveCSSScope, inlineSourcesContent, isDynamicComponent, defineDCE = { define: {} }, } = this.getOptions();
+    const { compat, enableRemoveCSSScope, inlineSourcesContent, isDynamicComponent, engineVersion, defineDCE = { define: {} }, } = this.getOptions();
     const syntax = (/\.[mc]?tsx?$/.exec(this.resourcePath))
         ? 'typescript'
         : 'ecmascript';
@@ -73,6 +73,7 @@ function getCommonOptions() {
             filename,
             isDynamicComponent: isDynamicComponent ?? false,
         },
+        engineVersion: engineVersion ?? '',
         syntaxConfig: JSON.stringify({
             syntax,
             decorators: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-webpack-plugin-canary",
-  "version": "0.7.1",
+  "version": "0.7.2-canary-20251103-0d7a4c3d",
   "description": "A webpack plugin for ReactLynx",
   "keywords": [
     "webpack",
@@ -37,15 +37,15 @@
     "tiny-invariant": "^1.3.3"
   },
   "devDependencies": {
-    "@microsoft/api-extractor": "7.52.13",
-    "@rspack/core": "1.5.2",
+    "@microsoft/api-extractor": "7.52.15",
+    "@rspack/core": "1.6.0-beta.1",
     "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.3",
-    "@lynx-js/react": "npm:@lynx-js/react-canary@0.114.0",
+    "webpack": "^5.102.0",
+    "@lynx-js/css-extract-webpack-plugin": "npm:@lynx-js/css-extract-webpack-plugin-canary@0.6.4",
+    "@lynx-js/template-webpack-plugin": "npm:@lynx-js/template-webpack-plugin-canary@0.9.1",
+    "@lynx-js/react": "npm:@lynx-js/react-canary@0.114.4-canary-20251103-0d7a4c3d",
     "@lynx-js/test-tools": "0.0.0",
-    "@lynx-js/template-webpack-plugin": "npm:@lynx-js/template-webpack-plugin-canary@0.9.0",
     "@lynx-js/vitest-setup": "0.0.0"
   },
   "peerDependencies": {