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

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @lynx-js/react-webpack-plugin
 
+## 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

@@ -18,6 +18,12 @@ interface ReactWebpackPluginOptions {
      * 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

@@ -74,6 +74,7 @@ class ReactWebpackPlugin {
         disableCreateSelectorQueryIncompatibleWarning: false,
         firstScreenSyncTiming: 'immediately',
         mainThreadChunks: [],
+        experimental_isLazyBundle: false,
     }); }
     /**
      * The entry point of a webpack plugin.
@@ -82,12 +83,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.

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.8",
   "description": "A webpack plugin for ReactLynx",
   "keywords": [
     "webpack",
@@ -38,14 +38,14 @@
   },
   "devDependencies": {
     "@microsoft/api-extractor": "7.51.1",
-    "@rspack/core": "1.2.7",
+    "@rspack/core": "1.2.8",
     "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/css-extract-webpack-plugin": "0.5.2",
+    "@lynx-js/react": "0.105.2",
+    "@lynx-js/template-webpack-plugin": "0.6.5",
     "@lynx-js/test-tools": "0.0.0",
-    "@lynx-js/template-webpack-plugin": "0.6.4",
     "@lynx-js/vitest-setup": "0.0.0"
   },
   "peerDependencies": {