@lynx-js/react-webpack-plugin-canary 0.9.5 → 0.9.6-canary-20260708-1064984d

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @lynx-js/react-webpack-plugin
 
+## 0.9.6-canary-20260708100107-1064984d887eb76f880b8ccfeea096c9d787beca
+
+### Patch Changes
+
+- Fix `globDynamicComponentEntry is not defined` when an external bundle's main-thread section is evaluated. An external bundle is not a dynamic component, so `globDynamicComponentEntry` (only in scope for the main card and dynamic components) is undeclared there. The snapshot / element-template transform now bakes the `__Card__` entry name into an external bundle's snapshots instead of referencing the bare identifier, via a new internal `isExternalBundle` loader option. ([#2934](https://github.com/lynx-family/lynx-stack/pull/2934))
+
+- Updated dependencies []:
+  - @lynx-js/template-webpack-plugin@0.12.3-canary-20260708100107-1064984d887eb76f880b8ccfeea096c9d787beca
+
 ## 0.9.5
 
 ### Patch Changes
@@ -7,7 +16,6 @@
 - Support enabling preact devtools in production via the `REACT_DEVTOOL` environment variable. ([#2880](https://github.com/lynx-family/lynx-stack/pull/2880))
 
   By default `@lynx-js/preact-devtools` is aliased away in production builds. Setting the `REACT_DEVTOOL` environment variable now:
-
   1. keeps a user-imported `@lynx-js/preact-devtools` from being stripped;
   2. defines `__REACT_DEVTOOL__`, which gates the dev-only runtime hooks devtools depends on (such as `injectLepusMethods`) so they also run in production;
   3. keeps function/class names during minification (`keep_fnames`/`keep_classnames`), which devtools needs to resolve component names (`type.name`) and to reconstruct the hook tree (it matches minified stack frames by function name).
@@ -64,7 +72,6 @@
 ### Minor Changes
 
 - feat: add `globalPropsMode` option to `PluginReactLynxOptions` ([#2346](https://github.com/lynx-family/lynx-stack/pull/2346))
-
   - When configured to `"event"`, `updateGlobalProps` will only trigger a global event and skip the `runWithForce` flow.
   - Defaults to `"reactive"`, which means `updateGlobalProps` will trigger re-render automatically.
 
@@ -73,7 +80,6 @@
 - Fix sourcemap misalignment when wrapping lazy bundle main-thread chunks. ([#2361](https://github.com/lynx-family/lynx-stack/pull/2361))
 
   The lazy bundle IIFE wrapper is now injected in `processAssets` at `PROCESS_ASSETS_STAGE_OPTIMIZE_SIZE + 1` by walking chunk groups instead of patching assets in `beforeEncode`.
-
   - With `experimental_isLazyBundle: true`, the wrapper is applied to lazy-bundle chunk groups.
   - Without lazy bundle mode, the wrapper is applied to async main-thread chunk groups generated by dynamic import.
 
@@ -153,16 +159,16 @@
   type InlineChunkConfig =
     | boolean
     | InlineChunkTest
-    | { enable?: boolean | 'auto'; test: InlineChunkTest };
+    | { enable?: boolean | "auto"; test: InlineChunkTest };
   ```
 
   ```ts
-  import { defineConfig } from '@lynx-js/rspeedy';
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     output: {
       inlineScripts: ({ name, size }) => {
-        return name.includes('foo') && size < 1000;
+        return name.includes("foo") && size < 1000;
       },
     },
   });
@@ -217,7 +223,6 @@
 - feat: fully support MTS ([#569](https://github.com/lynx-family/lynx-stack/pull/569))
 
   Now use support the following usage
-
   - mainthread event
   - mainthread ref
   - runOnMainThread/runOnBackground
@@ -246,7 +251,7 @@
 - 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';
+  import { forwardRef, useImperativeHandle } from "@lynx-js/react";
 
   export default forwardRef(function App(_, ref) {
     useImperativeHandle(ref, () => {
@@ -254,7 +259,7 @@
       return {
         name() {
           // This should be considered as background only
-          console.info('This should not exist in main-thread');
+          console.info("This should not exist in main-thread");
         },
       };
     });
@@ -314,14 +319,14 @@
 - e8039f2: Add `defineDCE` in plugin options. Often used to define custom macros.
 
   ```js
-  import { pluginReactLynx } from '@lynx-js/react-rsbuild-plugin';
-  import { defineConfig } from '@lynx-js/rspeedy';
+  import { pluginReactLynx } from "@lynx-js/react-rsbuild-plugin";
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     plugins: [
       pluginReactLynx({
         defineDCE: {
-          __SOME_FALSE_DEFINE__: 'false',
+          __SOME_FALSE_DEFINE__: "false",
         },
       }),
     ],
@@ -333,20 +338,20 @@
   For example, `import` initialized by dead code will be removed:
 
   ```js
-  import { foo } from 'bar';
+  import { foo } from "bar";
 
   if (__SOME_FALSE_DEFINE__) {
     foo();
-    console.log('dead code');
+    console.log("dead code");
   } else {
-    console.log('reachable code');
+    console.log("reachable code");
   }
   ```
 
   will be transformed to:
 
   ```js
-  console.log('reachable code');
+  console.log("reachable code");
   ```
 
 ## 0.6.0
@@ -356,14 +361,14 @@
 - a30c83d: Add `compat.removeComponentAttrRegex`.
 
   ```js
-  import { pluginReactLynx } from '@lynx-js/react-rsbuild-plugin';
-  import { defineConfig } from '@lynx-js/rspeedy';
+  import { pluginReactLynx } from "@lynx-js/react-rsbuild-plugin";
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     plugins: [
       pluginReactLynx({
         compat: {
-          removeComponentAttrRegex: 'YOUR REGEX',
+          removeComponentAttrRegex: "YOUR REGEX",
         },
       }),
     ],

package/lib/loaders/options.js

@@ -18,7 +18,7 @@ function normalizeSlashes(file) {
 }
 function getCommonOptions(inputSourceMap) {
     const filename = normalizeSlashes(path.relative(this.rootContext, this.resourcePath));
-    const { compat, enableRemoveCSSScope, enableUiSourceMap, inlineSourcesContent, isDynamicComponent, engineVersion, experimental_useElementTemplate, defineDCE = { define: {} }, } = this.getOptions();
+    const { compat, enableRemoveCSSScope, enableUiSourceMap, inlineSourcesContent, isDynamicComponent, isExternalBundle, engineVersion, experimental_useElementTemplate, defineDCE = { define: {} }, } = this.getOptions();
     const useElementTemplate = experimental_useElementTemplate === true;
     const syntax = (/\.[mc]?tsx?$/.exec(this.resourcePath))
         ? 'typescript'
@@ -77,6 +77,7 @@ function getCommonOptions(inputSourceMap) {
             runtimePkg: RUNTIME_PKG,
             filename,
             isDynamicComponent: isDynamicComponent ?? false,
+            isExternalBundle: isExternalBundle ?? false,
         },
         elementTemplate: useElementTemplate
             ? {
@@ -86,6 +87,7 @@ function getCommonOptions(inputSourceMap) {
                 filename,
                 target: 'JS',
                 isDynamicComponent: isDynamicComponent ?? false,
+                isExternalBundle: isExternalBundle ?? false,
             }
             : false,
         engineVersion: engineVersion ?? '',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-webpack-plugin-canary",
-  "version": "0.9.5",
+  "version": "0.9.6-canary-20260708-1064984d",
   "description": "A webpack plugin for ReactLynx",
   "keywords": [
     "webpack",
@@ -45,9 +45,9 @@
     "css-loader": "^7.1.4",
     "swc-loader": "^0.2.7",
     "@lynx-js/css-extract-webpack-plugin": "npm:@lynx-js/css-extract-webpack-plugin-canary@0.8.0",
-    "@lynx-js/template-webpack-plugin": "npm:@lynx-js/template-webpack-plugin-canary@0.12.2",
+    "@lynx-js/react": "npm:@lynx-js/react-canary@0.122.2-canary-20260708-1064984d",
     "@lynx-js/test-tools": "0.0.0",
-    "@lynx-js/react": "npm:@lynx-js/react-canary@0.122.1"
+    "@lynx-js/template-webpack-plugin": "npm:@lynx-js/template-webpack-plugin-canary@0.12.3-canary-20260708-1064984d"
   },
   "peerDependencies": {
     "@lynx-js/template-webpack-plugin": "*"