3 const declarationValueIndex = require("../../utils/declarationValueIndex");
4 const findAnimationName = require("../../utils/findAnimationName");
5 const keywordSets = require("../../reference/keywordSets");
6 const report = require("../../utils/report");
7 const ruleMessages = require("../../utils/ruleMessages");
8 const validateOptions = require("../../utils/validateOptions");
10 const ruleName = "no-unknown-animations";
12 const messages = ruleMessages(ruleName, {
13 rejected: animationName =>
14 `Unexpected unknown animation name "${animationName}"`
17 const rule = function(actual) {
18 return (root, result) => {
19 const validOptions = validateOptions(result, ruleName, { actual });
24 const declaredAnimations = new Set();
25 root.walkAtRules(/(-(moz|webkit)-)?keyframes/i, atRule => {
26 declaredAnimations.add(atRule.params);
29 root.walkDecls(decl => {
31 decl.prop.toLowerCase() === "animation" ||
32 decl.prop.toLowerCase() === "animation-name"
34 const animationNames = findAnimationName(decl.value);
36 if (animationNames.length === 0) {
40 animationNames.forEach(animationNameNode => {
42 keywordSets.animationNameKeywords.has(
43 animationNameNode.value.toLowerCase()
48 if (declaredAnimations.has(animationNameNode.value)) {
55 message: messages.rejected(animationNameNode.value),
57 index: declarationValueIndex(decl) + animationNameNode.sourceIndex
65 rule.ruleName = ruleName;
66 rule.messages = messages;
67 module.exports = rule;