blob: 657d8b4b48d75072020063a039503965fd750b1b [file] [log] [blame]
// @ts-nocheck
'use strict';
const isStandardSyntaxRule = require('../../utils/isStandardSyntaxRule');
const keywordSets = require('../../reference/keywordSets');
const report = require('../../utils/report');
const ruleMessages = require('../../utils/ruleMessages');
const styleSearch = require('style-search');
const validateOptions = require('../../utils/validateOptions');
const ruleName = 'selector-pseudo-element-colon-notation';
const messages = ruleMessages(ruleName, {
expected: (q) => `Expected ${q} colon pseudo-element notation`,
});
function rule(expectation, options, context) {
return (root, result) => {
const validOptions = validateOptions(result, ruleName, {
actual: expectation,
possible: ['single', 'double'],
});
if (!validOptions) {
return;
}
root.walkRules((ruleNode) => {
if (!isStandardSyntaxRule(ruleNode)) {
return;
}
const selector = ruleNode.selector;
// get out early if no pseudo elements or classes
if (!selector.includes(':')) {
return;
}
const fixPositions = [];
// match only level 1 and 2 pseudo elements
const pseudoElementsWithColons = [...keywordSets.levelOneAndTwoPseudoElements].map(
(x) => `:${x}`,
);
styleSearch({ source: selector.toLowerCase(), target: pseudoElementsWithColons }, (match) => {
const prevCharIsColon = selector[match.startIndex - 1] === ':';
if (expectation === 'single' && !prevCharIsColon) {
return;
}
if (expectation === 'double' && prevCharIsColon) {
return;
}
if (context.fix) {
fixPositions.unshift({ ruleNode, startIndex: match.startIndex });
return;
}
report({
message: messages.expected(expectation),
node: ruleNode,
index: match.startIndex,
result,
ruleName,
});
});
if (fixPositions.length) {
// If expecting : then we found :: so remove one of the colons
// If expecting :: then we found : so add one extra colon
const expectedSingle = expectation === 'single';
const offset = expectedSingle ? 1 : 0;
const extraColon = expectedSingle ? '' : ':';
for (const fixPosition of fixPositions) {
ruleNode.selector =
ruleNode.selector.substring(0, fixPosition.startIndex - offset) +
extraColon +
ruleNode.selector.substring(fixPosition.startIndex);
}
}
});
};
}
rule.ruleName = ruleName;
rule.messages = messages;
module.exports = rule;