webpack 5.108.0 → 5.108.1

package/lib/RuntimeTemplate.js

@@ -1218,7 +1218,7 @@ class RuntimeTemplate {
 							"Can't inline the exports of defer imported module"
 						);
 					}
-					const access = `${importVar}.a${propertyAccess(used)}`;
+					const access = `${importVar}.a${propertyAccess(Array.isArray(used) ? used : [used])}`;
 					if (isCall || asiSafe === undefined) {
 						return access;
 					}
@@ -1313,7 +1313,7 @@ class RuntimeTemplate {
 				: `${Template.toNormalComment(propertyAccess(exportName))} `;
 			const access = `${importVar}${
 				isModuleDeferred ? ".a" : ""
-			}${comment}${propertyAccess(used)}`;
+			}${comment}${propertyAccess(Array.isArray(used) ? used : [used])}`;
 			if (isCall && callContext === false) {
 				return asiSafe
 					? `(0,${access})`
@@ -1417,7 +1417,7 @@ class RuntimeTemplate {
 			if (used[used.length - 1] !== exportInfo.name) mangled = true;
 			definitions.push(
 				`${propertyName(exportInfo.name)}: ${this.returningFunction(
-					`${importVar}${propertyAccess(used)}`
+					`${importVar}${propertyAccess(/** @type {string[]} */ (used))}`
 				)}`
 			);
 		}

package/lib/debug/ProfilingPlugin.js

@@ -208,13 +208,24 @@ const createTrace = (fs, outputPath) => {
 		}
 	});
 
+	// Chrome DevTools treats this as the primary trace-bootstrap event and
+	// iterates `args.data.frames`; it must be present or the trace fails to load.
 	trace.instantEvent({
 		name: "TracingStartedInBrowser",
 		id: ++counter,
 		cat: ["disabled-by-default-devtools.timeline"],
 		args: {
 			data: {
-				sessionId: "-1"
+				sessionId: "-1",
+				frameTreeNodeId: 1,
+				persistentIds: true,
+				frames: [
+					{
+						frame: "0xfff",
+						url: "webpack",
+						name: ""
+					}
+				]
 			}
 		}
 	});

package/lib/dependencies/CommonJsExportRequireDependency.js

@@ -462,7 +462,7 @@ CommonJsExportRequireDependency.Template = class CommonJsExportRequireDependency
 					const comment = equals(usedImported, ids)
 						? ""
 						: `${Template.toNormalComment(propertyAccess(ids))} `;
-					requireExpr += `${comment}${propertyAccess(usedImported)}`;
+					requireExpr += `${comment}${propertyAccess(/** @type {string[]} */ (usedImported))}`;
 				}
 			}
 		}
@@ -473,7 +473,7 @@ CommonJsExportRequireDependency.Template = class CommonJsExportRequireDependency
 					dep.range[0],
 					dep.range[1] - 1,
 					used
-						? `${base}${propertyAccess(used)} = ${requireExpr}`
+						? `${base}${propertyAccess(/** @type {string[]} */ (used))} = ${requireExpr}`
 						: `/* unused reexport */ ${requireExpr}`
 				);
 				return;
@@ -501,7 +501,7 @@ CommonJsExportRequireDependency.Template = class CommonJsExportRequireDependency
 					dep.range[0],
 					valueRange[0] - 1,
 					`Object.defineProperty(${base}${propertyAccess(
-						used.slice(0, -1)
+						/** @type {string[]} */ (used).slice(0, -1)
 					)}, ${JSON.stringify(used[used.length - 1])}, { ${descriptor}`
 				);
 				source.replace(valueRange[0], valueRange[1] - 1, requireExpr);

package/lib/dependencies/CommonJsExportsDependency.js

@@ -149,7 +149,7 @@ CommonJsExportsDependency.Template = class CommonJsExportsDependencyTemplate ext
 				source.replace(
 					dep.range[0],
 					dep.range[1] - 1,
-					`${base}${propertyAccess(used)}`
+					`${base}${propertyAccess(/** @type {string[]} */ (used))}`
 				);
 				return;
 			case "Object.defineProperty":
@@ -178,7 +178,7 @@ CommonJsExportsDependency.Template = class CommonJsExportsDependencyTemplate ext
 					dep.range[0],
 					/** @type {Range} */ (dep.valueRange)[0] - 1,
 					`Object.defineProperty(${base}${propertyAccess(
-						used.slice(0, -1)
+						/** @type {string[]} */ (used).slice(0, -1)
 					)}, ${JSON.stringify(used[used.length - 1])}, (`
 				);
 				source.replace(

package/lib/dependencies/CommonJsFullRequireDependency.js

@@ -178,7 +178,7 @@ CommonJsFullRequireDependency.Template = class CommonJsFullRequireDependencyTemp
 				const comment = equals(usedImported, trimmedIds)
 					? ""
 					: `${Template.toNormalComment(propertyAccess(trimmedIds))} `;
-				const access = `${comment}${propertyAccess(usedImported)}`;
+				const access = `${comment}${propertyAccess(/** @type {string[]} */ (usedImported))}`;
 				requireExpr =
 					dep.asiSafe === true
 						? `(${requireExpr}${access})`

package/lib/dependencies/CommonJsSelfReferenceDependency.js

@@ -161,7 +161,7 @@ CommonJsSelfReferenceDependency.Template = class CommonJsSelfReferenceDependency
 		source.replace(
 			dep.range[0],
 			dep.range[1] - 1,
-			`${base}${propertyAccess(used)}`
+			`${base}${propertyAccess(/** @type {string[]} */ (used))}`
 		);
 	}
 };

package/lib/dependencies/HarmonyExportImportedSpecifierDependency.js

@@ -1667,7 +1667,7 @@ HarmonyExportImportedSpecifierDependency.Template = class HarmonyExportImportedS
 			);
 		}
 
-		return `${name}${propertyAccess(valueKey)}`;
+		return `${name}${propertyAccess(Array.isArray(valueKey) ? valueKey : [valueKey])}`;
 	}
 };
 

package/lib/dependencies/ProvidedDependency.js

@@ -146,7 +146,7 @@ class ProvidedDependencyTemplate extends ModuleDependency.Template {
 							`inlined export ${propertyAccess(dep.ids)}`
 						)
 					)})`
-				: `${moduleRaw}${propertyAccess(usedName, 0)}`;
+				: `${moduleRaw}${propertyAccess(/** @type {string[]} */ (usedName), 0)}`;
 
 		initFragments.push(
 			new InitFragment(

package/lib/optimize/ConcatenatedModule.js

@@ -2110,7 +2110,7 @@ class ConcatenatedModule extends Module {
 						`\n  ${propertyName(exportInfo.name)}: ${runtimeTemplate.returningFunction(
 							usedName.render(
 								Template.toNormalComment(
-									`inlined export ${propertyAccess(exportInfo.name)}`
+									`inlined export ${propertyAccess([exportInfo.name])}`
 								)
 							)
 						)}`
@@ -2120,7 +2120,7 @@ class ConcatenatedModule extends Module {
 					// import variable; concatenated ones resolve to an internal binding.
 					const finalName =
 						info.type === "external"
-							? `${/** @type {string} */ (info.name)}${propertyAccess(usedName)}`
+							? `${/** @type {string} */ (info.name)}${propertyAccess([usedName])}`
 							: getFinalName(
 									moduleGraph,
 									info,
@@ -2183,7 +2183,7 @@ ${defineGetters}`
 							`\n  ${propertyName(exportInfo.name)}: ${runtimeTemplate.returningFunction(
 								usedName.render(
 									Template.toNormalComment(
-										`inlined export ${propertyAccess(exportInfo.name)}`
+										`inlined export ${propertyAccess([exportInfo.name])}`
 									)
 								)
 							)}`

package/lib/util/property.js

@@ -75,7 +75,7 @@ const propertyName = (prop) => {
 
 /**
  * Returns chain of property accesses.
- * @param {ArrayLike<string>} properties properties
+ * @param {readonly string[]} properties properties
  * @param {number} start start index
  * @returns {string} chain of property accesses
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webpack",
-  "version": "5.108.0",
+  "version": "5.108.1",
   "description": "Packs ECMAScript/CommonJs/AMD modules for the browser. Allows you to split your codebase into multiple bundles, which can be loaded on demand. Supports loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff.",
   "homepage": "https://github.com/webpack/webpack",
   "bugs": "https://github.com/webpack/webpack/issues",
@@ -182,6 +182,7 @@
     "prettier-2": "npm:prettier@^2",
     "pretty-format": "^30.0.5",
     "pug": "^3.0.3",
+    "puppeteer-core": "^23.11.1",
     "raw-loader": "^4.0.1",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",