index.js 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  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-class';
  11. const messages = ruleMessages(ruleName, {
  12. expected: (selector, max) =>
  13. `Expected "${selector}" to have no more than ${max} ${max === 1 ? 'class' : 'classes'}`,
  14. });
  15. function rule(max) {
  16. return (root, result) => {
  17. const validOptions = validateOptions(result, ruleName, {
  18. actual: max,
  19. possible: [
  20. function (max) {
  21. return typeof max === 'number' && max >= 0;
  22. },
  23. ],
  24. });
  25. if (!validOptions) {
  26. return;
  27. }
  28. function checkSelector(selectorNode, ruleNode) {
  29. const count = selectorNode.reduce((total, childNode) => {
  30. // Only traverse inside actual selectors and context functional pseudo-classes
  31. if (childNode.type === 'selector' || isContextFunctionalPseudoClass(childNode)) {
  32. checkSelector(childNode, ruleNode);
  33. }
  34. return (total += childNode.type === 'class' ? 1 : 0);
  35. }, 0);
  36. if (selectorNode.type !== 'root' && selectorNode.type !== 'pseudo' && count > max) {
  37. report({
  38. ruleName,
  39. result,
  40. node: ruleNode,
  41. message: messages.expected(selectorNode, max),
  42. word: selectorNode,
  43. });
  44. }
  45. }
  46. root.walkRules((ruleNode) => {
  47. if (!isStandardSyntaxRule(ruleNode)) {
  48. return;
  49. }
  50. ruleNode.selectors.forEach((selector) => {
  51. resolvedNestedSelector(selector, ruleNode).forEach((resolvedSelector) => {
  52. parseSelector(resolvedSelector, result, ruleNode, (container) =>
  53. checkSelector(container, ruleNode),
  54. );
  55. });
  56. });
  57. });
  58. };
  59. }
  60. rule.ruleName = ruleName;
  61. rule.messages = messages;
  62. module.exports = rule;