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

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @lynx-js/react-webpack-plugin
 
+## 0.6.10
+
+### Patch Changes
+
+- feat: add extractStr option to pluginReactLynx ([#391](https://github.com/lynx-family/lynx-stack/pull/391))
+
+- Fix issue with lazy loading of bundles when source maps are enabled. ([#380](https://github.com/lynx-family/lynx-stack/pull/380))
+
+- Fix issue where loading a lazy bundle fails if it does not return a webpack chunk. ([#365](https://github.com/lynx-family/lynx-stack/pull/365))
+
+## 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

package/lib/LynxProcessEvalResultRuntimeModule.js

@@ -12,8 +12,8 @@ export function createLynxProcessEvalResultRuntimeModule(webpack) {
             }
             return `
 ${LynxRuntimeGlobals.lynxProcessEvalResult} = function (result, schema) {
-  var chunk = result(schema);
-  if (chunk.ids && chunk.modules) {
+  var chunk = result && result(schema);
+  if (chunk && chunk.ids && chunk.modules) {
     // We only deal with webpack chunk
     ${webpack.RuntimeGlobals.externalInstallChunk}(chunk);
     // TODO: sort with preOrderIndex. See: https://github.com/web-infra-dev/rspack/pull/8588
@@ -22,6 +22,7 @@ ${LynxRuntimeGlobals.lynxProcessEvalResult} = function (result, schema) {
     }
     return chunk;
   }
+  return chunk
 }
 `;
         }

package/lib/ReactWebpackPlugin.d.ts

@@ -1,5 +1,20 @@
 import type { Compiler } from '@rspack/core';
 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
  *
@@ -14,10 +29,21 @@ 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;
+    /**
+     * Merge same string literals in JS and Lepus to reduce output bundle size.
+     * Set to `false` to disable.
+     *
+     * @defaultValue false
+     */
+    extractStr?: Partial<ExtractStrConfig> | boolean;
     /**
      * Whether to enable lazy bundle.
      *

package/lib/ReactWebpackPlugin.js

@@ -73,7 +73,9 @@ class ReactWebpackPlugin {
         .freeze({
         disableCreateSelectorQueryIncompatibleWarning: false,
         firstScreenSyncTiming: 'immediately',
+        enableSSR: false,
         mainThreadChunks: [],
+        extractStr: false,
         experimental_isLazyBundle: false,
     }); }
     /**
@@ -102,9 +104,9 @@ class ReactWebpackPlugin {
             // 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'),
-            // TODO: config
-            __EXTRACT_STR__: JSON.stringify(false),
+            __EXTRACT_STR__: JSON.stringify(Boolean(options.extractStr)),
             __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 => {
@@ -178,8 +180,8 @@ class ReactWebpackPlugin {
 (function (globDynamicComponentEntry) {
   const module = { exports: {} }
   const exports = module.exports
-`, old, `\
-  return module.exports
+`, old, `
+  ;return module.exports
 })`));
                 return args;
             });

package/lib/index.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-webpack-plugin",
-  "version": "0.6.8",
+  "version": "0.6.10",
   "description": "A webpack plugin for ReactLynx",
   "keywords": [
     "webpack",
@@ -38,18 +38,18 @@
   },
   "devDependencies": {
     "@microsoft/api-extractor": "7.51.1",
-    "@rspack/core": "1.2.8",
+    "@rspack/core": "1.3.0-beta.1",
     "css-loader": "^7.1.2",
     "swc-loader": "^0.2.6",
     "webpack": "^5.98.0",
     "@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/react": "0.106.2",
+    "@lynx-js/template-webpack-plugin": "0.6.7",
     "@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",
+    "@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": {