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

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @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

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
  *
@@ -22,6 +37,13 @@ interface ReactWebpackPluginOptions {
      * 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

@@ -75,6 +75,7 @@ class ReactWebpackPlugin {
         firstScreenSyncTiming: 'immediately',
         enableSSR: false,
         mainThreadChunks: [],
+        extractStr: false,
         experimental_isLazyBundle: false,
     }); }
     /**
@@ -103,8 +104,7 @@ 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),
@@ -180,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.9",
+  "version": "0.6.10",
   "description": "A webpack plugin for ReactLynx",
   "keywords": [
     "webpack",
@@ -38,13 +38,13 @@
   },
   "devDependencies": {
     "@microsoft/api-extractor": "7.51.1",
-    "@rspack/core": "1.3.0-beta.0",
+    "@rspack/core": "1.3.0-beta.1",
     "css-loader": "^7.1.2",
     "swc-loader": "^0.2.6",
     "webpack": "^5.98.0",
-    "@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/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"
   },