| "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; |