'use strict';
const valueParser = require('postcss-value-parser');
const atrule = 'atrule';
const decl = 'decl';
const rule = 'rule';
const variableFunctions = new Set(['var', 'env', 'constant']);
function reduceCalcWhitespaces(node) {
if (node.type === 'space') {
node.value = ' ';
} else if (node.type === 'function') {
if (!variableFunctions.has(node.value.toLowerCase())) {
node.before = node.after = '';
}
}
}
function reduceWhitespaces(node) {
if (node.type === 'space') {
node.value = ' ';
} else if (node.type === 'div') {
node.before = node.after = '';
} else if (node.type === 'function') {
if (!variableFunctions.has(node.value.toLowerCase())) {
node.before = node.after = '';
}
if (node.value.toLowerCase() === 'calc') {
valueParser.walk(node.nodes, reduceCalcWhitespaces);
return false;
}
}
}
function pluginCreator() {
return {
postcssPlugin: 'postcss-normalize-whitespace',
OnceExit(css) {
const cache = new Map();
css.walk((node) => {
const { type } = node;
if ([decl, rule, atrule].includes(type) && node.raws.before) {
node.raws.before = node.raws.before.replace(/\s/g, '');
}
if (type === decl) {
if (node.important) {
node.raws.important = '!important';
}
node.value = node.value.replace(/\s*(\\9)\s*/, '$1');
const value = node.value;
if (cache.has(value)) {
node.value = cache.get(value);
} else {
const parsed = valueParser(node.value);
const result = parsed.walk(reduceWhitespaces).toString();
node.value = result;
cache.set(value, result);
}
if (node.prop.startsWith('--') && node.value === '') {
node.value = ' ';
}
if (node.raws.before) {
const prev = node.prev();
if (prev && prev.type !== rule) {
node.raws.before = node.raws.before.replace(/;/g, '');
}
}
node.raws.between = ':';
node.raws.semicolon = false;
} else if (type === rule || type === atrule) {
node.raws.between = node.raws.after = '';
node.raws.semicolon = false;
}
});
css.raws.after = '';
},
};
}
pluginCreator.postcss = true;
module.exports = pluginCreator;