45 lines
1.2 KiB
JavaScript
45 lines
1.2 KiB
JavaScript
function renderFontFace(properties, minify) {
|
|
const lf = minify ? "" : `
|
|
`;
|
|
const sp = minify ? "" : " ";
|
|
return `@font-face${sp}{${lf}${Object.entries(properties).filter(([, value]) => Boolean(value)).map(([key, value]) => `${sp}${sp}${key}:${sp}${value};`).join(lf)}${lf}}${lf}`;
|
|
}
|
|
function renderCssVariable(key, values, minify) {
|
|
const lf = minify ? "" : `
|
|
`;
|
|
const sp = minify ? "" : " ";
|
|
return `:root${sp}{${lf}${sp}${sp}${key}:${sp}${values.map((v) => handleValueWithSpaces(v)).join(`,${sp}`)};${lf}}${lf}`;
|
|
}
|
|
function withFamily(family, properties) {
|
|
return {
|
|
"font-family": handleValueWithSpaces(family),
|
|
...properties
|
|
};
|
|
}
|
|
const SPACE_RE = /\s/;
|
|
function handleValueWithSpaces(value) {
|
|
if (SPACE_RE.test(value)) {
|
|
return JSON.stringify(value);
|
|
}
|
|
return value;
|
|
}
|
|
class MinifiableCssRenderer {
|
|
#minify;
|
|
constructor({ minify }) {
|
|
this.#minify = minify;
|
|
}
|
|
generateFontFace(family, properties) {
|
|
return renderFontFace(withFamily(family, properties), this.#minify);
|
|
}
|
|
generateCssVariable(key, values) {
|
|
return renderCssVariable(key, values, this.#minify);
|
|
}
|
|
}
|
|
export {
|
|
MinifiableCssRenderer,
|
|
handleValueWithSpaces,
|
|
renderCssVariable,
|
|
renderFontFace,
|
|
withFamily
|
|
};
|