@depup/webpack 5.111.1-depup.1 → 5.112.0-depup.0

package/lib/html/HtmlGenerator.js

@@ -5,18 +5,18 @@
 "use strict";
 
 const { RawSource, ReplaceSource } = require("webpack-sources");
-const ConcatenationScope = require("../ConcatenationScope");
-const Generator = require("../Generator");
+const CssModulesPlugin = require("../css/CssModulesPlugin");
+const WebpackError = require("../errors/WebpackError");
+const Generator = require("../module/Generator");
 const {
 	HTML_TYPE,
 	HTML_TYPES,
 	JAVASCRIPT_TYPE,
 	JAVASCRIPT_TYPES
-} = require("../ModuleSourceTypeConstants");
-const RuntimeGlobals = require("../RuntimeGlobals");
-const Template = require("../Template");
-const CssModulesPlugin = require("../css/CssModulesPlugin");
-const WebpackError = require("../errors/WebpackError");
+} = require("../module/ModuleSourceTypeConstants");
+const ConcatenationScope = require("../optimize/ConcatenationScope");
+const RuntimeGlobals = require("../runtime/RuntimeGlobals");
+const Template = require("../template/Template");
 const { getUndoPath } = require("../util/identifier");
 const memoize = require("../util/memoize");
 const { PUBLIC_PATH_AUTO } = require("../util/publicPathPlaceholder");
@@ -24,7 +24,9 @@ const { VOID } = require("./data");
 
 const getCreateNodeHash = memoize(() => require("crypto").createHash);
 
-const getCssSyntax = memoize(() => require("../css/syntax"));
+const getCssParser = memoize(() => require("../css/syntax-parser"));
+
+const getHtmlParser = memoize(() => require("./syntax-parser"));
 
 const getHtmlSyntax = memoize(() => require("./syntax"));
 
@@ -48,7 +50,7 @@ const getHtmlSyntax = memoize(() => require("./syntax"));
 const serializeAttrs = (attrs) => {
 	let out = "";
 	if (attrs) {
-		const { escapeAttribute } = getHtmlSyntax();
+		const { escapeAttribute } = getHtmlParser();
 		for (const name of Object.keys(attrs)) {
 			const value = attrs[name];
 			if (value === false || value === undefined || value === null) continue;
@@ -128,6 +130,7 @@ const metaIsCsp = (attrs) => {
 /** @import { Source } from "webpack-sources" */
 /** @import { HtmlGeneratorOptions } from "../../declarations/WebpackOptions" */
 /** @typedef {import("../../declarations/WebpackOptions").OutputHtmlOptions["csp"]} CspOption */
+/** @typedef {import("../../declarations/WebpackOptions").OutputNormalized["html"]} HtmlOption */
 /** @import { HtmlTagDescriptor, HtmlMutableTag } from "./HtmlModulesPlugin" */
 /** @typedef {"head" | "body"} HtmlTagLocation */
 /**
@@ -142,29 +145,29 @@ const metaIsCsp = (attrs) => {
  */
 /** @typedef {{ headOpen: number, headEnd: number, bodyOpen: number, bodyEnd: number }} HtmlAnchors */
 /** @typedef {{ tags: HtmlMutableTag[], spans: (HtmlTagSpan | null)[], originals: (string | null)[], descriptors: (HtmlTagDescriptor | null)[], anchors: HtmlAnchors }} HtmlModel */
-/** @import Chunk from "../Chunk" */
+/** @import Chunk from "../graph/Chunk" */
 /** @import Compilation, { DependencyConstructor } from "../Compilation" */
 /** @typedef {boolean | string[] | ((asset: { chunk: Chunk, filename: string }) => string[] | false)} HtmlIntegrity */
-/** @import CodeGenerationResults from "../CodeGenerationResults" */
-/** @import Dependency from "../Dependency" */
-/** @import { DependencyTemplateContext } from "../DependencyTemplate" */
-/** @import { GenerateContext, UpdateHashContext } from "../Generator" */
+/** @import CodeGenerationResults from "../module/CodeGenerationResults" */
+/** @import Dependency from "../graph/Dependency" */
+/** @import { DependencyTemplateContext } from "../template/DependencyTemplate" */
+/** @import { GenerateContext, UpdateHashContext } from "../module/Generator" */
 /**
  * @import Module, {
  * 	SourceType,
  * 	SourceTypes,
  * 	ConcatenationBailoutReasonContext,
  * 	RuntimeRequirements
- * } from "../Module"
+ * } from "../module/Module"
  */
-/** @import ModuleGraph from "../ModuleGraph" */
-/** @import NormalModule from "../NormalModule" */
+/** @import ModuleGraph from "../graph/ModuleGraph" */
+/** @import NormalModule from "../module/NormalModule" */
 /** @import { HtmlModuleBuildInfo } from "./HtmlModule" */
-/** @import RuntimeTemplate from "../RuntimeTemplate" */
+/** @import RuntimeTemplate from "../template/RuntimeTemplate" */
 /** @import Hash from "../util/Hash" */
 /**
  * @template T
- * @typedef {import("../InitFragment")<T>} InitFragment
+ * @typedef {import("../template/InitFragment")<T>} InitFragment
  */
 
 /**
@@ -253,6 +256,10 @@ const INTEGRITY_SENTINEL_STRIP_REGEXP =
 // The resolver ignores it.
 const INLINE_SENTINEL_REGEXP =
 	/__WEBPACK_HTML_INLINE__([0-9a-f]+)__([a-z]+)(?:__[0-9a-f]+)?__END__/g;
+// The same, with the `;` a minifier ends the sentinel's statement with, which a
+// chunk ending in its own `;` would double.
+const INLINE_SENTINEL_STATEMENT_REGEXP =
+	/__WEBPACK_HTML_INLINE__([0-9a-f]+)__([a-z]+)(?:__[0-9a-f]+)?__END__(;?)/g;
 
 /**
  * Rewrite relative `url(...)` references in a CSS chunk so they still resolve
@@ -272,7 +279,7 @@ const rebaseCssUrls = (css, fromFile, toFile, outputPath) => {
 	const fromUndo = getUndoPath(fromFile, outputPath, false);
 	const toUndo = getUndoPath(toFile, outputPath, false);
 	if (fromUndo === toUndo) return css;
-	const { readToken, TT_URL } = getCssSyntax();
+	const { readToken, TokenType } = getCssParser();
 	const token = {
 		type: 0,
 		start: 0,
@@ -287,7 +294,7 @@ const rebaseCssUrls = (css, fromFile, toFile, outputPath) => {
 	let out = "";
 	while (readToken(css, pos, token) !== undefined) {
 		pos = token.end;
-		if (token.type !== TT_URL) continue;
+		if (token.type !== TokenType.Url) continue;
 		const url = css.slice(token.contentStart, token.contentEnd);
 		// Rebase only the undo-path-relative urls; a root-relative (`/`), fragment
 		// (`#`) or scheme (`data:`, …, a `:` before any `/`) url is absolute.
@@ -359,7 +366,7 @@ class HtmlGenerator extends Generator {
 					);
 				}
 				const filename = compilation.getPath(
-					/** @type {import("../TemplatedPathPlugin").TemplatePath} */
+					/** @type {import("../template/TemplatedPathPlugin").TemplatePath} */
 					(filenameTemplate),
 					{
 						chunk,
@@ -430,7 +437,7 @@ class HtmlGenerator extends Generator {
 		if (!content.includes("__WEBPACK_HTML_ASSET_URL__")) return content;
 		const byIdentifier = getModulesByIdentifier(compilation);
 		const codeGenerationResults =
-			/** @type {import("../CodeGenerationResults")} */
+			/** @type {import("../module/CodeGenerationResults")} */
 			(compilation.codeGenerationResults);
 		return content.replace(ASSET_URL_SENTINEL_REGEXP, (_, hex) => {
 			const id = Buffer.from(hex, "hex").toString("utf8");
@@ -575,6 +582,51 @@ class HtmlGenerator extends Generator {
 		);
 	}
 
+	/**
+	 * Whether a chunk's content may be written into the page at all. An ES
+	 * module chunk another group loads the runtime from must stay a file, or
+	 * the page would run two copies of it.
+	 * @param {Compilation} compilation the compilation
+	 * @param {Chunk} chunk chunk to test
+	 * @returns {boolean} false when the chunk has to stay a separate file
+	 */
+	static canInlineChunk(compilation, chunk) {
+		if (compilation.outputOptions.module !== true) return true;
+		for (const group of chunk.groupsIterable) {
+			if (group.getChildren().length > 0) return false;
+		}
+		return true;
+	}
+
+	/**
+	 * Whether `output.html.inline` writes a chunk's content into the page rather
+	 * than referencing it. The string forms select by asset type, since a
+	 * chunk's JavaScript and CSS share one name.
+	 * @param {HtmlOption} htmlOption the `output.html` option
+	 * @param {Chunk} chunk chunk to test
+	 * @param {"javascript" | "css"} contentType which asset of the chunk is emitted
+	 * @returns {boolean} true when that content is written into the page
+	 */
+	static isChunkInlined(htmlOption, chunk, contentType) {
+		const inlineOption =
+			typeof htmlOption === "object" ? htmlOption.inline : undefined;
+		if (!inlineOption) return false;
+		if (inlineOption === true) return true;
+		if (inlineOption === "script") return contentType === "javascript";
+		if (inlineOption === "style") return contentType === "css";
+		// A tag's chunk is named after its page, so the template it emits under is
+		// matched too; a global pattern carries `lastIndex`, so it is reset.
+		const name = chunk.name || String(chunk.id);
+		const { filenameTemplate } = chunk;
+		return inlineOption.some((re) => {
+			re.lastIndex = 0;
+			if (re.test(name)) return true;
+			if (typeof filenameTemplate !== "string") return false;
+			re.lastIndex = 0;
+			return re.test(filenameTemplate);
+		});
+	}
+
 	/**
 	 * @param {Chunk} chunk chunk
 	 * @param {"javascript" | "css"} contentHashType which chunk asset to inline
@@ -605,11 +657,11 @@ class HtmlGenerator extends Generator {
 		const chunksById = getChunksById(compilation);
 		const outputPath = /** @type {string} */ (compilation.outputOptions.path);
 		return content.replace(
-			INLINE_SENTINEL_REGEXP,
-			(_, hexId, contentHashType) => {
+			INLINE_SENTINEL_STATEMENT_REGEXP,
+			(_, hexId, contentHashType, terminator) => {
 				const chunkId = Buffer.from(hexId, "hex").toString("utf8");
 				const chunk = chunksById.get(chunkId);
-				if (!chunk) return "";
+				if (!chunk) return terminator;
 				const isCss = contentHashType === "css";
 				let out = "";
 				for (const file of chunk.files) {
@@ -635,7 +687,7 @@ class HtmlGenerator extends Generator {
 					out += raw;
 					if (inlinedFiles) inlinedFiles.add(file);
 				}
-				return out;
+				return out.endsWith(";") ? out : out + terminator;
 			}
 		);
 	}
@@ -670,17 +722,28 @@ class HtmlGenerator extends Generator {
 		// `skip.text` populates `contentEnd` (raw-text body end) without
 		// materializing text nodes; `</script` stays escaped, so CSP hashes match
 		// the exact bytes the browser sees.
-		const { NodeType, SourceProcessor } = getHtmlSyntax();
+		const { Field, Flag, NodeType, Part } = getHtmlParser();
+		const { SourceProcessor } = getHtmlSyntax();
+		/**
+		 * Where an element's content starts; a parser-inserted one has no tag, so
+		 * its content starts where it does.
+		 * @param {import("./syntax-parser").HtmlPath} path the element's path
+		 * @returns {number} the offset
+		 */
+		const contentStart = (path) => {
+			const start = path.startOf(Part.content);
+			return start === -1 ? path.start() : start;
+		};
 		new SourceProcessor()
 			.use({
 				[NodeType.Element]: {
 					enter: (path) => {
-						const name = path.tagName();
+						const name = path.name();
 						if (name === "head") {
-							if (headOpen < 0) headOpen = headEnd = path.tagEnd();
+							if (headOpen < 0) headOpen = headEnd = contentStart(path);
 							headDepth++;
 						} else if (name === "body") {
-							if (bodyOpen < 0) bodyOpen = bodyEnd = path.tagEnd();
+							if (bodyOpen < 0) bodyOpen = bodyEnd = contentStart(path);
 							bodyDepth++;
 						}
 					},
@@ -688,7 +751,7 @@ class HtmlGenerator extends Generator {
 					// closes. `script`, `style`, `link` and `meta` never nest in each
 					// other, so exiting keeps them in source order.
 					exit: (path) => {
-						const name = path.tagName();
+						const name = path.name();
 						if (name === "head") {
 							if (headDepth > 0) headDepth--;
 							return;
@@ -710,13 +773,14 @@ class HtmlGenerator extends Generator {
 						}
 						/** @type {Record<string, string | boolean | undefined>} */
 						const attrs = {};
-						const count = path.attributeCount();
+						const count = path.fieldCount(Field.attributes);
 						for (let i = 0; i < count; i++) {
-							const attr = path.attributeAt(i);
-							attrs[path.attributeName(attr)] =
-								path.attributeValueStart(attr) === -1
+							const attr = path.field(i, Field.attributes);
+							const valueStart = path.startOf(Part.value, attr);
+							attrs[path.name(attr)] =
+								valueStart === -1
 									? true
-									: path.attributeValue(attr);
+									: path.source(valueStart, path.endOf(Part.value, attr));
 						}
 						const isRawText = name === "script" || name === "style";
 						tags.push({
@@ -726,12 +790,12 @@ class HtmlGenerator extends Generator {
 						});
 						spans.push({
 							start: path.start(),
-							openEnd: path.tagEnd(),
+							openEnd: path.startOf(Part.content),
 							end,
 							location: bodyDepth > 0 ? "body" : "head",
-							nameEnd: isRawText ? path.nameEnd() : -1,
-							contentEnd: isRawText ? path.contentEnd() : -1,
-							selfClosing: path.selfClosing()
+							nameEnd: isRawText ? path.endOf(Part.name) : -1,
+							contentEnd: isRawText ? path.endOf(Part.content) : -1,
+							selfClosing: path.flag(Flag.selfClosing)
 						});
 						originals.push(snapshotAttrs(attrs));
 						descriptors.push(null);
@@ -786,7 +850,7 @@ class HtmlGenerator extends Generator {
 	 * @returns {string} the rendered HTML
 	 */
 	static renderHtml(content, model, csp) {
-		const { escapeAttribute } = getHtmlSyntax();
+		const { escapeAttribute } = getHtmlParser();
 		const { tags, spans, originals, descriptors, anchors } = model;
 		// CSP setup: an author-declared policy (page's own or injected) wins.
 		const options = csp ? (csp === true ? {} : csp) : undefined;
@@ -1176,7 +1240,7 @@ class HtmlGenerator extends Generator {
 
 	/**
 	 * Processes the provided dependencies block.
-	 * @param {import("../DependenciesBlock")} block the dependencies block which will be processed
+	 * @param {import("../graph/DependenciesBlock")} block the dependencies block which will be processed
 	 * @param {ReplaceSource} source the current replace source which can be modified
 	 * @param {DependencyTemplateContext} templateContext the template context
 	 * @returns {void}

package/lib/html/HtmlModule.js

@@ -4,16 +4,17 @@
 
 "use strict";
 
-const NormalModule = require("../NormalModule");
+const NormalModule = require("../module/NormalModule");
 const makeSerializable = require("../util/makeSerializable");
 
 /**
  * @import {
  * 	NormalModuleBuildInfo,
  * 	NormalModuleCreateData
- * } from "../NormalModule"
+ * } from "../module/NormalModule"
  */
 /** @import { HtmlEntryInfo } from "./HtmlModulesPlugin" */
+/** @import { ModuleKinds } from "../module/Module" */
 
 /**
  * Defines the build info properties specific to html modules.
@@ -42,4 +43,7 @@ class HtmlModule extends NormalModule {
 
 makeSerializable(HtmlModule, "webpack/lib/html/HtmlModule");
 
+/** @type {Set<keyof ModuleKinds>} */
+HtmlModule.KINDS = new Set([...NormalModule.KINDS, "html"]);
+
 module.exports = HtmlModule;