index.js 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  1. 'use strict';
  2. const isStandardSyntaxRule = require('../../utils/isStandardSyntaxRule');
  3. const parseSelector = require('../../utils/parseSelector');
  4. const report = require('../../utils/report');
  5. const ruleMessages = require('../../utils/ruleMessages');
  6. const validateOptions = require('../../utils/validateOptions');
  7. const ruleName = 'selector-pseudo-class-parentheses-space-inside';
  8. const messages = ruleMessages(ruleName, {
  9. expectedOpening: 'Expected single space after "("',
  10. rejectedOpening: 'Unexpected whitespace after "("',
  11. expectedClosing: 'Expected single space before ")"',
  12. rejectedClosing: 'Unexpected whitespace before ")"',
  13. });
  14. const meta = {
  15. url: 'https://stylelint.io/user-guide/rules/list/selector-pseudo-class-parentheses-space-inside',
  16. fixable: true,
  17. };
  18. /** @type {import('stylelint').Rule} */
  19. const rule = (primary, _secondaryOptions, context) => {
  20. return (root, result) => {
  21. const validOptions = validateOptions(result, ruleName, {
  22. actual: primary,
  23. possible: ['always', 'never'],
  24. });
  25. if (!validOptions) {
  26. return;
  27. }
  28. root.walkRules((ruleNode) => {
  29. if (!isStandardSyntaxRule(ruleNode)) {
  30. return;
  31. }
  32. if (!ruleNode.selector.includes('(')) {
  33. return;
  34. }
  35. let hasFixed = false;
  36. const selector = ruleNode.raws.selector ? ruleNode.raws.selector.raw : ruleNode.selector;
  37. const fixedSelector = parseSelector(selector, result, ruleNode, (selectorTree) => {
  38. selectorTree.walkPseudos((pseudoNode) => {
  39. if (!pseudoNode.length) {
  40. return;
  41. }
  42. const paramString = pseudoNode.map((node) => String(node)).join(',');
  43. const nextCharIsSpace = paramString.startsWith(' ');
  44. const openIndex = pseudoNode.sourceIndex + pseudoNode.value.length + 1;
  45. if (nextCharIsSpace && primary === 'never') {
  46. if (context.fix) {
  47. hasFixed = true;
  48. setFirstNodeSpaceBefore(pseudoNode, '');
  49. } else {
  50. complain(messages.rejectedOpening, openIndex);
  51. }
  52. }
  53. if (!nextCharIsSpace && primary === 'always') {
  54. if (context.fix) {
  55. hasFixed = true;
  56. setFirstNodeSpaceBefore(pseudoNode, ' ');
  57. } else {
  58. complain(messages.expectedOpening, openIndex);
  59. }
  60. }
  61. const prevCharIsSpace = paramString.endsWith(' ');
  62. const closeIndex = openIndex + paramString.length - 1;
  63. if (prevCharIsSpace && primary === 'never') {
  64. if (context.fix) {
  65. hasFixed = true;
  66. setLastNodeSpaceAfter(pseudoNode, '');
  67. } else {
  68. complain(messages.rejectedClosing, closeIndex);
  69. }
  70. }
  71. if (!prevCharIsSpace && primary === 'always') {
  72. if (context.fix) {
  73. hasFixed = true;
  74. setLastNodeSpaceAfter(pseudoNode, ' ');
  75. } else {
  76. complain(messages.expectedClosing, closeIndex);
  77. }
  78. }
  79. });
  80. });
  81. if (hasFixed && fixedSelector) {
  82. if (!ruleNode.raws.selector) {
  83. ruleNode.selector = fixedSelector;
  84. } else {
  85. ruleNode.raws.selector.raw = fixedSelector;
  86. }
  87. }
  88. /**
  89. * @param {string} message
  90. * @param {number} index
  91. */
  92. function complain(message, index) {
  93. report({
  94. message,
  95. index,
  96. result,
  97. ruleName,
  98. node: ruleNode,
  99. });
  100. }
  101. });
  102. };
  103. };
  104. /**
  105. * @param {import('postcss-selector-parser').Container} node
  106. * @param {string} value
  107. * @returns {void}
  108. */
  109. function setFirstNodeSpaceBefore(node, value) {
  110. const target = node.first;
  111. if (target.type === 'selector') {
  112. setFirstNodeSpaceBefore(target, value);
  113. } else {
  114. target.spaces.before = value;
  115. }
  116. }
  117. /**
  118. * @param {import('postcss-selector-parser').Container} node
  119. * @param {string} value
  120. * @returns {void}
  121. */
  122. function setLastNodeSpaceAfter(node, value) {
  123. const target = node.last;
  124. if (target.type === 'selector') {
  125. setLastNodeSpaceAfter(target, value);
  126. } else {
  127. target.spaces.after = value;
  128. }
  129. }
  130. rule.ruleName = ruleName;
  131. rule.messages = messages;
  132. rule.meta = meta;
  133. module.exports = rule;