webpack 5.106.2 → 5.107.1

package/lib/dependencies/HtmlInlineScriptDependency.js

@@ -0,0 +1,133 @@
+/*
+	MIT License http://www.opensource.org/licenses/mit-license.php
+*/
+
+"use strict";
+
+const makeSerializable = require("../util/makeSerializable");
+const CssUrlDependency = require("./CssUrlDependency");
+const ModuleDependency = require("./ModuleDependency");
+
+/** @typedef {import("webpack-sources").ReplaceSource} ReplaceSource */
+/** @typedef {import("../Chunk")} Chunk */
+/** @typedef {import("../Dependency")} Dependency */
+/** @typedef {import("../DependencyTemplate").DependencyTemplateContext} DependencyTemplateContext */
+/** @typedef {import("../Entrypoint")} Entrypoint */
+/** @typedef {import("../javascript/JavascriptParser").Range} Range */
+/** @typedef {import("../serialization/ObjectMiddleware").ObjectDeserializerContext} ObjectDeserializerContext */
+/** @typedef {import("../serialization/ObjectMiddleware").ObjectSerializerContext} ObjectSerializerContext */
+
+/**
+ * Represents an inline `<script>...</script>` block in an HTML module. The
+ * tag's body is bundled as its own entry chunk — the same pipeline that
+ * processes `<script src>` — and the inline body is replaced with a
+ * `src` attribute pointing at the emitted chunk URL.
+ */
+class HtmlInlineScriptDependency extends ModuleDependency {
+	/**
+	 * Creates an instance of HtmlInlineScriptDependency.
+	 * @param {string} request virtual request resolving to the inline JS (data URI)
+	 * @param {number} insertPos position right after `<script` where ` src="…"` is inserted
+	 * @param {Range} contentRange range of the inline JS body (between `<script>` and `</script>`)
+	 * @param {string} entryName name of the entry the inline JS is bundled into
+	 * @param {string=} category dependency category used for resolving and grouping
+	 */
+	constructor(request, insertPos, contentRange, entryName, category) {
+		super(request);
+		this.insertPos = insertPos;
+		this.contentRange = contentRange;
+		this.range = contentRange;
+		this.entryName = entryName;
+		/** @type {string} */
+		this._category = category || "commonjs";
+	}
+
+	get type() {
+		return "html inline script";
+	}
+
+	get category() {
+		return this._category;
+	}
+
+	/**
+	 * Serializes this instance into the provided serializer context.
+	 * @param {ObjectSerializerContext} context context
+	 */
+	serialize(context) {
+		const { write } = context;
+		write(this.insertPos);
+		write(this.contentRange);
+		write(this.entryName);
+		write(this._category);
+		super.serialize(context);
+	}
+
+	/**
+	 * Restores this instance from the provided deserializer context.
+	 * @param {ObjectDeserializerContext} context context
+	 */
+	deserialize(context) {
+		const { read } = context;
+		this.insertPos = read();
+		this.contentRange = read();
+		this.range = this.contentRange;
+		this.entryName = read();
+		this._category = read();
+		super.deserialize(context);
+	}
+}
+
+HtmlInlineScriptDependency.Template = class HtmlInlineScriptDependencyTemplate extends (
+	ModuleDependency.Template
+) {
+	/**
+	 * Applies the plugin by registering its hooks on the compiler.
+	 * @param {Dependency} dependency the dependency for which the template should be applied
+	 * @param {ReplaceSource} source the current replace source which can be modified
+	 * @param {DependencyTemplateContext} templateContext the context object
+	 * @returns {void}
+	 */
+	apply(dependency, source, templateContext) {
+		const { runtimeTemplate } = templateContext;
+		const dep = /** @type {HtmlInlineScriptDependency} */ (dependency);
+		const compilation = runtimeTemplate.compilation;
+		const entrypoint = /** @type {Entrypoint | undefined} */ (
+			compilation.entrypoints.get(dep.entryName)
+		);
+
+		/** @type {string} */
+		let url = "data:,";
+
+		if (entrypoint) {
+			const chunk = /** @type {Chunk} */ (entrypoint.getEntrypointChunk());
+			const outputOptions = runtimeTemplate.outputOptions;
+			const filenameTemplate =
+				chunk.filenameTemplate ||
+				(chunk.canBeInitial()
+					? outputOptions.filename
+					: outputOptions.chunkFilename);
+
+			const filename = compilation.getPath(filenameTemplate, {
+				chunk,
+				contentHashType: "javascript"
+			});
+
+			url = `${CssUrlDependency.PUBLIC_PATH_AUTO}${filename}`;
+		}
+
+		// Insert ` src="…"` right after `<script` so the inline body is
+		// served from the emitted chunk instead. The browser ignores the
+		// remaining inline body once `src` is present, but we still clear
+		// it below so the unprocessed JS doesn't ride along.
+		source.insert(dep.insertPos, ` src="${url}"`);
+		source.replace(dep.contentRange[0], dep.contentRange[1] - 1, "");
+	}
+};
+
+makeSerializable(
+	HtmlInlineScriptDependency,
+	"webpack/lib/dependencies/HtmlInlineScriptDependency"
+);
+
+module.exports = HtmlInlineScriptDependency;

package/lib/dependencies/HtmlInlineStyleDependency.js

@@ -0,0 +1,101 @@
+/*
+	MIT License http://www.opensource.org/licenses/mit-license.php
+*/
+
+"use strict";
+
+const { CSS_TEXT_TYPE } = require("../ModuleSourceTypeConstants");
+const makeSerializable = require("../util/makeSerializable");
+const ModuleDependency = require("./ModuleDependency");
+
+/** @typedef {import("webpack-sources").ReplaceSource} ReplaceSource */
+/** @typedef {import("../CodeGenerationResults")} CodeGenerationResults */
+/** @typedef {import("../Dependency")} Dependency */
+/** @typedef {import("../DependencyTemplate").DependencyTemplateContext} DependencyTemplateContext */
+/** @typedef {import("../Module")} Module */
+/** @typedef {import("../javascript/JavascriptParser").Range} Range */
+/** @typedef {import("../serialization/ObjectMiddleware").ObjectDeserializerContext} ObjectDeserializerContext */
+/** @typedef {import("../serialization/ObjectMiddleware").ObjectSerializerContext} ObjectSerializerContext */
+/** @typedef {import("../util/runtime").RuntimeSpec} RuntimeSpec */
+
+/**
+ * Represents an inline `<style>...</style>` block in an HTML module. The
+ * tag's content is fed into webpack's CSS pipeline as a virtual CSS module
+ * with `exportType: "text"` so `url()` and `\@import` references are
+ * resolved relative to the HTML file. At render time the original content
+ * range is replaced with the processed CSS text read from the CSS module's
+ * code generation data.
+ */
+class HtmlInlineStyleDependency extends ModuleDependency {
+	/**
+	 * Creates an instance of HtmlInlineStyleDependency.
+	 * @param {string} request virtual request resolving to the inline CSS (data URI)
+	 * @param {Range} range range of the inline CSS content (between `<style>` and `</style>`)
+	 */
+	constructor(request, range) {
+		super(request);
+		this.range = range;
+	}
+
+	get type() {
+		return "html inline style";
+	}
+
+	get category() {
+		return "html-style";
+	}
+
+	/**
+	 * Serializes this instance into the provided serializer context.
+	 * @param {ObjectSerializerContext} context context
+	 */
+	serialize(context) {
+		super.serialize(context);
+	}
+
+	/**
+	 * Restores this instance from the provided deserializer context.
+	 * @param {ObjectDeserializerContext} context context
+	 */
+	deserialize(context) {
+		super.deserialize(context);
+	}
+}
+
+HtmlInlineStyleDependency.Template = class HtmlInlineStyleDependencyTemplate extends (
+	ModuleDependency.Template
+) {
+	/**
+	 * Applies the plugin by registering its hooks on the compiler.
+	 * @param {Dependency} dependency the dependency for which the template should be applied
+	 * @param {ReplaceSource} source the current replace source which can be modified
+	 * @param {DependencyTemplateContext} templateContext the context object
+	 * @returns {void}
+	 */
+	apply(dependency, source, { moduleGraph, runtime, codeGenerationResults }) {
+		const dep = /** @type {HtmlInlineStyleDependency} */ (dependency);
+		const module = /** @type {Module} */ (moduleGraph.getModule(dep));
+
+		/** @type {string} */
+		let cssText = "";
+
+		if (module) {
+			const codeGen =
+				/** @type {CodeGenerationResults} */
+				(codeGenerationResults).get(module, runtime);
+			const cssTextSource = codeGen.sources.get(CSS_TEXT_TYPE);
+			if (cssTextSource) {
+				cssText = /** @type {string} */ (cssTextSource.source());
+			}
+		}
+
+		source.replace(dep.range[0], dep.range[1] - 1, cssText);
+	}
+};
+
+makeSerializable(
+	HtmlInlineStyleDependency,
+	"webpack/lib/dependencies/HtmlInlineStyleDependency"
+);
+
+module.exports = HtmlInlineStyleDependency;