You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
64 lines
1.7 KiB
64 lines
1.7 KiB
// @ts-nocheck |
|
|
|
'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}"`, |
|
}); |
|
|
|
function rule(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;
|
|
|