index.cjs 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. // NOTICE: This file is generated by Rollup. To modify it,
  2. // please instead edit the ESM counterpart and rebuild with Rollup (npm run build).
  3. 'use strict';
  4. const getRuleSelector = require('../../utils/getRuleSelector.cjs');
  5. const isStandardSyntaxRule = require('../../utils/isStandardSyntaxRule.cjs');
  6. const selectors = require('../../reference/selectors.cjs');
  7. const parseSelector = require('../../utils/parseSelector.cjs');
  8. const report = require('../../utils/report.cjs');
  9. const ruleMessages = require('../../utils/ruleMessages.cjs');
  10. const validateOptions = require('../../utils/validateOptions.cjs');
  11. const ruleName = 'selector-pseudo-element-colon-notation';
  12. const messages = ruleMessages(ruleName, {
  13. expected: (type) => `Expected ${type} colon pseudo-element notation`,
  14. });
  15. const meta = {
  16. url: 'https://stylelint.io/user-guide/rules/selector-pseudo-element-colon-notation',
  17. fixable: true,
  18. };
  19. /** @type {import('stylelint').CoreRules[ruleName]} */
  20. const rule = (primary) => {
  21. return (root, result) => {
  22. const validOptions = validateOptions(result, ruleName, {
  23. actual: primary,
  24. possible: ['single', 'double'],
  25. });
  26. if (!validOptions) {
  27. return;
  28. }
  29. let fixedColon = '';
  30. if (primary === 'single') {
  31. fixedColon = ':';
  32. } else if (primary === 'double') {
  33. fixedColon = '::';
  34. }
  35. root.walkRules((ruleNode) => {
  36. if (!isStandardSyntaxRule(ruleNode)) {
  37. return;
  38. }
  39. // get out early if no pseudo elements or classes
  40. if (!ruleNode.selector.includes(':')) {
  41. return;
  42. }
  43. const selectorRoot = parseSelector(getRuleSelector(ruleNode), result, ruleNode);
  44. if (!selectorRoot) return;
  45. selectorRoot.walkPseudos((pseudo) => {
  46. const pseudoElement = pseudo.value.replaceAll(':', '');
  47. if (!selectors.levelOneAndTwoPseudoElements.has(pseudoElement.toLowerCase())) {
  48. return;
  49. }
  50. const isDouble = pseudo.value.startsWith('::');
  51. if (primary === 'single' && !isDouble) {
  52. return;
  53. }
  54. if (primary === 'double' && isDouble) {
  55. return;
  56. }
  57. const fix = () => {
  58. pseudo.replaceWith(pseudo.clone({ value: fixedColon + pseudoElement }));
  59. ruleNode.selector = selectorRoot.toString();
  60. };
  61. report({
  62. message: messages.expected,
  63. messageArgs: [primary],
  64. node: ruleNode,
  65. index: pseudo.sourceIndex,
  66. endIndex: pseudo.sourceIndex + (isDouble ? 2 : 1),
  67. result,
  68. ruleName,
  69. fix: {
  70. apply: fix,
  71. node: ruleNode,
  72. },
  73. });
  74. });
  75. });
  76. };
  77. };
  78. rule.ruleName = ruleName;
  79. rule.messages = messages;
  80. rule.meta = meta;
  81. module.exports = rule;