index.js 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  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-id';
  13. const messages = ruleMessages(ruleName, {
  14. expected: (selector, max) =>
  15. `Expected "${selector}" to have no more than ${max} ID ${max === 1 ? 'selector' : 'selectors'}`,
  16. });
  17. function rule(max, options) {
  18. return (root, result) => {
  19. const validOptions = validateOptions(
  20. result,
  21. ruleName,
  22. {
  23. actual: max,
  24. possible: [
  25. function (max) {
  26. return typeof max === 'number' && max >= 0;
  27. },
  28. ],
  29. },
  30. {
  31. actual: options,
  32. possible: {
  33. ignoreContextFunctionalPseudoClasses: [_.isString, _.isRegExp],
  34. },
  35. optional: true,
  36. },
  37. );
  38. if (!validOptions) {
  39. return;
  40. }
  41. function checkSelector(selectorNode, ruleNode) {
  42. const count = selectorNode.reduce((total, childNode) => {
  43. // Only traverse inside actual selectors and context functional pseudo-classes that are not part of ignored functional pseudo-classes
  44. if (
  45. childNode.type === 'selector' ||
  46. (isContextFunctionalPseudoClass(childNode) &&
  47. !isIgnoredContextFunctionalPseudoClass(childNode, options))
  48. ) {
  49. checkSelector(childNode, ruleNode);
  50. }
  51. return (total += childNode.type === 'id' ? 1 : 0);
  52. }, 0);
  53. if (selectorNode.type !== 'root' && selectorNode.type !== 'pseudo' && count > max) {
  54. report({
  55. ruleName,
  56. result,
  57. node: ruleNode,
  58. message: messages.expected(selectorNode, max),
  59. word: selectorNode,
  60. });
  61. }
  62. }
  63. function isIgnoredContextFunctionalPseudoClass(node, options) {
  64. return (
  65. node.type === 'pseudo' &&
  66. optionsMatches(options, 'ignoreContextFunctionalPseudoClasses', node.value)
  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;