stylelint
Version:
A mighty, modern CSS linter.
73 lines (57 loc) • 1.97 kB
JavaScript
;
const isStandardSyntaxRule = require('../../utils/isStandardSyntaxRule');
const matchesStringOrRegExp = require('../../utils/matchesStringOrRegExp');
const report = require('../../utils/report');
const ruleMessages = require('../../utils/ruleMessages');
const validateObjectWithArrayProps = require('../../utils/validateObjectWithArrayProps');
const validateOptions = require('../../utils/validateOptions');
const { isString, isRegExp } = require('../../utils/validateTypes');
const ruleName = 'rule-selector-property-disallowed-list';
const messages = ruleMessages(ruleName, {
rejected: (property, selector) => `Unexpected property "${property}" for selector "${selector}"`,
});
const meta = {
url: 'https://stylelint.io/user-guide/rules/list/rule-selector-property-disallowed-list',
};
/** @type {import('stylelint').Rule<Record<string, string | RegExp | Array<string | RegExp>>>} */
const rule = (primary) => {
return (root, result) => {
const validOptions = validateOptions(result, ruleName, {
actual: primary,
possible: [validateObjectWithArrayProps(isString, isRegExp)],
});
if (!validOptions) {
return;
}
const selectors = Object.keys(primary);
root.walkRules((ruleNode) => {
if (!isStandardSyntaxRule(ruleNode)) {
return;
}
const selectorKey = selectors.find((selector) =>
matchesStringOrRegExp(ruleNode.selector, selector),
);
if (!selectorKey) {
return;
}
const disallowedProperties = primary[selectorKey];
for (const node of ruleNode.nodes) {
const isDisallowedProperty =
node.type === 'decl' && matchesStringOrRegExp(node.prop, disallowedProperties);
if (isDisallowedProperty) {
report({
message: messages.rejected(node.prop, ruleNode.selector),
node,
result,
ruleName,
});
}
}
});
};
};
rule.primaryOptionArray = true;
rule.ruleName = ruleName;
rule.messages = messages;
rule.meta = meta;
module.exports = rule;