| "use strict"; |
| |
| const atRuleParamIndex = require("../../utils/atRuleParamIndex"); |
| const declarationValueIndex = require("../../utils/declarationValueIndex"); |
| const getUnitFromValueNode = require("../../utils/getUnitFromValueNode"); |
| const report = require("../../utils/report"); |
| const ruleMessages = require("../../utils/ruleMessages"); |
| const validateOptions = require("../../utils/validateOptions"); |
| const valueParser = require("postcss-value-parser"); |
| |
| const ruleName = "unit-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; |
| } |
| |
| function check(node, value, getIndex) { |
| const violations = []; |
| |
| function processValue(valueNode) { |
| const unit = getUnitFromValueNode(valueNode); |
| |
| if (!unit) { |
| return false; |
| } |
| |
| const expectedUnit = |
| expectation === "lower" ? unit.toLowerCase() : unit.toUpperCase(); |
| |
| if (unit === expectedUnit) { |
| return false; |
| } |
| |
| violations.push({ |
| index: getIndex(node) + valueNode.sourceIndex, |
| message: messages.expected(unit, expectedUnit) |
| }); |
| |
| return true; |
| } |
| |
| const parsedValue = valueParser(value).walk(valueNode => { |
| // Ignore wrong units within `url` function |
| let needFix = false; |
| const value = valueNode.value; |
| |
| if (valueNode.type === "function" && value.toLowerCase() === "url") { |
| return false; |
| } |
| |
| if (value.includes("*")) { |
| needFix = value.split("*").some(val => { |
| return processValue( |
| Object.assign({}, valueNode, { |
| sourceIndex: value.indexOf(val) + val.length + 1, |
| value: val |
| }) |
| ); |
| }); |
| } |
| |
| needFix = processValue(valueNode); |
| |
| if (needFix && context.fix) { |
| valueNode.value = |
| expectation === "lower" ? value.toLowerCase() : value.toUpperCase(); |
| } |
| }); |
| |
| if (violations.length) { |
| if (context.fix) { |
| if (node.name === "media") { |
| node.params = parsedValue.toString(); |
| } else { |
| node.value = parsedValue.toString(); |
| } |
| } else { |
| violations.forEach(err => { |
| report({ |
| index: err.index, |
| message: err.message, |
| node, |
| result, |
| ruleName |
| }); |
| }); |
| } |
| } |
| } |
| |
| root.walkAtRules(atRule => { |
| if (!/^media$/i.test(atRule.name) && !atRule.variable) { |
| return; |
| } |
| |
| check(atRule, atRule.params, atRuleParamIndex); |
| }); |
| root.walkDecls(decl => check(decl, decl.value, declarationValueIndex)); |
| }; |
| }; |
| |
| rule.ruleName = ruleName; |
| rule.messages = messages; |
| module.exports = rule; |