| "use strict"; |
| |
| const _ = require("lodash"); |
| const atRuleParamIndex = require("../../utils/atRuleParamIndex"); |
| const isCustomMediaQuery = require("../../utils/isCustomMediaQuery"); |
| const isRangeContextMediaFeature = require("../../utils/isRangeContextMediaFeature"); |
| const isStandardSyntaxMediaFeatureName = require("../../utils/isStandardSyntaxMediaFeatureName"); |
| const mediaParser = require("postcss-media-query-parser").default; |
| const report = require("../../utils/report"); |
| const ruleMessages = require("../../utils/ruleMessages"); |
| const validateOptions = require("../../utils/validateOptions"); |
| |
| const ruleName = "media-feature-name-case"; |
| |
| const messages = ruleMessages(ruleName, { |
| expected: (actual, expected) => `Expected "${actual}" to be "${expected}"` |
| }); |
| |
| const rule = function(expectation, options, context) { |
| return (root, result) => { |
| const validOptions = validateOptions(result, ruleName, { |
| actual: expectation, |
| possible: ["lower", "upper"] |
| }); |
| |
| if (!validOptions) { |
| return; |
| } |
| |
| root.walkAtRules(/^media$/i, atRule => { |
| let hasComments = _.get(atRule, "raws.params.raw"); |
| const mediaRule = hasComments ? hasComments : atRule.params; |
| |
| mediaParser(mediaRule).walk(/^media-feature$/i, mediaFeatureNode => { |
| const parent = mediaFeatureNode.parent; |
| const sourceIndex = mediaFeatureNode.sourceIndex; |
| const value = mediaFeatureNode.value; |
| |
| if ( |
| isRangeContextMediaFeature(parent.value) || |
| !isStandardSyntaxMediaFeatureName(value) || |
| isCustomMediaQuery(value) |
| ) { |
| return; |
| } |
| |
| const expectedFeatureName = |
| expectation === "lower" ? value.toLowerCase() : value.toUpperCase(); |
| |
| if (value === expectedFeatureName) { |
| return; |
| } |
| |
| if (context.fix) { |
| if (hasComments) { |
| hasComments = |
| hasComments.slice(0, sourceIndex) + |
| expectedFeatureName + |
| hasComments.slice(sourceIndex + expectedFeatureName.length); |
| _.set(atRule, "raws.params.raw", hasComments); |
| } else { |
| atRule.params = |
| atRule.params.slice(0, sourceIndex) + |
| expectedFeatureName + |
| atRule.params.slice(sourceIndex + expectedFeatureName.length); |
| } |
| |
| return; |
| } |
| |
| report({ |
| index: atRuleParamIndex(atRule) + sourceIndex, |
| message: messages.expected(value, expectedFeatureName), |
| node: atRule, |
| ruleName, |
| result |
| }); |
| }); |
| }); |
| }; |
| }; |
| |
| rule.ruleName = ruleName; |
| rule.messages = messages; |
| module.exports = rule; |