mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-07 04:26:32 +08:00
R=jacktfranklin@chromium.org Bug: none Change-Id: I961be18530d3ccbc4efed0c2cda9bd603b14e27b Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/3372931 Reviewed-by: Jack Franklin <jacktfranklin@chromium.org> Commit-Queue: Tim Van der Lippe <tvanderlippe@chromium.org>
167 lines
4.1 KiB
JavaScript
167 lines
4.1 KiB
JavaScript
'use strict';
|
|
|
|
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 { isAtRule } = require('../../utils/typeGuards');
|
|
|
|
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 = new Set(['400', '700']);
|
|
|
|
/** @type {import('stylelint').Rule} */
|
|
const rule = (primary, secondaryOptions) => {
|
|
return (root, result) => {
|
|
const validOptions = validateOptions(
|
|
result,
|
|
ruleName,
|
|
{
|
|
actual: primary,
|
|
possible: ['numeric', 'named-where-possible'],
|
|
},
|
|
{
|
|
actual: secondaryOptions,
|
|
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);
|
|
}
|
|
});
|
|
|
|
/**
|
|
* @param {import('postcss').Declaration} 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((value) => isNumbery(value));
|
|
|
|
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;
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @param {string} weightValue
|
|
* @param {import('postcss').Declaration} decl
|
|
*/
|
|
function checkWeight(weightValue, decl) {
|
|
if (!isStandardSyntaxValue(weightValue)) {
|
|
return;
|
|
}
|
|
|
|
if (isVariable(weightValue)) {
|
|
return;
|
|
}
|
|
|
|
if (
|
|
weightValue.toLowerCase() === INHERIT_KEYWORD ||
|
|
weightValue.toLowerCase() === INITIAL_KEYWORD
|
|
) {
|
|
return;
|
|
}
|
|
|
|
if (
|
|
optionsMatches(secondaryOptions, 'ignore', 'relative') &&
|
|
keywordSets.fontWeightRelativeKeywords.has(weightValue.toLowerCase())
|
|
) {
|
|
return;
|
|
}
|
|
|
|
const weightValueOffset = decl.value.indexOf(weightValue);
|
|
|
|
if (primary === 'numeric') {
|
|
const parent = decl.parent;
|
|
|
|
if (parent && isAtRule(parent) && parent.name.toLowerCase() === 'font-face') {
|
|
const weightValueNumbers = postcss.list.space(weightValue);
|
|
|
|
if (!weightValueNumbers.every((value) => isNumbery(value))) {
|
|
return complain(messages.expected('numeric'));
|
|
}
|
|
|
|
return;
|
|
}
|
|
|
|
if (!isNumbery(weightValue)) {
|
|
return complain(messages.expected('numeric'));
|
|
}
|
|
}
|
|
|
|
if (primary === 'named-where-possible') {
|
|
if (isNumbery(weightValue)) {
|
|
if (WEIGHTS_WITH_KEYWORD_EQUIVALENTS.has(weightValue)) {
|
|
complain(messages.expected('named'));
|
|
}
|
|
|
|
return;
|
|
}
|
|
|
|
if (
|
|
!keywordSets.fontWeightKeywords.has(weightValue.toLowerCase()) &&
|
|
weightValue.toLowerCase() !== NORMAL_KEYWORD
|
|
) {
|
|
return complain(messages.invalidNamed(weightValue));
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @param {string} message
|
|
*/
|
|
function complain(message) {
|
|
report({
|
|
ruleName,
|
|
result,
|
|
message,
|
|
node: decl,
|
|
index: declarationValueIndex(decl) + weightValueOffset,
|
|
});
|
|
}
|
|
}
|
|
};
|
|
};
|
|
|
|
rule.ruleName = ruleName;
|
|
rule.messages = messages;
|
|
module.exports = rule;
|