-
Notifications
You must be signed in to change notification settings - Fork 16
/
Copy pathindex.js
90 lines (75 loc) · 2.42 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
const prefixPlugin = (options = {}) => {
const prefix = options.prefix;
const prefixWithSpace = /\s+$/.test(prefix) ? prefix : `${prefix} `;
const ignoreFiles = options.ignoreFiles ? [].concat(options.ignoreFiles) : [];
const includeFiles = options.includeFiles
? [].concat(options.includeFiles)
: [];
return {
postcssPlugin: 'postcss-prefix-selector',
prepare(result) {
const root = result.root;
const file = root.source.input.file;
// Skip ignored or non included files
if (ignoreFiles.length && file && isFileInArray(file, ignoreFiles)) {
return;
} else if (includeFiles.length && file && !isFileInArray(file, includeFiles)) {
return;
}
return {
Rule(rule, { result }) {
const keyframeRules = [
'keyframes',
'-webkit-keyframes',
'-moz-keyframes',
'-o-keyframes',
'-ms-keyframes',
];
if (rule.parent && keyframeRules.includes(rule.parent.name)) {
return;
}
rule.selectors = rule.selectors.map((selector) => {
if (options.exclude && excludeSelector(selector, options.exclude)) {
return selector;
}
if (options.transform) {
return options.transform(
prefix,
selector,
prefixWithSpace + selector,
root.source.input.file,
rule
);
}
// replace :root, body, html with the prefix
if ([':root', 'body', 'html'].some(globalSel => selector.startsWith(globalSel))) {
if (options.skipGlobalSelectors) {
return selector;
}
return selector.replace(/(html\s+body|:root\s+body|html|:root|body)/gm, prefix);
}
return prefixWithSpace + selector;
});
}
};
}
}
}
function isFileInArray(file, arr) {
return arr.some((ruleOrString) => {
if (ruleOrString instanceof RegExp) {
return ruleOrString.test(file);
}
return file.includes(ruleOrString);
});
}
function excludeSelector(selector, excludeArr) {
return excludeArr.some((excludeRule) => {
if (excludeRule instanceof RegExp) {
return excludeRule.test(selector);
}
return selector === excludeRule;
});
};
prefixPlugin.postcss = true
module.exports = prefixPlugin;