@lynx-js/react-webpack-plugin-canary 0.11.3 → 0.11.4-canary-20260907-c044a0b8

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @lynx-js/react-webpack-plugin
 
+## 0.11.4-canary-20260907033415-c044a0b8c581658ed75611503b72d0fbfad3cd7e
+
+### Patch Changes
+
+- Encode the element templates of a lazy bundle into that lazy bundle. Its chunk groups come from dynamic imports and have no name, so looking them up in `compilation.namedChunkGroups` found nothing and every Element Template lazy bundle shipped without its templates: the main thread could not create them, the lazy component never rendered, and a development build reported `No BehaviorController defined for class template`. ([#3819](https://github.com/lynx-family/lynx-stack/pull/3819))
+
 ## 0.11.3
 
 ### Patch Changes

package/lib/ReactWebpackPlugin.js

@@ -81,13 +81,29 @@ export function mergeElementTemplatesFromModule(elementTemplates, module) {
  * @internal
  */
 export function collectElementTemplatesForEntries(entryNames, getChunkGroup, getChunkModules) {
-    const elementTemplates = {};
-    const visited = new Set();
+    const chunkGroups = [];
     for (const entryName of entryNames) {
         const chunkGroup = getChunkGroup(entryName);
-        if (chunkGroup === undefined) {
-            continue;
+        if (chunkGroup !== undefined) {
+            chunkGroups.push(chunkGroup);
         }
+    }
+    return collectElementTemplatesForChunkGroups(chunkGroups, getChunkModules);
+}
+/**
+ * Collect element templates for the chunk groups an encoded bundle covers.
+ *
+ * A lazy bundle's chunk groups come from dynamic imports and have no name, so
+ * they have to be walked directly rather than looked up in
+ * `compilation.namedChunkGroups`; otherwise the lazy bundle is encoded without
+ * its templates and the main thread cannot create them.
+ *
+ * @internal
+ */
+export function collectElementTemplatesForChunkGroups(chunkGroups, getChunkModules) {
+    const elementTemplates = {};
+    const visited = new Set();
+    for (const chunkGroup of chunkGroups) {
         for (const chunk of chunkGroup.chunks) {
             for (const module of getChunkModules(chunk)) {
                 if (visited.has(module)) {
@@ -333,7 +349,7 @@ class ReactWebpackPlugin {
             if (options.experimental_useElementTemplate) {
                 hooks.beforeEncode.tap(`${this.constructor.name}.ElementTemplate`, (args) => {
                     const { chunkGraph } = compilation;
-                    const elementTemplates = collectElementTemplatesForEntries(args.chunkGroups.flatMap(cg => cg.name === null || cg.name === undefined ? [] : [cg.name]), (name) => compilation.namedChunkGroups.get(name), (chunk) => chunkGraph.getChunkModules(chunk));
+                    const elementTemplates = collectElementTemplatesForChunkGroups(args.chunkGroups, (chunk) => chunkGraph.getChunkModules(chunk));
                     args.encodeData.sourceContent.config['enableUnifyFixedBehavior'] =
                         true;
                     args.encodeData.elementTemplate = elementTemplates;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-webpack-plugin-canary",
-  "version": "0.11.3",
+  "version": "0.11.4-canary-20260907-c044a0b8",
   "description": "A webpack plugin for ReactLynx",
   "keywords": [
     "webpack",