blob: bc0a37a4c648cb8d23ab9b741c806fb94dce2b1a [file] [log] [blame]
"use strict";
const _ = require("lodash");
const isStandardSyntaxRule = require("../../utils/isStandardSyntaxRule");
const isStandardSyntaxSelector = require("../../utils/isStandardSyntaxSelector");
const matchesStringOrRegExp = require("../../utils/matchesStringOrRegExp");
const parseSelector = require("../../utils/parseSelector");
const postcss = require("postcss");
const report = require("../../utils/report");
const ruleMessages = require("../../utils/ruleMessages");
const validateOptions = require("../../utils/validateOptions");
const ruleName = "selector-pseudo-element-whitelist";
const messages = ruleMessages(ruleName, {
rejected: selector => `Unexpected pseudo-element "${selector}"`
});
const rule = function(whitelist) {
return (root, result) => {
const validOptions = validateOptions(result, ruleName, {
actual: whitelist,
possible: [_.isString, _.isRegExp]
});
if (!validOptions) {
return;
}
root.walkRules(rule => {
if (!isStandardSyntaxRule(rule)) {
return;
}
const selector = rule.selector;
if (!isStandardSyntaxSelector(selector)) {
return;
}
if (selector.indexOf("::") === -1) {
return;
}
parseSelector(selector, result, rule, selectorTree => {
selectorTree.walkPseudos(pseudoNode => {
const value = pseudoNode.value;
// Ignore pseudo-classes
if (value[1] !== ":") {
return;
}
const name = value.slice(2);
if (
matchesStringOrRegExp(postcss.vendor.unprefixed(name), whitelist)
) {
return;
}
report({
index: pseudoNode.sourceIndex,
message: messages.rejected(name),
node: rule,
result,
ruleName
});
});
});
});
};
};
rule.primaryOptionArray = true;
rule.ruleName = ruleName;
rule.messages = messages;
module.exports = rule;