-
-
Notifications
You must be signed in to change notification settings - Fork 929
/
index.js
117 lines (88 loc) · 2.81 KB
/
index.js
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
109
110
111
112
113
114
115
116
117
// @ts-nocheck
'use strict';
const valueParser = require('postcss-value-parser');
const declarationValueIndex = require('../../utils/declarationValueIndex');
const report = require('../../utils/report');
const ruleMessages = require('../../utils/ruleMessages');
const validateOptions = require('../../utils/validateOptions');
const ruleName = 'color-function-notation';
const messages = ruleMessages(ruleName, {
expected: (primary) => `Expected ${primary} color-function notation`,
});
const LEGACY_FUNCS = new Set(['rgba', 'hsla']);
const LEGACY_NOTATION_FUNCS = new Set(['rgb', 'rgba', 'hsl', 'hsla']);
function rule(primary, secondary, context) {
return (root, result) => {
const validOptions = validateOptions(result, ruleName, {
actual: primary,
possible: ['modern', 'legacy'],
});
if (!validOptions) return;
root.walkDecls((decl) => {
let needsFix = false;
const parsedValue = valueParser(getValue(decl));
parsedValue.walk((node) => {
const { value, type, sourceIndex, nodes } = node;
if (type !== 'function') return;
if (!LEGACY_NOTATION_FUNCS.has(value.toLowerCase())) return;
if (primary === 'modern' && !hasCommas(node)) return;
if (primary === 'legacy' && hasCommas(node)) return;
if (context.fix && primary === 'modern') {
let commaCount = 0;
// Convert punctuation
node.nodes = nodes.map((childNode) => {
if (isComma(childNode)) {
// Non-alpha commas to space and alpha commas to slashes
if (commaCount < 2) {
childNode.type = 'space';
childNode.value = atLeastOneSpace(childNode.after);
commaCount++;
} else {
childNode.value = '/';
childNode.before = atLeastOneSpace(childNode.before);
childNode.after = atLeastOneSpace(childNode.after);
}
}
return childNode;
});
// Remove trailing 'a' from legacy function name
if (LEGACY_FUNCS.has(node.value.toLowerCase())) {
node.value = node.value.slice(0, -1);
}
needsFix = true;
return;
}
report({
message: messages.expected(primary),
node: decl,
index: declarationValueIndex(decl) + sourceIndex,
result,
ruleName,
});
});
if (needsFix) {
setValue(decl, parsedValue.toString());
}
});
};
}
function atLeastOneSpace(whitespace) {
return whitespace !== '' ? whitespace : ' ';
}
function isComma(node) {
return node.type === 'div' && node.value === ',';
}
function hasCommas(node) {
return node.nodes && node.nodes.some((childNode) => isComma(childNode));
}
function getValue(decl) {
return decl.raws.value ? decl.raws.value.raw : decl.value;
}
function setValue(decl, value) {
if (decl.raws.value) decl.raws.value.raw = value;
else decl.value = value;
return decl;
}
rule.ruleName = ruleName;
rule.messages = messages;
module.exports = rule;