3 const atRuleParamIndex = require("../../utils/atRuleParamIndex");
4 const isCustomMediaQuery = require("../../utils/isCustomMediaQuery");
5 const isRangeContextMediaFeature = require("../../utils/isRangeContextMediaFeature");
6 const isStandardSyntaxMediaFeatureName = require("../../utils/isStandardSyntaxMediaFeatureName");
7 const mediaParser = require("postcss-media-query-parser").default;
8 const report = require("../../utils/report");
9 const ruleMessages = require("../../utils/ruleMessages");
10 const validateOptions = require("../../utils/validateOptions");
12 const ruleName = "media-feature-name-case";
14 const messages = ruleMessages(ruleName, {
15 expected: (actual, expected) => `Expected "${actual}" to be "${expected}"`
18 const rule = function(expectation) {
19 return (root, result) => {
20 const validOptions = validateOptions(result, ruleName, {
22 possible: ["lower", "upper"]
28 root.walkAtRules(/^media$/i, atRule => {
29 mediaParser(atRule.params).walk(/^media-feature$/i, mediaFeatureNode => {
30 const parent = mediaFeatureNode.parent,
31 sourceIndex = mediaFeatureNode.sourceIndex,
32 value = mediaFeatureNode.value;
35 isRangeContextMediaFeature(parent.value) ||
36 !isStandardSyntaxMediaFeatureName(value) ||
37 isCustomMediaQuery(value)
42 const expectedFeatureName =
43 expectation === "lower" ? value.toLowerCase() : value.toUpperCase();
45 if (value === expectedFeatureName) {
50 index: atRuleParamIndex(atRule) + sourceIndex,
51 message: messages.expected(value, expectedFeatureName),
61 rule.ruleName = ruleName;
62 rule.messages = messages;
63 module.exports = rule;