| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102 |
- // NOTICE: This file is generated by Rollup. To modify it,
- // please instead edit the ESM counterpart and rebuild with Rollup (npm run build).
- 'use strict';
- const getRuleSelector = require('../../utils/getRuleSelector.cjs');
- const isStandardSyntaxRule = require('../../utils/isStandardSyntaxRule.cjs');
- const selectors = require('../../reference/selectors.cjs');
- const parseSelector = require('../../utils/parseSelector.cjs');
- const report = require('../../utils/report.cjs');
- const ruleMessages = require('../../utils/ruleMessages.cjs');
- const validateOptions = require('../../utils/validateOptions.cjs');
- const ruleName = 'selector-pseudo-element-colon-notation';
- const messages = ruleMessages(ruleName, {
- expected: (type) => `Expected ${type} colon pseudo-element notation`,
- });
- const meta = {
- url: 'https://stylelint.io/user-guide/rules/selector-pseudo-element-colon-notation',
- fixable: true,
- };
- /** @type {import('stylelint').CoreRules[ruleName]} */
- const rule = (primary) => {
- return (root, result) => {
- const validOptions = validateOptions(result, ruleName, {
- actual: primary,
- possible: ['single', 'double'],
- });
- if (!validOptions) {
- return;
- }
- let fixedColon = '';
- if (primary === 'single') {
- fixedColon = ':';
- } else if (primary === 'double') {
- fixedColon = '::';
- }
- root.walkRules((ruleNode) => {
- if (!isStandardSyntaxRule(ruleNode)) {
- return;
- }
- // get out early if no pseudo elements or classes
- if (!ruleNode.selector.includes(':')) {
- return;
- }
- const selectorRoot = parseSelector(getRuleSelector(ruleNode), result, ruleNode);
- if (!selectorRoot) return;
- selectorRoot.walkPseudos((pseudo) => {
- const pseudoElement = pseudo.value.replaceAll(':', '');
- if (!selectors.levelOneAndTwoPseudoElements.has(pseudoElement.toLowerCase())) {
- return;
- }
- const isDouble = pseudo.value.startsWith('::');
- if (primary === 'single' && !isDouble) {
- return;
- }
- if (primary === 'double' && isDouble) {
- return;
- }
- const fix = () => {
- pseudo.replaceWith(pseudo.clone({ value: fixedColon + pseudoElement }));
- ruleNode.selector = selectorRoot.toString();
- };
- report({
- message: messages.expected,
- messageArgs: [primary],
- node: ruleNode,
- index: pseudo.sourceIndex,
- endIndex: pseudo.sourceIndex + (isDouble ? 2 : 1),
- result,
- ruleName,
- fix: {
- apply: fix,
- node: ruleNode,
- },
- });
- });
- });
- };
- };
- rule.ruleName = ruleName;
- rule.messages = messages;
- rule.meta = meta;
- module.exports = rule;
|