You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
133 lines
3.6 KiB
133 lines
3.6 KiB
2 years ago
|
/*
|
||
|
MIT License http://www.opensource.org/licenses/mit-license.php
|
||
|
Author Ivan Kopeykin @vankop
|
||
|
*/
|
||
|
|
||
|
"use strict";
|
||
|
|
||
|
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("../Dependency")} Dependency */
|
||
|
/** @typedef {import("../Dependency").UpdateHashContext} UpdateHashContext */
|
||
|
/** @typedef {import("../DependencyTemplate").DependencyTemplateContext} DependencyTemplateContext */
|
||
|
/** @typedef {import("../Module")} Module */
|
||
|
/** @typedef {import("../ModuleGraph")} ModuleGraph */
|
||
|
/** @typedef {import("../ModuleGraphConnection")} ModuleGraphConnection */
|
||
|
/** @typedef {import("../ModuleGraphConnection").ConnectionState} ConnectionState */
|
||
|
/** @typedef {import("../util/Hash")} Hash */
|
||
|
/** @typedef {import("../util/runtime").RuntimeSpec} RuntimeSpec */
|
||
|
|
||
|
const getRawDataUrlModule = memoize(() => require("../asset/RawDataUrlModule"));
|
||
|
|
||
|
class CssUrlDependency extends ModuleDependency {
|
||
|
/**
|
||
|
* @param {string} request request
|
||
|
* @param {[number, number]} range range of the argument
|
||
|
* @param {string} cssFunctionKind kind of css function, e. g. url(), image()
|
||
|
*/
|
||
|
constructor(request, range, cssFunctionKind) {
|
||
|
super(request);
|
||
|
this.range = range;
|
||
|
this.cssFunctionKind = cssFunctionKind;
|
||
|
}
|
||
|
|
||
|
get type() {
|
||
|
return "css url()";
|
||
|
}
|
||
|
|
||
|
get category() {
|
||
|
return "url";
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* @param {string} context context directory
|
||
|
* @returns {Module} a module
|
||
|
*/
|
||
|
createIgnoredModule(context) {
|
||
|
const RawDataUrlModule = getRawDataUrlModule();
|
||
|
return new RawDataUrlModule("data:,", `ignored-asset`, `(ignored asset)`);
|
||
|
}
|
||
|
|
||
|
serialize(context) {
|
||
|
const { write } = context;
|
||
|
write(this.cssFunctionKind);
|
||
|
super.serialize(context);
|
||
|
}
|
||
|
|
||
|
deserialize(context) {
|
||
|
const { read } = context;
|
||
|
this.cssFunctionKind = read();
|
||
|
super.deserialize(context);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
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}`)}"`;
|
||
|
} else {
|
||
|
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,
|
||
|
{ runtime, moduleGraph, runtimeTemplate, codeGenerationResults }
|
||
|
) {
|
||
|
const dep = /** @type {CssUrlDependency} */ (dependency);
|
||
|
|
||
|
source.replace(
|
||
|
dep.range[0],
|
||
|
dep.range[1] - 1,
|
||
|
`${dep.cssFunctionKind}(${cssEscapeString(
|
||
|
runtimeTemplate.assetUrl({
|
||
|
publicPath: "",
|
||
|
runtime,
|
||
|
module: moduleGraph.getModule(dep),
|
||
|
codeGenerationResults
|
||
|
})
|
||
|
)})`
|
||
|
);
|
||
|
}
|
||
|
};
|
||
|
|
||
|
makeSerializable(CssUrlDependency, "webpack/lib/dependencies/CssUrlDependency");
|
||
|
|
||
|
module.exports = CssUrlDependency;
|