196 lines
		
	
	
		
			5.3 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			196 lines
		
	
	
		
			5.3 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
/*
 | 
						|
	MIT License http://www.opensource.org/licenses/mit-license.php
 | 
						|
	Author Ivan Kopeykin @vankop
 | 
						|
*/
 | 
						|
 | 
						|
"use strict";
 | 
						|
 | 
						|
const RawDataUrlModule = require("../asset/RawDataUrlModule");
 | 
						|
const makeSerializable = require("../util/makeSerializable");
 | 
						|
const memoize = require("../util/memoize");
 | 
						|
const ModuleDependency = require("./ModuleDependency");
 | 
						|
 | 
						|
/** @typedef {import("webpack-sources").ReplaceSource} ReplaceSource */
 | 
						|
/** @typedef {import("../ChunkGraph")} ChunkGraph */
 | 
						|
/** @typedef {import("../CodeGenerationResults")} CodeGenerationResults */
 | 
						|
/** @typedef {import("../Dependency")} Dependency */
 | 
						|
/** @typedef {import("../Dependency").UpdateHashContext} UpdateHashContext */
 | 
						|
/** @typedef {import("../DependencyTemplate").DependencyTemplateContext} DependencyTemplateContext */
 | 
						|
/** @typedef {import("../Module")} Module */
 | 
						|
/** @typedef {import("../Module").CodeGenerationResult} CodeGenerationResult */
 | 
						|
/** @typedef {import("../ModuleGraph")} ModuleGraph */
 | 
						|
/** @typedef {import("../ModuleGraphConnection")} ModuleGraphConnection */
 | 
						|
/** @typedef {import("../ModuleGraphConnection").ConnectionState} ConnectionState */
 | 
						|
/** @typedef {import("../javascript/JavascriptParser").Range} Range */
 | 
						|
/** @typedef {import("../serialization/ObjectMiddleware").ObjectDeserializerContext} ObjectDeserializerContext */
 | 
						|
/** @typedef {import("../serialization/ObjectMiddleware").ObjectSerializerContext} ObjectSerializerContext */
 | 
						|
/** @typedef {import("../util/Hash")} Hash */
 | 
						|
/** @typedef {import("../util/runtime").RuntimeSpec} RuntimeSpec */
 | 
						|
 | 
						|
const getIgnoredRawDataUrlModule = memoize(
 | 
						|
	() => new RawDataUrlModule("data:,", "ignored-asset", "(ignored asset)")
 | 
						|
);
 | 
						|
 | 
						|
class CssUrlDependency extends ModuleDependency {
 | 
						|
	/**
 | 
						|
	 * @param {string} request request
 | 
						|
	 * @param {Range} range range of the argument
 | 
						|
	 * @param {"string" | "url" | "src"} urlType dependency type e.g. url() or string
 | 
						|
	 */
 | 
						|
	constructor(request, range, urlType) {
 | 
						|
		super(request);
 | 
						|
		this.range = range;
 | 
						|
		this.urlType = urlType;
 | 
						|
	}
 | 
						|
 | 
						|
	get type() {
 | 
						|
		return "css url()";
 | 
						|
	}
 | 
						|
 | 
						|
	get category() {
 | 
						|
		return "url";
 | 
						|
	}
 | 
						|
 | 
						|
	/**
 | 
						|
	 * @param {string} context context directory
 | 
						|
	 * @returns {Module} ignored module
 | 
						|
	 */
 | 
						|
	createIgnoredModule(context) {
 | 
						|
		return getIgnoredRawDataUrlModule();
 | 
						|
	}
 | 
						|
 | 
						|
	/**
 | 
						|
	 * @param {ObjectSerializerContext} context context
 | 
						|
	 */
 | 
						|
	serialize(context) {
 | 
						|
		const { write } = context;
 | 
						|
		write(this.urlType);
 | 
						|
		super.serialize(context);
 | 
						|
	}
 | 
						|
 | 
						|
	/**
 | 
						|
	 * @param {ObjectDeserializerContext} context context
 | 
						|
	 */
 | 
						|
	deserialize(context) {
 | 
						|
		const { read } = context;
 | 
						|
		this.urlType = read();
 | 
						|
		super.deserialize(context);
 | 
						|
	}
 | 
						|
}
 | 
						|
 | 
						|
/**
 | 
						|
 * @param {string} str string
 | 
						|
 * @returns {string} string in quotes if needed
 | 
						|
 */
 | 
						|
const cssEscapeString = (str) => {
 | 
						|
	let countWhiteOrBracket = 0;
 | 
						|
	let countQuotation = 0;
 | 
						|
	let countApostrophe = 0;
 | 
						|
	for (let i = 0; i < str.length; i++) {
 | 
						|
		const cc = str.charCodeAt(i);
 | 
						|
		switch (cc) {
 | 
						|
			case 9: // tab
 | 
						|
			case 10: // nl
 | 
						|
			case 32: // space
 | 
						|
			case 40: // (
 | 
						|
			case 41: // )
 | 
						|
				countWhiteOrBracket++;
 | 
						|
				break;
 | 
						|
			case 34:
 | 
						|
				countQuotation++;
 | 
						|
				break;
 | 
						|
			case 39:
 | 
						|
				countApostrophe++;
 | 
						|
				break;
 | 
						|
		}
 | 
						|
	}
 | 
						|
	if (countWhiteOrBracket < 2) {
 | 
						|
		return str.replace(/[\n\t ()'"\\]/g, (m) => `\\${m}`);
 | 
						|
	} else if (countQuotation <= countApostrophe) {
 | 
						|
		return `"${str.replace(/[\n"\\]/g, (m) => `\\${m}`)}"`;
 | 
						|
	}
 | 
						|
	return `'${str.replace(/[\n'\\]/g, (m) => `\\${m}`)}'`;
 | 
						|
};
 | 
						|
 | 
						|
CssUrlDependency.Template = class CssUrlDependencyTemplate extends (
 | 
						|
	ModuleDependency.Template
 | 
						|
) {
 | 
						|
	/**
 | 
						|
	 * @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, runtimeTemplate, codeGenerationResults }
 | 
						|
	) {
 | 
						|
		const dep = /** @type {CssUrlDependency} */ (dependency);
 | 
						|
		const module = /** @type {Module} */ (moduleGraph.getModule(dep));
 | 
						|
 | 
						|
		/** @type {string | undefined} */
 | 
						|
		let newValue;
 | 
						|
 | 
						|
		switch (dep.urlType) {
 | 
						|
			case "string":
 | 
						|
				newValue = cssEscapeString(
 | 
						|
					this.assetUrl({
 | 
						|
						module,
 | 
						|
						codeGenerationResults
 | 
						|
					})
 | 
						|
				);
 | 
						|
				break;
 | 
						|
			case "url":
 | 
						|
				newValue = `url(${cssEscapeString(
 | 
						|
					this.assetUrl({
 | 
						|
						module,
 | 
						|
						codeGenerationResults
 | 
						|
					})
 | 
						|
				)})`;
 | 
						|
				break;
 | 
						|
			case "src":
 | 
						|
				newValue = `src(${cssEscapeString(
 | 
						|
					this.assetUrl({
 | 
						|
						module,
 | 
						|
						codeGenerationResults
 | 
						|
					})
 | 
						|
				)})`;
 | 
						|
				break;
 | 
						|
		}
 | 
						|
 | 
						|
		source.replace(
 | 
						|
			dep.range[0],
 | 
						|
			dep.range[1] - 1,
 | 
						|
			/** @type {string} */ (newValue)
 | 
						|
		);
 | 
						|
	}
 | 
						|
 | 
						|
	/**
 | 
						|
	 * @param {object} options options object
 | 
						|
	 * @param {Module} options.module the module
 | 
						|
	 * @param {RuntimeSpec=} options.runtime runtime
 | 
						|
	 * @param {CodeGenerationResults} options.codeGenerationResults the code generation results
 | 
						|
	 * @returns {string} the url of the asset
 | 
						|
	 */
 | 
						|
	assetUrl({ runtime, module, codeGenerationResults }) {
 | 
						|
		if (!module) {
 | 
						|
			return "data:,";
 | 
						|
		}
 | 
						|
		const codeGen = codeGenerationResults.get(module, runtime);
 | 
						|
		const data =
 | 
						|
			/** @type {NonNullable<CodeGenerationResult["data"]>} */
 | 
						|
			(codeGen.data);
 | 
						|
		if (!data) return "data:,";
 | 
						|
		const url = data.get("url");
 | 
						|
		if (!url || !url["css-url"]) return "data:,";
 | 
						|
		return url["css-url"];
 | 
						|
	}
 | 
						|
};
 | 
						|
 | 
						|
makeSerializable(CssUrlDependency, "webpack/lib/dependencies/CssUrlDependency");
 | 
						|
 | 
						|
CssUrlDependency.PUBLIC_PATH_AUTO = "__WEBPACK_CSS_PUBLIC_PATH_AUTO__";
 | 
						|
 | 
						|
module.exports = CssUrlDependency;
 |