blob: 0c9bf987f50f8de0dfc476a0486de2799c732484 [file] [log] [blame]
"use strict";
const declarationValueIndex = require("../../utils/declarationValueIndex");
const findAnimationName = require("../../utils/findAnimationName");
const keywordSets = require("../../reference/keywordSets");
const report = require("../../utils/report");
const ruleMessages = require("../../utils/ruleMessages");
const validateOptions = require("../../utils/validateOptions");
const ruleName = "no-unknown-animations";
const messages = ruleMessages(ruleName, {
rejected: animationName =>
`Unexpected unknown animation name "${animationName}"`
});
const rule = function(actual) {
return (root, result) => {
const validOptions = validateOptions(result, ruleName, { actual });
if (!validOptions) {
return;
}
const declaredAnimations = new Set();
root.walkAtRules(/(-(moz|webkit)-)?keyframes/i, atRule => {
declaredAnimations.add(atRule.params);
});
root.walkDecls(decl => {
if (
decl.prop.toLowerCase() === "animation" ||
decl.prop.toLowerCase() === "animation-name"
) {
const animationNames = findAnimationName(decl.value);
if (animationNames.length === 0) {
return;
}
animationNames.forEach(animationNameNode => {
if (
keywordSets.animationNameKeywords.has(
animationNameNode.value.toLowerCase()
)
) {
return;
}
if (declaredAnimations.has(animationNameNode.value)) {
return;
}
report({
result,
ruleName,
message: messages.rejected(animationNameNode.value),
node: decl,
index: declarationValueIndex(decl) + animationNameNode.sourceIndex
});
});
}
});
};
};
rule.ruleName = ruleName;
rule.messages = messages;
module.exports = rule;