blob: d6804180908d7c99397dc5ad5df49dd9059ce5da [file] [log] [blame]
"use strict";
const _ = require("lodash");
const declarationValueIndex = require("../../utils/declarationValueIndex");
const isNumbery = require("../../utils/isNumbery");
const isStandardSyntaxValue = require("../../utils/isStandardSyntaxValue");
const isVariable = require("../../utils/isVariable");
const keywordSets = require("../../reference/keywordSets");
const optionsMatches = require("../../utils/optionsMatches");
const postcss = require("postcss");
const report = require("../../utils/report");
const ruleMessages = require("../../utils/ruleMessages");
const validateOptions = require("../../utils/validateOptions");
const ruleName = "font-weight-notation";
const messages = ruleMessages(ruleName, {
expected: type => `Expected ${type} font-weight notation`,
invalidNamed: name => `Unexpected invalid font-weight name "${name}"`
});
const INHERIT_KEYWORD = "inherit";
const INITIAL_KEYWORD = "initial";
const NORMAL_KEYWORD = "normal";
const WEIGHTS_WITH_KEYWORD_EQUIVALENTS = ["400", "700"];
const rule = function(expectation, options) {
return (root, result) => {
const validOptions = validateOptions(
result,
ruleName,
{
actual: expectation,
possible: ["numeric", "named-where-possible"]
},
{
actual: options,
possible: {
ignore: ["relative"]
},
optional: true
}
);
if (!validOptions) {
return;
}
root.walkDecls(decl => {
if (decl.prop.toLowerCase() === "font-weight") {
checkWeight(decl.value, decl);
}
if (decl.prop.toLowerCase() === "font") {
checkFont(decl);
}
});
function checkFont(decl) {
const valueList = postcss.list.space(decl.value);
// We do not need to more carefully distinguish font-weight
// numbers from unitless line-heights because line-heights in
// `font` values need to be part of a font-size/line-height pair
const hasNumericFontWeight = valueList.some(isNumbery);
for (const value of postcss.list.space(decl.value)) {
if (
(value.toLowerCase() === NORMAL_KEYWORD && !hasNumericFontWeight) ||
isNumbery(value) ||
(value.toLowerCase() !== NORMAL_KEYWORD &&
keywordSets.fontWeightKeywords.has(value.toLowerCase()))
) {
checkWeight(value, decl);
return;
}
}
}
function checkWeight(weightValue, decl) {
if (!isStandardSyntaxValue(weightValue)) {
return;
}
if (isVariable(weightValue)) {
return;
}
if (
weightValue.toLowerCase() === INHERIT_KEYWORD ||
weightValue.toLowerCase() === INITIAL_KEYWORD
) {
return;
}
if (
optionsMatches(options, "ignore", "relative") &&
keywordSets.fontWeightRelativeKeywords.has(weightValue.toLowerCase())
) {
return;
}
const weightValueOffset = decl.value.indexOf(weightValue);
if (expectation === "numeric") {
if (!isNumbery(weightValue)) {
return complain(messages.expected("numeric"));
}
}
if (expectation === "named-where-possible") {
if (isNumbery(weightValue)) {
if (_.includes(WEIGHTS_WITH_KEYWORD_EQUIVALENTS, weightValue)) {
complain(messages.expected("named"));
}
return;
}
if (
!keywordSets.fontWeightKeywords.has(weightValue.toLowerCase()) &&
weightValue.toLowerCase() !== NORMAL_KEYWORD
) {
return complain(messages.invalidNamed(weightValue));
}
return;
}
function complain(message) {
report({
ruleName,
result,
message,
node: decl,
index: declarationValueIndex(decl) + weightValueOffset
});
}
}
};
};
rule.ruleName = ruleName;
rule.messages = messages;
module.exports = rule;