@lynx-js/react-webpack-plugin 0.6.15 → 0.6.16

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @lynx-js/react-webpack-plugin
 
+## 0.6.16
+
+### Patch Changes
+
+- Supports `@lynx-js/template-webpack-plugin` 0.8.0. ([#1033](https://github.com/lynx-family/lynx-stack/pull/1033))
+
+- Support `@lynx-js/react` v0.110.0. ([#770](https://github.com/lynx-family/lynx-stack/pull/770))
+
+- Keep snapshot id unchanged on Windows. ([#1050](https://github.com/lynx-family/lynx-stack/pull/1050))
+
+- Fix lazy bundle name on Windows. ([#1060](https://github.com/lynx-family/lynx-stack/pull/1060))
+
 ## 0.6.15
 
 ### Patch Changes

package/lib/ReactWebpackPlugin.js

@@ -159,6 +159,7 @@ class ReactWebpackPlugin {
                     const runtimeFile = require.resolve(path);
                     lepusCode.chunks.push({
                         name: 'worklet-runtime',
+                        // @ts-expect-error Rspack x Webpack sources not match
                         source: new RawSource(fs.readFileSync(runtimeFile, 'utf8')),
                         info: {
                             ['lynx:main-thread']: true,
@@ -187,11 +188,11 @@ class ReactWebpackPlugin {
 })`));
                 return args;
             });
-            // The react-transform will add `-${LAYER}` to the webpackChunkName.
+            // The react-transform will add `-react__${LAYER}` to the webpackChunkName.
             // We replace it with an empty string here to make sure main-thread & background chunk match.
             hooks.asyncChunkName.tap(this.constructor.name, (chunkName) => chunkName
-                ?.replaceAll(`-${LAYERS.BACKGROUND}`, '')
-                ?.replaceAll(`-${LAYERS.MAIN_THREAD}`, ''));
+                ?.replaceAll(`-react__background`, '')
+                ?.replaceAll(`-react__main-thread`, ''));
         });
     }
     #updateMainThreadInfo(compilation, name) {

package/lib/loaders/options.js

@@ -2,7 +2,6 @@
 // Licensed under the Apache License Version 2.0 that can be found in the
 // LICENSE file in the root directory of this source tree.
 import path from 'node:path';
-import { LAYERS } from '../layer.js';
 const PLUGIN_NAME = 'react:webpack';
 const JSX_IMPORT_SOURCE = {
     MAIN_THREAD: '@lynx-js/react/lepus',
@@ -12,8 +11,11 @@ const PUBLIC_RUNTIME_PKG = '@lynx-js/react';
 const RUNTIME_PKG = '@lynx-js/react/internal';
 const OLD_RUNTIME_PKG = '@lynx-js/react-runtime';
 const COMPONENT_PKG = '@lynx-js/react-components';
+function normalizeSlashes(file) {
+    return file.replaceAll(path.win32.sep, '/');
+}
 function getCommonOptions() {
-    const filename = path.relative(this.rootContext, this.resourcePath);
+    const filename = normalizeSlashes(path.relative(this.rootContext, this.resourcePath));
     const { compat, enableRemoveCSSScope, inlineSourcesContent, isDynamicComponent, defineDCE = { define: {} }, } = this.getOptions();
     const syntax = (/\.[mc]?tsx?$/.exec(this.resourcePath))
         ? 'typescript'
@@ -109,7 +111,7 @@ export function getMainThreadTransformOptions() {
             target: 'LEPUS',
         },
         dynamicImport: {
-            layer: LAYERS.MAIN_THREAD,
+            layer: `react__main-thread`,
             runtimePkg: RUNTIME_PKG,
         },
         defineDCE: {
@@ -179,7 +181,7 @@ export function getBackgroundTransformOptions() {
             }
             : false,
         dynamicImport: {
-            layer: LAYERS.BACKGROUND,
+            layer: `react__background`,
             runtimePkg: RUNTIME_PKG,
         },
         snapshot: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-webpack-plugin",
-  "version": "0.6.15",
+  "version": "0.6.16",
   "description": "A webpack plugin for ReactLynx",
   "keywords": [
     "webpack",
@@ -38,19 +38,19 @@
   },
   "devDependencies": {
     "@microsoft/api-extractor": "7.52.8",
-    "@rspack/core": "1.3.11",
+    "@rspack/core": "1.3.15",
     "css-loader": "^7.1.2",
     "swc-loader": "^0.2.6",
     "webpack": "^5.99.9",
-    "@lynx-js/css-extract-webpack-plugin": "0.5.4",
-    "@lynx-js/react": "0.109.1",
-    "@lynx-js/template-webpack-plugin": "0.7.1",
+    "@lynx-js/css-extract-webpack-plugin": "0.6.0",
+    "@lynx-js/react": "0.110.0",
+    "@lynx-js/template-webpack-plugin": "0.8.0",
     "@lynx-js/test-tools": "0.0.0",
     "@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",
-    "@lynx-js/template-webpack-plugin": "^0.4.0 || ^0.5.0 || ^0.6.0 || ^0.7.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",
+    "@lynx-js/template-webpack-plugin": "^0.4.0 || ^0.5.0 || ^0.6.0 || ^0.7.0 || ^0.8.0"
   },
   "peerDependenciesMeta": {
     "@lynx-js/react": {