index.js 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. // @ts-nocheck
  2. 'use strict';
  3. const isStandardSyntaxRule = require('../../utils/isStandardSyntaxRule');
  4. const parseSelector = require('../../utils/parseSelector');
  5. const report = require('../../utils/report');
  6. const resolvedNestedSelector = require('postcss-resolve-nested-selector');
  7. const ruleMessages = require('../../utils/ruleMessages');
  8. const validateOptions = require('../../utils/validateOptions');
  9. const ruleName = 'selector-max-combinators';
  10. const messages = ruleMessages(ruleName, {
  11. expected: (selector, max) =>
  12. `Expected "${selector}" to have no more than ${max} ${
  13. max === 1 ? 'combinator' : 'combinators'
  14. }`,
  15. });
  16. function rule(max) {
  17. return (root, result) => {
  18. const validOptions = validateOptions(result, ruleName, {
  19. actual: max,
  20. possible: [
  21. function (max) {
  22. return typeof max === 'number' && max >= 0;
  23. },
  24. ],
  25. });
  26. if (!validOptions) {
  27. return;
  28. }
  29. function checkSelector(selectorNode, ruleNode) {
  30. const count = selectorNode.reduce((total, childNode) => {
  31. // Only traverse inside actual selectors
  32. if (childNode.type === 'selector') {
  33. checkSelector(childNode, ruleNode);
  34. }
  35. return (total += childNode.type === 'combinator' ? 1 : 0);
  36. }, 0);
  37. if (selectorNode.type !== 'root' && selectorNode.type !== 'pseudo' && count > max) {
  38. report({
  39. ruleName,
  40. result,
  41. node: ruleNode,
  42. message: messages.expected(selectorNode, max),
  43. word: selectorNode,
  44. });
  45. }
  46. }
  47. root.walkRules((ruleNode) => {
  48. if (!isStandardSyntaxRule(ruleNode)) {
  49. return;
  50. }
  51. ruleNode.selectors.forEach((selector) => {
  52. resolvedNestedSelector(selector, ruleNode).forEach((resolvedSelector) => {
  53. parseSelector(resolvedSelector, result, ruleNode, (container) =>
  54. checkSelector(container, ruleNode),
  55. );
  56. });
  57. });
  58. });
  59. };
  60. }
  61. rule.ruleName = ruleName;
  62. rule.messages = messages;
  63. module.exports = rule;