blob: 17305dbdbc5f3b227e6e9eb216b095fd83806b64 [file] [log] [blame]
"use strict";
const _ = require("lodash");
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`
});
const rule = function(expectation, options, context) {
return (root, result) => {
const validOptions = validateOptions(result, ruleName, {
actual: expectation,
possible: ["single", "double"]
});
if (!validOptions) {
return;
}
root.walkRules(rule => {
if (!isStandardSyntaxRule(rule)) {
return;
}
const selector = rule.selector;
// get out early if no pseudo elements or classes
if (selector.indexOf(":") === -1) {
return;
}
const fixPositions = [];
// match only level 1 and 2 pseudo elements
const pseudoElementsWithColons = _.toArray(
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({ rule, startIndex: match.startIndex });
return;
}
report({
message: messages.expected(expectation),
node: rule,
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(function(fixPosition) {
rule.selector =
rule.selector.substring(0, fixPosition.startIndex - offset) +
extraColon +
rule.selector.substring(fixPosition.startIndex);
});
}
});
};
};
rule.ruleName = ruleName;
rule.messages = messages;
module.exports = rule;