@lynx-js/react-webpack-plugin 0.6.12 → 0.6.14

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @lynx-js/react-webpack-plugin
 
+## 0.6.14
+
+### Patch Changes
+
+- Support `@lynx-js/template-webpack-plugin` v0.7.0. ([#880](https://github.com/lynx-family/lynx-stack/pull/880))
+
+- Support `@lynx-js/react` v0.109.0. ([#840](https://github.com/lynx-family/lynx-stack/pull/840))
+
+## 0.6.13
+
+### Patch Changes
+
+- feat: add `experimental_isLazyBundle` option, it will disable snapshot HMR for standalone lazy bundle ([#653](https://github.com/lynx-family/lynx-stack/pull/653))
+
+- Add the `profile` option to control whether `__PROFILE__` is enabled. ([#722](https://github.com/lynx-family/lynx-stack/pull/722))
+
+- Support `@lynx-js/react` v0.108.0. ([#649](https://github.com/lynx-family/lynx-stack/pull/649))
+
 ## 0.6.12
 
 ### Patch Changes

package/lib/ReactWebpackPlugin.d.ts

@@ -1,20 +1,6 @@
 import type { Compiler } from '@rspack/core';
+import type { ExtractStrConfig } from '@lynx-js/react/transform';
 import { LAYERS } from './layer.js';
-/**
- * The options for extractStr.
- *
- * @public
- */
-export interface ExtractStrConfig {
-    /**
-     * The minimum length of string literals to be extracted.
-     *
-     * @defaultValue `20`
-     *
-     * @public
-     */
-    strLength: number;
-}
 /**
  * The options for ReactWebpackPlugin
  *
@@ -50,6 +36,12 @@ interface ReactWebpackPluginOptions {
      * @alpha
      */
     experimental_isLazyBundle?: boolean;
+    /**
+     * Whether to enable profile.
+     *
+     * @defaultValue `false` when production, `true` when development
+     */
+    profile?: boolean | undefined;
 }
 /**
  * ReactWebpackPlugin allows using ReactLynx with webpack

package/lib/ReactWebpackPlugin.js

@@ -77,6 +77,7 @@ class ReactWebpackPlugin {
         mainThreadChunks: [],
         extractStr: false,
         experimental_isLazyBundle: false,
+        profile: undefined,
     }); }
     /**
      * The entry point of a webpack plugin.
@@ -102,7 +103,9 @@ class ReactWebpackPlugin {
             __DEV__: JSON.stringify(compiler.options.mode === 'development'),
             // We enable profile by default in development.
             // It can also be disabled by environment variable `REACT_PROFILE=false`
-            __PROFILE__: JSON.stringify(process.env['REACT_PROFILE'] ?? compiler.options.mode === 'development'),
+            __PROFILE__: JSON.stringify(options.profile
+                ?? process.env['REACT_PROFILE']
+                ?? compiler.options.mode === 'development'),
             __EXTRACT_STR__: JSON.stringify(Boolean(options.extractStr)),
             __FIRST_SCREEN_SYNC_TIMING__: JSON.stringify(options.firstScreenSyncTiming),
             __ENABLE_SSR__: JSON.stringify(options.enableSSR),

package/lib/index.d.ts

@@ -4,6 +4,7 @@
  * A webpack plugin to integrate webpack with ReactLynx.
  */
 export { ReactWebpackPlugin } from './ReactWebpackPlugin.js';
-export type { ReactWebpackPluginOptions, ExtractStrConfig, } from './ReactWebpackPlugin.js';
+export type { ReactWebpackPluginOptions } from './ReactWebpackPlugin.js';
+export type { ExtractStrConfig } from '@lynx-js/react/transform';
 export { LAYERS } from './layer.js';
 export type { ReactLoaderOptions } from './loaders/options.js';

package/lib/loaders/options.js

@@ -61,7 +61,12 @@ function getCommonOptions() {
         snapshot: {
             // TODO: config
             preserveJsx: false,
-            target: 'MIXED',
+            // In standalone lazy bundle mode, we do not support HMR now.
+            target: this.hot && !isDynamicComponent
+                // Using `MIX` when HMR is enabled.
+                // This allows serializing the updated runtime code to Lepus using `Function.prototype.toString`.
+                ? 'MIXED'
+                : 'JS',
             runtimePkg: RUNTIME_PKG,
             filename,
             isDynamicComponent: isDynamicComponent ?? false,
@@ -180,11 +185,6 @@ export function getBackgroundTransformOptions() {
         snapshot: {
             ...commonOptions.snapshot,
             jsxImportSource: JSX_IMPORT_SOURCE.BACKGROUND,
-            target: this.hot
-                // Using `MIX` when HMR is enabled.
-                // This allows serializing the updated runtime code to Lepus using `Function.prototype.toString`.
-                ? 'MIXED'
-                : 'JS',
         },
         defineDCE: {
             define: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-webpack-plugin",
-  "version": "0.6.12",
+  "version": "0.6.14",
   "description": "A webpack plugin for ReactLynx",
   "keywords": [
     "webpack",
@@ -37,20 +37,20 @@
     "@lynx-js/webpack-runtime-globals": "0.0.5"
   },
   "devDependencies": {
-    "@microsoft/api-extractor": "7.52.5",
-    "@rspack/core": "1.3.6",
+    "@microsoft/api-extractor": "7.52.8",
+    "@rspack/core": "1.3.11",
     "css-loader": "^7.1.2",
     "swc-loader": "^0.2.6",
-    "webpack": "^5.99.6",
-    "@lynx-js/css-extract-webpack-plugin": "0.5.3",
-    "@lynx-js/react": "0.107.0",
-    "@lynx-js/template-webpack-plugin": "0.6.10",
+    "webpack": "^5.99.9",
+    "@lynx-js/css-extract-webpack-plugin": "0.5.4",
+    "@lynx-js/react": "0.109.0",
+    "@lynx-js/template-webpack-plugin": "0.7.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",
-    "@lynx-js/template-webpack-plugin": "^0.4.0 || ^0.5.0 || ^0.6.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",
+    "@lynx-js/template-webpack-plugin": "^0.4.0 || ^0.5.0 || ^0.6.0 || ^0.7.0"
   },
   "peerDependenciesMeta": {
     "@lynx-js/react": {