| // @ts-nocheck |
| |
| 'use strict'; |
| |
| const isContextFunctionalPseudoClass = require('../../utils/isContextFunctionalPseudoClass'); |
| const isNonNegativeInteger = require('../../utils/isNonNegativeInteger'); |
| const isStandardSyntaxRule = require('../../utils/isStandardSyntaxRule'); |
| const keywordSets = require('../../reference/keywordSets'); |
| const parseSelector = require('../../utils/parseSelector'); |
| const report = require('../../utils/report'); |
| const resolvedNestedSelector = require('postcss-resolve-nested-selector'); |
| const ruleMessages = require('../../utils/ruleMessages'); |
| const validateOptions = require('../../utils/validateOptions'); |
| |
| const ruleName = 'selector-max-pseudo-class'; |
| |
| const messages = ruleMessages(ruleName, { |
| expected: (selector, max) => |
| `Expected "${selector}" to have no more than ${max} pseudo-${max === 1 ? 'class' : 'classes'}`, |
| }); |
| |
| function rule(max) { |
| return (root, result) => { |
| const validOptions = validateOptions(result, ruleName, { |
| actual: max, |
| possible: isNonNegativeInteger, |
| }); |
| |
| if (!validOptions) { |
| return; |
| } |
| |
| function checkSelector(selectorNode, ruleNode) { |
| const count = selectorNode.reduce((total, childNode) => { |
| // Only traverse inside actual selectors and context functional pseudo-classes |
| if (childNode.type === 'selector' || isContextFunctionalPseudoClass(childNode)) { |
| checkSelector(childNode, ruleNode); |
| } |
| |
| // Exclude pseudo elements from the count |
| if ( |
| childNode.type === 'pseudo' && |
| (childNode.value.includes('::') || |
| keywordSets.levelOneAndTwoPseudoElements.has(childNode.value.toLowerCase().slice(1))) |
| ) { |
| return total; |
| } |
| |
| if (childNode.type === 'pseudo') { |
| total += 1; |
| } |
| |
| return total; |
| }, 0); |
| |
| if (count > max) { |
| report({ |
| ruleName, |
| result, |
| node: ruleNode, |
| message: messages.expected(selectorNode, max), |
| word: selectorNode, |
| }); |
| } |
| } |
| |
| root.walkRules((ruleNode) => { |
| if (!isStandardSyntaxRule(ruleNode)) { |
| return; |
| } |
| |
| for (const selector of ruleNode.selectors) { |
| for (const resolvedSelector of resolvedNestedSelector(selector, ruleNode)) { |
| parseSelector(resolvedSelector, result, rule, (selectorTree) => { |
| checkSelector(selectorTree, ruleNode); |
| }); |
| } |
| } |
| }); |
| }; |
| } |
| |
| rule.ruleName = ruleName; |
| rule.messages = messages; |
| module.exports = rule; |