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;
 |