| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110 |
- 'use strict';
- const { parse } = require('css-tree');
- const {
- aNPlusBNotationPseudoClasses,
- aNPlusBOfSNotationPseudoClasses,
- } = require('../../reference/selectors');
- const isStandardSyntaxRule = require('../../utils/isStandardSyntaxRule');
- const report = require('../../utils/report');
- const ruleMessages = require('../../utils/ruleMessages');
- const validateOptions = require('../../utils/validateOptions');
- const ruleName = 'selector-anb-no-unmatchable';
- const messages = ruleMessages(ruleName, {
- rejected: (pseudoClass) => `Unexpected unmatchable An+B selector "${pseudoClass}"`,
- });
- const meta = {
- url: 'https://stylelint.io/user-guide/rules/selector-anb-no-unmatchable',
- };
- function isUnmatchableNth(/** @type {import('css-tree').AnPlusB} */ nth) {
- const { a, b } = nth;
- if (a !== null && a !== '0' && a !== '-0') {
- return false;
- }
- if (b !== null && b !== '0' && b !== '-0') {
- return false;
- }
- return true;
- }
- /** @type {import('stylelint').Rule} */
- const rule = (primary) => {
- return (root, result) => {
- const validOptions = validateOptions(result, ruleName, { actual: primary });
- if (!validOptions) {
- return;
- }
- root.walkRules((ruleNode) => {
- if (!isStandardSyntaxRule(ruleNode)) {
- return;
- }
- ruleNode.selectors.forEach((selector) => {
- let cssTreeSelector;
- try {
- cssTreeSelector = parse(selector, { context: 'selector', positions: true });
- } catch (e) {
- return;
- }
- checkSelector(cssTreeSelector);
- });
- function checkSelector(/** @type {import('css-tree').CssNode} */ selector) {
- if (selector.type !== 'Selector') {
- return;
- }
- selector.children.forEach((selectorChild) => {
- if (
- selectorChild.type !== 'PseudoClassSelector' ||
- (!aNPlusBNotationPseudoClasses.has(selectorChild.name) &&
- !aNPlusBOfSNotationPseudoClasses.has(selectorChild.name))
- ) {
- return;
- }
- const pseudoClassSelector = selectorChild;
- if (pseudoClassSelector.children === null) {
- return;
- }
- pseudoClassSelector.children.forEach((child) => {
- if (child.type !== 'Nth' || child.nth.type !== 'AnPlusB') {
- return;
- }
- if (isUnmatchableNth(child.nth)) {
- report({
- message: messages.rejected,
- messageArgs: [`:${pseudoClassSelector.name}`],
- node: ruleNode,
- index: pseudoClassSelector.loc?.start.column,
- endIndex: pseudoClassSelector.loc?.end.column,
- result,
- ruleName,
- });
- }
- });
- });
- }
- });
- };
- };
- rule.ruleName = ruleName;
- rule.messages = messages;
- rule.meta = meta;
- module.exports = rule;
|