'use strict'; const _ = require('lodash'); const isStandardSyntaxRule = require('../../utils/isStandardSyntaxRule'); const isStandardSyntaxSelector = require('../../utils/isStandardSyntaxSelector'); const keywordSets = require('../../reference/keywordSets'); const optionsMatches = require('../../utils/optionsMatches'); 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-no-unknown'; const messages = ruleMessages(ruleName, { rejected: (selector) => `Unexpected unknown pseudo-element selector "${selector}"`, }); function rule(actual, options) { return (root, result) => { const validOptions = validateOptions( result, ruleName, { actual }, { actual: options, possible: { ignorePseudoElements: [_.isString], }, optional: true, }, ); if (!validOptions) { return; } root.walkRules((rule) => { if (!isStandardSyntaxRule(rule)) { return; } const selector = rule.selector; // Return early before parse if no pseudos for performance if (!selector.includes(':')) { return; } parseSelector(selector, result, rule, (selectorTree) => { selectorTree.walkPseudos((pseudoNode) => { const value = pseudoNode.value; if (!isStandardSyntaxSelector(value)) { return; } // Ignore pseudo-classes if (value.slice(0, 2) !== '::') { return; } if (optionsMatches(options, 'ignorePseudoElements', pseudoNode.value.slice(2))) { return; } const name = value.slice(2); if (postcss.vendor.prefix(name) || keywordSets.pseudoElements.has(name.toLowerCase())) { return; } report({ message: messages.rejected(value), node: rule, index: pseudoNode.sourceIndex, ruleName, result, }); }); }); }); }; } rule.ruleName = ruleName; rule.messages = messages; module.exports = rule;