@lynx-js/react-webpack-plugin 0.6.7 → 0.6.9

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @lynx-js/react-webpack-plugin
 
+## 0.6.9
+
+### Patch Changes
+
+- Support `@lynx-js/react` v0.106.0. ([#239](https://github.com/lynx-family/lynx-stack/pull/239))
+
+## 0.6.8
+
+### Patch Changes
+
+- 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';
+
+  export default forwardRef(function App(_, ref) {
+    useImperativeHandle(ref, () => {
+      // This should be considered as background only
+      return {
+        name() {
+          // This should be considered as background only
+          console.info('This should not exist in main-thread');
+        },
+      };
+    });
+  });
+  ```
+
+- Avoid wrapping standalone lazy bundles with `var globDynamicComponentEntry`. ([#177](https://github.com/lynx-family/lynx-stack/pull/177))
+
 ## 0.6.7
 
 ### Patch Changes

package/lib/ReactWebpackPlugin.d.ts

@@ -14,10 +14,20 @@ interface ReactWebpackPluginOptions {
      * {@inheritdoc @lynx-js/react-rsbuild-plugin#PluginReactLynxOptions.firstScreenSyncTiming}
      */
     firstScreenSyncTiming?: 'immediately' | 'jsReady';
+    /**
+     * {@inheritdoc @lynx-dev/react-rsbuild-plugin#PluginReactLynxOptions.enableSSR}
+     */
+    enableSSR?: boolean;
     /**
      * The chunk names to be considered as main thread chunks.
      */
     mainThreadChunks?: string[] | undefined;
+    /**
+     * Whether to enable lazy bundle.
+     *
+     * @alpha
+     */
+    experimental_isLazyBundle?: boolean;
 }
 /**
  * ReactWebpackPlugin allows using ReactLynx with webpack

package/lib/ReactWebpackPlugin.js

@@ -73,7 +73,9 @@ class ReactWebpackPlugin {
         .freeze({
         disableCreateSelectorQueryIncompatibleWarning: false,
         firstScreenSyncTiming: 'immediately',
+        enableSSR: false,
         mainThreadChunks: [],
+        experimental_isLazyBundle: false,
     }); }
     /**
      * The entry point of a webpack plugin.
@@ -82,12 +84,14 @@ class ReactWebpackPlugin {
     apply(compiler) {
         const options = Object.assign({}, ReactWebpackPlugin.defaultOptions, this.options);
         const { BannerPlugin, DefinePlugin, EnvironmentPlugin } = compiler.webpack;
-        new BannerPlugin({
-            // TODO: handle cases that do not have `'use strict'`
-            banner: `'use strict';var globDynamicComponentEntry=globDynamicComponentEntry||'__Card__';`,
-            raw: true,
-            test: options.mainThreadChunks,
-        }).apply(compiler);
+        if (!options.experimental_isLazyBundle) {
+            new BannerPlugin({
+                // TODO: handle cases that do not have `'use strict'`
+                banner: `'use strict';var globDynamicComponentEntry=globDynamicComponentEntry||'__Card__';`,
+                raw: true,
+                test: options.mainThreadChunks,
+            }).apply(compiler);
+        }
         new EnvironmentPlugin({
             // Default values of null and undefined behave differently.
             // Use undefined for variables that must be provided during bundling, or null if they are optional.
@@ -102,6 +106,7 @@ class ReactWebpackPlugin {
             // TODO: config
             __EXTRACT_STR__: JSON.stringify(false),
             __FIRST_SCREEN_SYNC_TIMING__: JSON.stringify(options.firstScreenSyncTiming),
+            __ENABLE_SSR__: JSON.stringify(options.enableSSR),
             __DISABLE_CREATE_SELECTOR_QUERY_INCOMPATIBLE_WARNING__: JSON.stringify(options.disableCreateSelectorQueryIncompatibleWarning),
         }).apply(compiler);
         compiler.hooks.thisCompilation.tap(this.constructor.name, compilation => {

package/lib/loaders/options.js

@@ -150,6 +150,7 @@ export function getMainThreadTransformOptions() {
                 'useLayoutEffect',
                 '__runInJS',
                 'useLynxGlobalEventListener',
+                'useImperativeHandle',
                 ...(shake?.removeCallParams ?? []),
             ],
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-webpack-plugin",
-  "version": "0.6.7",
+  "version": "0.6.9",
   "description": "A webpack plugin for ReactLynx",
   "keywords": [
     "webpack",
@@ -38,18 +38,18 @@
   },
   "devDependencies": {
     "@microsoft/api-extractor": "7.51.1",
-    "@rspack/core": "1.2.7",
+    "@rspack/core": "1.3.0-beta.0",
     "css-loader": "^7.1.2",
     "swc-loader": "^0.2.6",
     "webpack": "^5.98.0",
-    "@lynx-js/css-extract-webpack-plugin": "0.5.1",
-    "@lynx-js/react": "0.105.1",
+    "@lynx-js/react": "0.106.0",
+    "@lynx-js/css-extract-webpack-plugin": "0.5.2",
+    "@lynx-js/template-webpack-plugin": "0.6.6",
     "@lynx-js/test-tools": "0.0.0",
-    "@lynx-js/template-webpack-plugin": "0.6.4",
     "@lynx-js/vitest-setup": "0.0.0"
   },
   "peerDependencies": {
-    "@lynx-js/react": "^0.103.0 || ^0.104.0 || ^0.105.0",
+    "@lynx-js/react": "^0.103.0 || ^0.104.0 || ^0.105.0 || ^0.106.0",
     "@lynx-js/template-webpack-plugin": "^0.4.0 || ^0.5.0 || ^0.6.0"
   },
   "peerDependenciesMeta": {