@lynx-js/template-webpack-plugin-canary 0.8.0-canary-20250620-533c0a1a → 0.8.0-canary-20250620-a43ae054

package/CHANGELOG.md

@@ -1,11 +1,17 @@
 # @lynx-js/template-webpack-plugin
 
-## 0.8.0-canary-20250620090634-533c0a1acf3fadbd5d81da6762f978701a51e0ad
+## 0.8.0-canary-20250620112849-a43ae054bbe60250b0faf7a15d23b0445bb3c594
 
 ### Minor Changes
 
 - Remove `EncodeCSSOptions` and `encodeCSS` to ensure consistent encoding options are used across CSS HMR updates and the main template. ([#1033](https://github.com/lynx-family/lynx-stack/pull/1033))
 
+### Patch Changes
+
+- Avoid generating lazy bundles when there are no chunk name. ([#1090](https://github.com/lynx-family/lynx-stack/pull/1090))
+
+  E.g.: using `import.meta.webpackContext`.
+
 ## 0.7.2
 
 ### Patch Changes

package/lib/LynxAsyncChunksRuntimeModule.d.ts

@@ -1,4 +1,4 @@
 import type { RuntimeModule } from 'webpack';
-type LynxAsyncChunksRuntimeModule = new (getChunkName: (chunkName: string | null | undefined) => string) => RuntimeModule;
+type LynxAsyncChunksRuntimeModule = new (getChunkName: (chunkName: string) => string) => RuntimeModule;
 export declare function createLynxAsyncChunksRuntimeModule(webpack: typeof import('webpack')): LynxAsyncChunksRuntimeModule;
 export {};

package/lib/LynxAsyncChunksRuntimeModule.js

@@ -13,7 +13,9 @@ export function createLynxAsyncChunksRuntimeModule(webpack) {
             const chunk = this.chunk;
             const compilation = this.compilation;
             return `// lynx async chunks ids
-${RuntimeGlobals.lynxAsyncChunkIds} = {${Array.from(chunk.getAllAsyncChunks()).map(c => {
+${RuntimeGlobals.lynxAsyncChunkIds} = {${Array.from(chunk.getAllAsyncChunks())
+                .filter(c => c.name !== null && c.name !== undefined)
+                .map(c => {
                 const filename = this.getChunkName(c.name);
                 // Modified from https://github.com/webpack/webpack/blob/11449f02175f055a4540d76aa4478958c4cb297e/lib/runtime/GetChunkFilenameRuntimeModule.js#L154-L157
                 const chunkPath = compilation.getPath(filename, {
@@ -23,7 +25,9 @@ ${RuntimeGlobals.lynxAsyncChunkIds} = {${Array.from(chunk.getAllAsyncChunks()).m
                     // TODO: support [contenthash]
                 });
                 return [c.id, chunkPath];
-            }).map(([id, path]) => `${JSON.stringify(id)}: "${path}"`).join(',\n')}}`;
+            })
+                // Do not use `JSON.stringify` on `chunkPath`, it may contains `+` which will be treated as string concatenation.
+                .map(([id, path]) => `${JSON.stringify(id)}: "${path}"`).join(',\n')}}`;
         }
     };
 }

package/lib/LynxTemplatePlugin.d.ts

@@ -53,7 +53,7 @@ export interface TemplateHooks {
      *
      * @alpha
      */
-    asyncChunkName: SyncWaterfallHook<string | undefined | null>;
+    asyncChunkName: SyncWaterfallHook<string>;
     /**
      * Called before the encode process. Can be used to modify the encode options.
      *

package/lib/LynxTemplatePlugin.js

@@ -226,7 +226,8 @@ class LynxTemplatePluginImpl {
         }
         const hooks = LynxTemplatePlugin.getLynxTemplatePluginHooks(compilation);
         asyncChunkGroups = groupBy(compilation.chunkGroups
-            .filter(cg => !cg.isInitial()), cg => hooks.asyncChunkName.call(cg.name));
+            .filter(cg => !cg.isInitial())
+            .filter(cg => cg.name !== null && cg.name !== undefined), cg => hooks.asyncChunkName.call(cg.name));
         _a.#asyncChunkGroups.set(compilation, asyncChunkGroups);
         return asyncChunkGroups;
     }
@@ -247,8 +248,8 @@ class LynxTemplatePluginImpl {
             const chunkNames = 
             // We use the chunk name(provided by `webpackChunkName`) as filename
             chunkGroups
-                .map(cg => hooks.asyncChunkName.call(cg.name))
-                .filter(chunkName => chunkName !== undefined);
+                .filter(cg => cg.name !== null && cg.name !== undefined)
+                .map(cg => hooks.asyncChunkName.call(cg.name));
             const filename = Array.from(new Set(chunkNames)).join('_');
             // If no filename is found, avoid generating async template
             if (!filename) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/template-webpack-plugin-canary",
-  "version": "0.8.0-canary-20250620-533c0a1a",
+  "version": "0.8.0-canary-20250620-a43ae054",
   "description": "Simplifies creation of Lynx template files to serve your webpack bundles",
   "keywords": [
     "webpack",