You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
94 lines
2.4 KiB
94 lines
2.4 KiB
// @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 ? '' : ':'; |
|
|
|
fixPositions.forEach((fixPosition) => { |
|
ruleNode.selector = |
|
ruleNode.selector.substring(0, fixPosition.startIndex - offset) + |
|
extraColon + |
|
ruleNode.selector.substring(fixPosition.startIndex); |
|
}); |
|
} |
|
}); |
|
}; |
|
} |
|
|
|
rule.ruleName = ruleName; |
|
rule.messages = messages; |
|
module.exports = rule;
|
|
|