blob: c6cef71794dcdaded87224aa7a83d10bd024dceb [file] [log] [blame]
"use strict";
const _ = require("lodash");
const atRuleParamIndex = require("../../utils/atRuleParamIndex");
const declarationValueIndex = require("../../utils/declarationValueIndex");
const getUnitFromValueNode = require("../../utils/getUnitFromValueNode");
const mediaParser = require("postcss-media-query-parser").default;
const optionsMatches = require("../../utils/optionsMatches");
const report = require("../../utils/report");
const ruleMessages = require("../../utils/ruleMessages");
const validateObjectWithArrayProps = require("../../utils/validateObjectWithArrayProps");
const validateOptions = require("../../utils/validateOptions");
const valueParser = require("postcss-value-parser");
const ruleName = "unit-blacklist";
const messages = ruleMessages(ruleName, {
rejected: unit => `Unexpected unit "${unit}"`
});
// a function to retrieve only the media feature name
// could be externalized in an utils function if needed in other code
const getMediaFeatureName = mediaFeatureNode => {
const value = mediaFeatureNode.value.toLowerCase();
return /((-?\w*)*)/i.exec(value)[1];
};
const rule = function(blacklistInput, options) {
const blacklist = [].concat(blacklistInput);
return (root, result) => {
const validOptions = validateOptions(
result,
ruleName,
{
actual: blacklist,
possible: [_.isString]
},
{
optional: true,
actual: options,
possible: {
ignoreProperties: validateObjectWithArrayProps([
_.isString,
_.isRegExp
]),
ignoreMediaFeatureNames: validateObjectWithArrayProps([
_.isString,
_.isRegExp
])
}
}
);
if (!validOptions) {
return;
}
function check(node, nodeIndex, valueNode, input, option) {
const unit = getUnitFromValueNode(valueNode);
// There is not unit or it is not configured as a violation
if (!unit || (unit && blacklist.indexOf(unit.toLowerCase()) === -1)) {
return;
}
// The unit has an ignore option for the specific input
if (optionsMatches(option, unit.toLowerCase(), input)) {
return;
}
report({
index: nodeIndex + valueNode.sourceIndex,
message: messages.rejected(unit),
node,
result,
ruleName
});
}
function checkMedia(node, value, getIndex) {
mediaParser(node.params).walk(/^media-feature$/i, mediaFeatureNode => {
const mediaName = getMediaFeatureName(mediaFeatureNode);
const parentValue = mediaFeatureNode.parent.value;
valueParser(value).walk(function(valueNode) {
// Ignore all non-word valueNode and
// the values not included in the parentValue string
if (
valueNode.type !== "word" ||
!parentValue.includes(valueNode.value)
) {
return;
}
check(
node,
getIndex(node),
valueNode,
mediaName,
options ? options.ignoreMediaFeatureNames : {}
);
});
return;
});
}
function checkDecl(node, value, getIndex) {
// make sure multiplication operations (*) are divided - not handled
// by postcss-value-parser
value = value.replace(/\*/g, ",");
valueParser(value).walk(function(valueNode) {
// Ignore wrong units within `url` function
if (
valueNode.type === "function" &&
valueNode.value.toLowerCase() === "url"
) {
return false;
}
check(
node,
getIndex(node),
valueNode,
node.prop,
options ? options.ignoreProperties : {}
);
});
}
root.walkAtRules(/^media$/i, atRule =>
checkMedia(atRule, atRule.params, atRuleParamIndex)
);
root.walkDecls(decl => checkDecl(decl, decl.value, declarationValueIndex));
};
};
rule.primaryOptionArray = true;
rule.ruleName = ruleName;
rule.messages = messages;
module.exports = rule;