index.js 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. // @ts-nocheck
  2. 'use strict';
  3. const isContextFunctionalPseudoClass = require('../../utils/isContextFunctionalPseudoClass');
  4. const isStandardSyntaxRule = require('../../utils/isStandardSyntaxRule');
  5. const parseSelector = require('../../utils/parseSelector');
  6. const report = require('../../utils/report');
  7. const resolvedNestedSelector = require('postcss-resolve-nested-selector');
  8. const ruleMessages = require('../../utils/ruleMessages');
  9. const validateOptions = require('../../utils/validateOptions');
  10. const ruleName = 'selector-max-compound-selectors';
  11. const messages = ruleMessages(ruleName, {
  12. expected: (selector, max) =>
  13. `Expected "${selector}" to have no more than ${max} compound ${
  14. max === 1 ? 'selector' : 'selectors'
  15. }`,
  16. });
  17. function rule(max) {
  18. return (root, result) => {
  19. const validOptions = validateOptions(result, ruleName, {
  20. actual: max,
  21. possible: [
  22. function (max) {
  23. return typeof max === 'number' && max > 0;
  24. },
  25. ],
  26. });
  27. if (!validOptions) {
  28. return;
  29. }
  30. // Finds actual selectors in selectorNode object and checks them
  31. function checkSelector(selectorNode, rule) {
  32. let compoundCount = 1;
  33. selectorNode.each((childNode) => {
  34. // Only traverse inside actual selectors and context functional pseudo-classes
  35. if (childNode.type === 'selector' || isContextFunctionalPseudoClass(childNode)) {
  36. checkSelector(childNode, rule);
  37. }
  38. // Compound selectors are separated by combinators, so increase count when meeting one
  39. if (childNode.type === 'combinator') {
  40. compoundCount++;
  41. }
  42. });
  43. if (selectorNode.type !== 'root' && selectorNode.type !== 'pseudo' && compoundCount > max) {
  44. report({
  45. ruleName,
  46. result,
  47. node: rule,
  48. message: messages.expected(selectorNode, max),
  49. word: selectorNode,
  50. });
  51. }
  52. }
  53. root.walkRules((rule) => {
  54. if (!isStandardSyntaxRule(rule)) {
  55. return;
  56. }
  57. // Using `rule.selectors` gets us each selector if there is a comma separated set
  58. rule.selectors.forEach((selector) => {
  59. resolvedNestedSelector(selector, rule).forEach((resolvedSelector) => {
  60. // Process each resolved selector with `checkSelector` via postcss-selector-parser
  61. parseSelector(resolvedSelector, result, rule, (s) => checkSelector(s, rule));
  62. });
  63. });
  64. });
  65. };
  66. }
  67. rule.ruleName = ruleName;
  68. rule.messages = messages;
  69. module.exports = rule;