webpack 5.97.1 → 5.104.1

package/lib/RuntimePlugin.js

@@ -6,7 +6,6 @@
 "use strict";
 
 const RuntimeGlobals = require("./RuntimeGlobals");
-const { getChunkFilenameTemplate } = require("./css/CssModulesPlugin");
 const RuntimeRequirementsDependency = require("./dependencies/RuntimeRequirementsDependency");
 const JavascriptModulesPlugin = require("./javascript/JavascriptModulesPlugin");
 const AsyncModuleRuntimeModule = require("./runtime/AsyncModuleRuntimeModule");
@@ -25,6 +24,10 @@ const GetTrustedTypesPolicyRuntimeModule = require("./runtime/GetTrustedTypesPol
 const GlobalRuntimeModule = require("./runtime/GlobalRuntimeModule");
 const HasOwnPropertyRuntimeModule = require("./runtime/HasOwnPropertyRuntimeModule");
 const LoadScriptRuntimeModule = require("./runtime/LoadScriptRuntimeModule");
+const {
+	MakeDeferredNamespaceObjectRuntimeModule,
+	MakeOptimizedDeferredNamespaceObjectRuntimeModule
+} = require("./runtime/MakeDeferredNamespaceObjectRuntime");
 const MakeNamespaceObjectRuntimeModule = require("./runtime/MakeNamespaceObjectRuntimeModule");
 const NonceRuntimeModule = require("./runtime/NonceRuntimeModule");
 const OnChunksLoadedRuntimeModule = require("./runtime/OnChunksLoadedRuntimeModule");
@@ -32,16 +35,14 @@ const PublicPathRuntimeModule = require("./runtime/PublicPathRuntimeModule");
 const RelativeUrlRuntimeModule = require("./runtime/RelativeUrlRuntimeModule");
 const RuntimeIdRuntimeModule = require("./runtime/RuntimeIdRuntimeModule");
 const SystemContextRuntimeModule = require("./runtime/SystemContextRuntimeModule");
+const ToBinaryRuntimeModule = require("./runtime/ToBinaryRuntimeModule");
 const ShareRuntimeModule = require("./sharing/ShareRuntimeModule");
 const StringXor = require("./util/StringXor");
 const memoize = require("./util/memoize");
 
 /** @typedef {import("../declarations/WebpackOptions").LibraryOptions} LibraryOptions */
-/** @typedef {import("../declarations/WebpackOptions").OutputNormalized} OutputNormalized */
 /** @typedef {import("./Chunk")} Chunk */
 /** @typedef {import("./Compiler")} Compiler */
-/** @typedef {import("./Module")} Module */
-/** @typedef {import("./TemplatedPathPlugin").TemplatePath} TemplatePath */
 
 const getJavascriptModulesPlugin = memoize(() =>
 	require("./javascript/JavascriptModulesPlugin")
@@ -79,7 +80,9 @@ const GLOBALS_ON_REQUIRE = [
 	RuntimeGlobals.initializeSharing,
 	RuntimeGlobals.loadScript,
 	RuntimeGlobals.systemContext,
-	RuntimeGlobals.onChunksLoaded
+	RuntimeGlobals.onChunksLoaded,
+	RuntimeGlobals.makeOptimizedDeferredNamespaceObject,
+	RuntimeGlobals.makeDeferredNamespaceObject
 ];
 
 const MODULE_DEPENDENCIES = {
@@ -97,23 +100,32 @@ const TREE_DEPENDENCIES = {
 		RuntimeGlobals.makeNamespaceObject,
 		RuntimeGlobals.require
 	],
+	[RuntimeGlobals.makeOptimizedDeferredNamespaceObject]: [
+		RuntimeGlobals.require
+	],
+	[RuntimeGlobals.makeDeferredNamespaceObject]: [
+		RuntimeGlobals.createFakeNamespaceObject,
+		RuntimeGlobals.require
+	],
 	[RuntimeGlobals.initializeSharing]: [RuntimeGlobals.shareScopeMap],
 	[RuntimeGlobals.shareScopeMap]: [RuntimeGlobals.hasOwnProperty]
 };
 
+const PLUGIN_NAME = "RuntimePlugin";
+
 class RuntimePlugin {
 	/**
 	 * @param {Compiler} compiler the Compiler
 	 * @returns {void}
 	 */
 	apply(compiler) {
-		compiler.hooks.compilation.tap("RuntimePlugin", compilation => {
+		compiler.hooks.compilation.tap(PLUGIN_NAME, (compilation) => {
 			const globalChunkLoading = compilation.outputOptions.chunkLoading;
 			/**
 			 * @param {Chunk} chunk chunk
 			 * @returns {boolean} true, when chunk loading is disabled for the chunk
 			 */
-			const isChunkLoadingDisabledForChunk = chunk => {
+			const isChunkLoadingDisabledForChunk = (chunk) => {
 				const options = chunk.getEntryOptions();
 				const chunkLoading =
 					options && options.chunkLoading !== undefined
@@ -128,12 +140,12 @@ class RuntimePlugin {
 			for (const req of GLOBALS_ON_REQUIRE) {
 				compilation.hooks.runtimeRequirementInModule
 					.for(req)
-					.tap("RuntimePlugin", (module, set) => {
+					.tap(PLUGIN_NAME, (module, set) => {
 						set.add(RuntimeGlobals.requireScope);
 					});
 				compilation.hooks.runtimeRequirementInTree
 					.for(req)
-					.tap("RuntimePlugin", (module, set) => {
+					.tap(PLUGIN_NAME, (module, set) => {
 						set.add(RuntimeGlobals.requireScope);
 					});
 			}
@@ -142,7 +154,7 @@ class RuntimePlugin {
 					TREE_DEPENDENCIES[/** @type {keyof TREE_DEPENDENCIES} */ (req)];
 				compilation.hooks.runtimeRequirementInTree
 					.for(req)
-					.tap("RuntimePlugin", (chunk, set) => {
+					.tap(PLUGIN_NAME, (chunk, set) => {
 						for (const dep of deps) set.add(dep);
 					});
 			}
@@ -151,13 +163,13 @@ class RuntimePlugin {
 					MODULE_DEPENDENCIES[/** @type {keyof MODULE_DEPENDENCIES} */ (req)];
 				compilation.hooks.runtimeRequirementInModule
 					.for(req)
-					.tap("RuntimePlugin", (chunk, set) => {
+					.tap(PLUGIN_NAME, (chunk, set) => {
 						for (const dep of deps) set.add(dep);
 					});
 			}
 			compilation.hooks.runtimeRequirementInTree
 				.for(RuntimeGlobals.definePropertyGetters)
-				.tap("RuntimePlugin", chunk => {
+				.tap(PLUGIN_NAME, (chunk) => {
 					compilation.addRuntimeModule(
 						chunk,
 						new DefinePropertyGettersRuntimeModule()
@@ -166,7 +178,7 @@ class RuntimePlugin {
 				});
 			compilation.hooks.runtimeRequirementInTree
 				.for(RuntimeGlobals.makeNamespaceObject)
-				.tap("RuntimePlugin", chunk => {
+				.tap(PLUGIN_NAME, (chunk) => {
 					compilation.addRuntimeModule(
 						chunk,
 						new MakeNamespaceObjectRuntimeModule()
@@ -175,16 +187,38 @@ class RuntimePlugin {
 				});
 			compilation.hooks.runtimeRequirementInTree
 				.for(RuntimeGlobals.createFakeNamespaceObject)
-				.tap("RuntimePlugin", chunk => {
+				.tap(PLUGIN_NAME, (chunk) => {
 					compilation.addRuntimeModule(
 						chunk,
 						new CreateFakeNamespaceObjectRuntimeModule()
 					);
 					return true;
 				});
+			compilation.hooks.runtimeRequirementInTree
+				.for(RuntimeGlobals.makeOptimizedDeferredNamespaceObject)
+				.tap("RuntimePlugin", (chunk, runtimeRequirement) => {
+					compilation.addRuntimeModule(
+						chunk,
+						new MakeOptimizedDeferredNamespaceObjectRuntimeModule(
+							runtimeRequirement.has(RuntimeGlobals.asyncModule)
+						)
+					);
+					return true;
+				});
+			compilation.hooks.runtimeRequirementInTree
+				.for(RuntimeGlobals.makeDeferredNamespaceObject)
+				.tap("RuntimePlugin", (chunk, runtimeRequirement) => {
+					compilation.addRuntimeModule(
+						chunk,
+						new MakeDeferredNamespaceObjectRuntimeModule(
+							runtimeRequirement.has(RuntimeGlobals.asyncModule)
+						)
+					);
+					return true;
+				});
 			compilation.hooks.runtimeRequirementInTree
 				.for(RuntimeGlobals.hasOwnProperty)
-				.tap("RuntimePlugin", chunk => {
+				.tap(PLUGIN_NAME, (chunk) => {
 					compilation.addRuntimeModule(
 						chunk,
 						new HasOwnPropertyRuntimeModule()
@@ -193,7 +227,7 @@ class RuntimePlugin {
 				});
 			compilation.hooks.runtimeRequirementInTree
 				.for(RuntimeGlobals.compatGetDefaultExport)
-				.tap("RuntimePlugin", chunk => {
+				.tap(PLUGIN_NAME, (chunk) => {
 					compilation.addRuntimeModule(
 						chunk,
 						new CompatGetDefaultExportRuntimeModule()
@@ -202,13 +236,13 @@ class RuntimePlugin {
 				});
 			compilation.hooks.runtimeRequirementInTree
 				.for(RuntimeGlobals.runtimeId)
-				.tap("RuntimePlugin", chunk => {
+				.tap(PLUGIN_NAME, (chunk) => {
 					compilation.addRuntimeModule(chunk, new RuntimeIdRuntimeModule());
 					return true;
 				});
 			compilation.hooks.runtimeRequirementInTree
 				.for(RuntimeGlobals.publicPath)
-				.tap("RuntimePlugin", (chunk, set) => {
+				.tap(PLUGIN_NAME, (chunk, set) => {
 					const { outputOptions } = compilation;
 					const { publicPath: globalPublicPath, scriptType } = outputOptions;
 					const entryOptions = chunk.getEntryOptions();
@@ -219,7 +253,13 @@ class RuntimePlugin {
 
 					if (publicPath === "auto") {
 						const module = new AutoPublicPathRuntimeModule();
-						if (scriptType !== "module") set.add(RuntimeGlobals.global);
+						if (
+							scriptType !== "module" &&
+							!outputOptions.environment.globalThis
+						) {
+							set.add(RuntimeGlobals.global);
+						}
+
 						compilation.addRuntimeModule(chunk, module);
 					} else {
 						const module = new PublicPathRuntimeModule(publicPath);
@@ -237,19 +277,23 @@ class RuntimePlugin {
 				});
 			compilation.hooks.runtimeRequirementInTree
 				.for(RuntimeGlobals.global)
-				.tap("RuntimePlugin", chunk => {
+				.tap(PLUGIN_NAME, (chunk) => {
 					compilation.addRuntimeModule(chunk, new GlobalRuntimeModule());
 					return true;
 				});
 			compilation.hooks.runtimeRequirementInTree
 				.for(RuntimeGlobals.asyncModule)
-				.tap("RuntimePlugin", chunk => {
-					compilation.addRuntimeModule(chunk, new AsyncModuleRuntimeModule());
+				.tap(PLUGIN_NAME, (chunk) => {
+					const experiments = compilation.options.experiments;
+					compilation.addRuntimeModule(
+						chunk,
+						new AsyncModuleRuntimeModule(experiments.deferImport)
+					);
 					return true;
 				});
 			compilation.hooks.runtimeRequirementInTree
 				.for(RuntimeGlobals.systemContext)
-				.tap("RuntimePlugin", chunk => {
+				.tap(PLUGIN_NAME, (chunk) => {
 					const entryOptions = chunk.getEntryOptions();
 					const libraryType =
 						entryOptions && entryOptions.library !== undefined
@@ -267,7 +311,7 @@ class RuntimePlugin {
 				});
 			compilation.hooks.runtimeRequirementInTree
 				.for(RuntimeGlobals.getChunkScriptFilename)
-				.tap("RuntimePlugin", (chunk, set, { chunkGraph }) => {
+				.tap(PLUGIN_NAME, (chunk, set, { chunkGraph }) => {
 					if (
 						typeof compilation.outputOptions.chunkFilename === "string" &&
 						/\[(full)?hash(:\d+)?\]/.test(
@@ -282,22 +326,20 @@ class RuntimePlugin {
 							"javascript",
 							"javascript",
 							RuntimeGlobals.getChunkScriptFilename,
-							chunk =>
+							(chunk) =>
 								getJavascriptModulesPlugin().chunkHasJs(chunk, chunkGraph) &&
-								/** @type {TemplatePath} */ (
-									chunk.filenameTemplate ||
-										(chunk.canBeInitial()
-											? compilation.outputOptions.filename
-											: compilation.outputOptions.chunkFilename)
-								),
-							false
+								(chunk.filenameTemplate ||
+									(chunk.canBeInitial()
+										? compilation.outputOptions.filename
+										: compilation.outputOptions.chunkFilename)),
+							set.has(RuntimeGlobals.hmrDownloadUpdateHandlers)
 						)
 					);
 					return true;
 				});
 			compilation.hooks.runtimeRequirementInTree
 				.for(RuntimeGlobals.getChunkCssFilename)
-				.tap("RuntimePlugin", (chunk, set, { chunkGraph }) => {
+				.tap(PLUGIN_NAME, (chunk, set, { chunkGraph }) => {
 					if (
 						typeof compilation.outputOptions.cssChunkFilename === "string" &&
 						/\[(full)?hash(:\d+)?\]/.test(
@@ -312,9 +354,17 @@ class RuntimePlugin {
 							"css",
 							"css",
 							RuntimeGlobals.getChunkCssFilename,
-							chunk =>
-								getCssModulesPlugin().chunkHasCss(chunk, chunkGraph) &&
-								getChunkFilenameTemplate(chunk, compilation.outputOptions),
+							(chunk) => {
+								const cssModulePlugin = getCssModulesPlugin();
+
+								return (
+									cssModulePlugin.chunkHasCss(chunk, chunkGraph) &&
+									cssModulePlugin.getChunkFilenameTemplate(
+										chunk,
+										compilation.outputOptions
+									)
+								);
+							},
 							set.has(RuntimeGlobals.hmrDownloadUpdateHandlers)
 						)
 					);
@@ -322,23 +372,21 @@ class RuntimePlugin {
 				});
 			compilation.hooks.runtimeRequirementInTree
 				.for(RuntimeGlobals.getChunkUpdateScriptFilename)
-				.tap("RuntimePlugin", (chunk, set) => {
+				.tap(PLUGIN_NAME, (chunk, set) => {
 					if (
 						/\[(full)?hash(:\d+)?\]/.test(
-							/** @type {NonNullable<OutputNormalized["hotUpdateChunkFilename"]>} */
-							(compilation.outputOptions.hotUpdateChunkFilename)
+							compilation.outputOptions.hotUpdateChunkFilename
 						)
-					)
+					) {
 						set.add(RuntimeGlobals.getFullHash);
+					}
 					compilation.addRuntimeModule(
 						chunk,
 						new GetChunkFilenameRuntimeModule(
 							"javascript",
 							"javascript update",
 							RuntimeGlobals.getChunkUpdateScriptFilename,
-							c =>
-								/** @type {NonNullable<OutputNormalized["hotUpdateChunkFilename"]>} */
-								(compilation.outputOptions.hotUpdateChunkFilename),
+							(_chunk) => compilation.outputOptions.hotUpdateChunkFilename,
 							true
 						)
 					);
@@ -346,11 +394,10 @@ class RuntimePlugin {
 				});
 			compilation.hooks.runtimeRequirementInTree
 				.for(RuntimeGlobals.getUpdateManifestFilename)
-				.tap("RuntimePlugin", (chunk, set) => {
+				.tap(PLUGIN_NAME, (chunk, set) => {
 					if (
 						/\[(full)?hash(:\d+)?\]/.test(
-							/** @type {NonNullable<OutputNormalized["hotUpdateMainFilename"]>} */
-							(compilation.outputOptions.hotUpdateMainFilename)
+							compilation.outputOptions.hotUpdateMainFilename
 						)
 					) {
 						set.add(RuntimeGlobals.getFullHash);
@@ -360,15 +407,14 @@ class RuntimePlugin {
 						new GetMainFilenameRuntimeModule(
 							"update manifest",
 							RuntimeGlobals.getUpdateManifestFilename,
-							/** @type {NonNullable<OutputNormalized["hotUpdateMainFilename"]>} */
-							(compilation.outputOptions.hotUpdateMainFilename)
+							compilation.outputOptions.hotUpdateMainFilename
 						)
 					);
 					return true;
 				});
 			compilation.hooks.runtimeRequirementInTree
 				.for(RuntimeGlobals.ensureChunk)
-				.tap("RuntimePlugin", (chunk, set) => {
+				.tap(PLUGIN_NAME, (chunk, set) => {
 					const hasAsyncChunks = chunk.hasAsyncChunks();
 					if (hasAsyncChunks) {
 						set.add(RuntimeGlobals.ensureChunkHandlers);
@@ -381,18 +427,18 @@ class RuntimePlugin {
 				});
 			compilation.hooks.runtimeRequirementInTree
 				.for(RuntimeGlobals.ensureChunkIncludeEntries)
-				.tap("RuntimePlugin", (chunk, set) => {
+				.tap(PLUGIN_NAME, (chunk, set) => {
 					set.add(RuntimeGlobals.ensureChunkHandlers);
 				});
 			compilation.hooks.runtimeRequirementInTree
 				.for(RuntimeGlobals.shareScopeMap)
-				.tap("RuntimePlugin", (chunk, set) => {
+				.tap(PLUGIN_NAME, (chunk, set) => {
 					compilation.addRuntimeModule(chunk, new ShareRuntimeModule());
 					return true;
 				});
 			compilation.hooks.runtimeRequirementInTree
 				.for(RuntimeGlobals.loadScript)
-				.tap("RuntimePlugin", (chunk, set) => {
+				.tap(PLUGIN_NAME, (chunk, set) => {
 					const withCreateScriptUrl = Boolean(
 						compilation.outputOptions.trustedTypes
 					);
@@ -408,7 +454,7 @@ class RuntimePlugin {
 				});
 			compilation.hooks.runtimeRequirementInTree
 				.for(RuntimeGlobals.createScript)
-				.tap("RuntimePlugin", (chunk, set) => {
+				.tap(PLUGIN_NAME, (chunk, set) => {
 					if (compilation.outputOptions.trustedTypes) {
 						set.add(RuntimeGlobals.getTrustedTypesPolicy);
 					}
@@ -417,7 +463,7 @@ class RuntimePlugin {
 				});
 			compilation.hooks.runtimeRequirementInTree
 				.for(RuntimeGlobals.createScriptUrl)
-				.tap("RuntimePlugin", (chunk, set) => {
+				.tap(PLUGIN_NAME, (chunk, set) => {
 					if (compilation.outputOptions.trustedTypes) {
 						set.add(RuntimeGlobals.getTrustedTypesPolicy);
 					}
@@ -429,7 +475,7 @@ class RuntimePlugin {
 				});
 			compilation.hooks.runtimeRequirementInTree
 				.for(RuntimeGlobals.getTrustedTypesPolicy)
-				.tap("RuntimePlugin", (chunk, set) => {
+				.tap(PLUGIN_NAME, (chunk, set) => {
 					compilation.addRuntimeModule(
 						chunk,
 						new GetTrustedTypesPolicyRuntimeModule(set)
@@ -438,13 +484,13 @@ class RuntimePlugin {
 				});
 			compilation.hooks.runtimeRequirementInTree
 				.for(RuntimeGlobals.relativeUrl)
-				.tap("RuntimePlugin", (chunk, set) => {
+				.tap(PLUGIN_NAME, (chunk, _set) => {
 					compilation.addRuntimeModule(chunk, new RelativeUrlRuntimeModule());
 					return true;
 				});
 			compilation.hooks.runtimeRequirementInTree
 				.for(RuntimeGlobals.onChunksLoaded)
-				.tap("RuntimePlugin", (chunk, set) => {
+				.tap(PLUGIN_NAME, (chunk, _set) => {
 					compilation.addRuntimeModule(
 						chunk,
 						new OnChunksLoadedRuntimeModule()
@@ -453,7 +499,7 @@ class RuntimePlugin {
 				});
 			compilation.hooks.runtimeRequirementInTree
 				.for(RuntimeGlobals.baseURI)
-				.tap("RuntimePlugin", chunk => {
+				.tap(PLUGIN_NAME, (chunk) => {
 					if (isChunkLoadingDisabledForChunk(chunk)) {
 						compilation.addRuntimeModule(chunk, new BaseUriRuntimeModule());
 						return true;
@@ -461,14 +507,20 @@ class RuntimePlugin {
 				});
 			compilation.hooks.runtimeRequirementInTree
 				.for(RuntimeGlobals.scriptNonce)
-				.tap("RuntimePlugin", chunk => {
+				.tap(PLUGIN_NAME, (chunk) => {
 					compilation.addRuntimeModule(chunk, new NonceRuntimeModule());
 					return true;
 				});
+			compilation.hooks.runtimeRequirementInTree
+				.for(RuntimeGlobals.toBinary)
+				.tap(PLUGIN_NAME, (chunk) => {
+					compilation.addRuntimeModule(chunk, new ToBinaryRuntimeModule());
+					return true;
+				});
 			// TODO webpack 6: remove CompatRuntimeModule
 			compilation.hooks.additionalTreeRuntimeRequirements.tap(
-				"RuntimePlugin",
-				(chunk, set) => {
+				PLUGIN_NAME,
+				(chunk, _set) => {
 					const { mainTemplate } = compilation;
 					if (
 						mainTemplate.hooks.bootstrap.isUsed() ||
@@ -481,7 +533,7 @@ class RuntimePlugin {
 				}
 			);
 			JavascriptModulesPlugin.getCompilationHooks(compilation).chunkHash.tap(
-				"RuntimePlugin",
+				PLUGIN_NAME,
 				(chunk, hash, { chunkGraph }) => {
 					const xor = new StringXor();
 					for (const m of chunkGraph.getChunkRuntimeModulesIterable(chunk)) {
@@ -493,4 +545,5 @@ class RuntimePlugin {
 		});
 	}
 }
+
 module.exports = RuntimePlugin;