3 const _ = require("lodash");
4 const isStandardSyntaxRule = require("../../utils/isStandardSyntaxRule");
5 const isStandardSyntaxSelector = require("../../utils/isStandardSyntaxSelector");
6 const matchesStringOrRegExp = require("../../utils/matchesStringOrRegExp");
7 const parseSelector = require("../../utils/parseSelector");
8 const postcss = require("postcss");
9 const report = require("../../utils/report");
10 const ruleMessages = require("../../utils/ruleMessages");
11 const validateOptions = require("../../utils/validateOptions");
13 const ruleName = "selector-pseudo-class-whitelist";
15 const messages = ruleMessages(ruleName, {
16 rejected: selector => `Unexpected pseudo-class "${selector}"`
19 const rule = function(whitelist) {
20 return (root, result) => {
21 const validOptions = validateOptions(result, ruleName, {
23 possible: [_.isString]
29 root.walkRules(rule => {
30 if (!isStandardSyntaxRule(rule)) {
34 const selector = rule.selector;
36 if (!isStandardSyntaxSelector(selector)) {
39 if (selector.indexOf(":") === -1) {
43 parseSelector(selector, result, rule, selectorTree => {
44 selectorTree.walkPseudos(pseudoNode => {
45 const value = pseudoNode.value;
47 // Ignore pseudo-elements
48 if (value.slice(0, 2) === "::") {
52 const name = value.slice(1);
55 matchesStringOrRegExp(postcss.vendor.unprefixed(name), whitelist)
61 index: pseudoNode.sourceIndex,
62 message: messages.rejected(name),
73 rule.primaryOptionArray = true;
75 rule.ruleName = ruleName;
76 rule.messages = messages;
77 module.exports = rule;