blob: a500e3375c7b7ff6ec02e0f99496a329d10de170 [file] [log] [blame]
// @ts-nocheck
'use strict';
const atRuleParamIndex = require('../../utils/atRuleParamIndex');
const isCustomSelector = require('../../utils/isCustomSelector');
const isStandardSyntaxAtRule = require('../../utils/isStandardSyntaxAtRule');
const isStandardSyntaxRule = require('../../utils/isStandardSyntaxRule');
const isStandardSyntaxSelector = require('../../utils/isStandardSyntaxSelector');
const keywordSets = require('../../reference/keywordSets');
const optionsMatches = require('../../utils/optionsMatches');
const parseSelector = require('../../utils/parseSelector');
const report = require('../../utils/report');
const ruleMessages = require('../../utils/ruleMessages');
const validateOptions = require('../../utils/validateOptions');
const vendor = require('../../utils/vendor');
const { isString } = require('../../utils/validateTypes');
const ruleName = 'selector-pseudo-class-no-unknown';
const messages = ruleMessages(ruleName, {
rejected: (selector) => `Unexpected unknown pseudo-class selector "${selector}"`,
});
function rule(actual, options) {
return (root, result) => {
const validOptions = validateOptions(
result,
ruleName,
{ actual },
{
actual: options,
possible: {
ignorePseudoClasses: [isString],
},
optional: true,
},
);
if (!validOptions) {
return;
}
function check(selector, node) {
parseSelector(selector, result, node, (selectorTree) => {
selectorTree.walkPseudos((pseudoNode) => {
const value = pseudoNode.value;
if (!isStandardSyntaxSelector(value)) {
return;
}
if (isCustomSelector(value)) {
return;
}
// Ignore pseudo-elements
if (value.slice(0, 2) === '::') {
return;
}
if (optionsMatches(options, 'ignorePseudoClasses', pseudoNode.value.slice(1))) {
return;
}
let index = null;
const name = value.slice(1).toLowerCase();
if (node.type === 'atrule' && node.name === 'page') {
if (keywordSets.atRulePagePseudoClasses.has(name)) {
return;
}
index = atRuleParamIndex(node) + pseudoNode.sourceIndex;
} else {
if (
vendor.prefix(name) ||
keywordSets.pseudoClasses.has(name) ||
keywordSets.pseudoElements.has(name)
) {
return;
}
let prevPseudoElement = pseudoNode;
do {
prevPseudoElement = prevPseudoElement.prev();
if (prevPseudoElement && prevPseudoElement.value.slice(0, 2) === '::') {
break;
}
} while (prevPseudoElement);
if (prevPseudoElement) {
const prevPseudoElementValue = vendor.unprefixed(
prevPseudoElement.value.toLowerCase().slice(2),
);
if (
keywordSets.webkitProprietaryPseudoElements.has(prevPseudoElementValue) &&
keywordSets.webkitProprietaryPseudoClasses.has(name)
) {
return;
}
}
index = pseudoNode.sourceIndex;
}
report({
message: messages.rejected(value),
node,
index,
ruleName,
result,
});
});
});
}
root.walk((node) => {
let selector = null;
if (node.type === 'rule') {
if (!isStandardSyntaxRule(node)) {
return;
}
selector = node.selector;
} else if (node.type === 'atrule' && node.name === 'page' && node.params) {
if (!isStandardSyntaxAtRule(node)) {
return;
}
selector = node.params;
}
// Return if selector empty, it is meaning node type is not a rule or a at-rule
if (!selector) {
return;
}
// Return early before parse if no pseudos for performance
if (!selector.includes(':')) {
return;
}
check(selector, node);
});
};
}
rule.ruleName = ruleName;
rule.messages = messages;
module.exports = rule;