index.js
2.87 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
'use strict';
const valueParser = require('postcss-value-parser');
const atrule = 'atrule';
const decl = 'decl';
const rule = 'rule';
const variableFunctions = new Set(['var', 'env', 'constant']);
/**
* @param {valueParser.Node} node
* @return {void}
*/
function reduceCalcWhitespaces(node) {
if (node.type === 'space') {
node.value = ' ';
} else if (node.type === 'function') {
if (!variableFunctions.has(node.value.toLowerCase())) {
node.before = node.after = '';
}
}
}
/**
* @param {valueParser.Node} node
* @return {void | false}
*/
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;
}
}
}
/**
* @type {import('postcss').PluginCreator<void>}
* @return {import('postcss').Plugin}
*/
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) {
// Ensure that !important values do not have any excess whitespace
if (node.important) {
node.raws.important = '!important';
}
// Remove whitespaces around ie 9 hack
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();
// Trim whitespace inside functions & dividers
node.value = result;
cache.set(value, result);
}
if (node.prop.startsWith('--') && node.value === '') {
node.value = ' ';
}
// Remove extra semicolons and whitespace before the declaration
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;
}
});
// Remove final newline
css.raws.after = '';
},
};
}
pluginCreator.postcss = true;
module.exports = pluginCreator;