index.js 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. // @ts-nocheck
  2. 'use strict';
  3. const _ = require('lodash');
  4. const isContextFunctionalPseudoClass = require('../../utils/isContextFunctionalPseudoClass');
  5. const isStandardSyntaxRule = require('../../utils/isStandardSyntaxRule');
  6. const optionsMatches = require('../../utils/optionsMatches');
  7. const parseSelector = require('../../utils/parseSelector');
  8. const report = require('../../utils/report');
  9. const resolvedNestedSelector = require('postcss-resolve-nested-selector');
  10. const ruleMessages = require('../../utils/ruleMessages');
  11. const validateOptions = require('../../utils/validateOptions');
  12. const ruleName = 'selector-max-attribute';
  13. const messages = ruleMessages(ruleName, {
  14. expected: (selector, max) =>
  15. `Expected "${selector}" to have no more than ${max} attribute ${
  16. max === 1 ? 'selector' : 'selectors'
  17. }`,
  18. });
  19. function rule(max, options) {
  20. return (root, result) => {
  21. const validOptions = validateOptions(
  22. result,
  23. ruleName,
  24. {
  25. actual: max,
  26. possible: [
  27. function (max) {
  28. return typeof max === 'number' && max >= 0;
  29. },
  30. ],
  31. },
  32. {
  33. actual: options,
  34. possible: {
  35. ignoreAttributes: [_.isString, _.isRegExp],
  36. },
  37. optional: true,
  38. },
  39. );
  40. if (!validOptions) {
  41. return;
  42. }
  43. function checkSelector(selectorNode, ruleNode) {
  44. const count = selectorNode.reduce((total, childNode) => {
  45. // Only traverse inside actual selectors and context functional pseudo-classes
  46. if (childNode.type === 'selector' || isContextFunctionalPseudoClass(childNode)) {
  47. checkSelector(childNode, ruleNode);
  48. }
  49. if (childNode.type !== 'attribute') {
  50. // Not an attribute node -> ignore
  51. return total;
  52. }
  53. if (optionsMatches(options, 'ignoreAttributes', childNode.attribute)) {
  54. // it's an attribute that is supposed to be ignored
  55. return total;
  56. }
  57. return (total += 1);
  58. }, 0);
  59. if (selectorNode.type !== 'root' && selectorNode.type !== 'pseudo' && count > max) {
  60. report({
  61. ruleName,
  62. result,
  63. node: ruleNode,
  64. message: messages.expected(selectorNode, max),
  65. word: selectorNode,
  66. });
  67. }
  68. }
  69. root.walkRules((ruleNode) => {
  70. if (!isStandardSyntaxRule(ruleNode)) {
  71. return;
  72. }
  73. ruleNode.selectors.forEach((selector) => {
  74. resolvedNestedSelector(selector, ruleNode).forEach((resolvedSelector) => {
  75. parseSelector(resolvedSelector, result, ruleNode, (container) =>
  76. checkSelector(container, ruleNode),
  77. );
  78. });
  79. });
  80. });
  81. };
  82. }
  83. rule.ruleName = ruleName;
  84. rule.messages = messages;
  85. module.exports = rule;