|
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- // @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;
|