blob: d41c5e752bca30e4bcd99c41a64707dee780c849 [file] [log] [blame]
"use strict";
const findFontFamily = require("../../utils/findFontFamily");
const isStandardSyntaxValue = require("../../utils/isStandardSyntaxValue");
const isVariable = require("../../utils/isVariable");
const keywordSets = require("../../reference/keywordSets");
const report = require("../../utils/report");
const ruleMessages = require("../../utils/ruleMessages");
const validateOptions = require("../../utils/validateOptions");
const ruleName = "font-family-name-quotes";
const messages = ruleMessages(ruleName, {
expected: family => `Expected quotes around "${family}"`,
rejected: family => `Unexpected quotes around "${family}"`
});
function isSystemFontKeyword(font) {
if (font.indexOf("-apple-") === 0) {
return true;
}
if (font === "BlinkMacSystemFont") {
return true;
}
return false;
}
// "To avoid mistakes in escaping, it is recommended to quote font family names
// that contain white space, digits, or punctuation characters other than hyphens"
// (https://www.w3.org/TR/CSS2/fonts.html#font-family-prop)
function quotesRecommended(family) {
return !/^[-a-zA-Z]+$/.test(family);
}
// Quotes are required if the family is not a valid CSS identifier
// (regexes from https://mathiasbynens.be/notes/unquoted-font-family)
function quotesRequired(family) {
return family.split(/\s+/).some(word => {
return (
/^(-?\d|--)/.test(word) ||
!/^[-_a-zA-Z0-9\u{00A0}-\u{10FFFF}]+$/u.test(word)
);
});
}
const rule = function(expectation) {
return (root, result) => {
const validOptions = validateOptions(result, ruleName, {
actual: expectation,
possible: [
"always-where-required",
"always-where-recommended",
"always-unless-keyword"
]
});
if (!validOptions) {
return;
}
root.walkDecls(/^font(-family)?$/i, decl => {
const fontFamilies = findFontFamily(decl.value);
if (fontFamilies.length === 0) {
return;
}
fontFamilies.forEach(fontFamilyNode => {
let rawFamily = fontFamilyNode.value;
if (fontFamilyNode.quote) {
rawFamily = fontFamilyNode.quote + rawFamily + fontFamilyNode.quote;
}
checkFamilyName(rawFamily, decl);
});
});
function checkFamilyName(rawFamily, decl) {
if (!isStandardSyntaxValue(rawFamily)) {
return;
}
if (isVariable(rawFamily)) {
return;
}
const hasQuotes = rawFamily[0] === "'" || rawFamily[0] === '"';
// Clean the family of its quotes
const family = rawFamily.replace(/^['"]|['"]$/g, "");
// Disallow quotes around (case-insensitive) keywords
// and system font keywords in all cases
if (
keywordSets.fontFamilyKeywords.has(family.toLowerCase()) ||
isSystemFontKeyword(family)
) {
if (hasQuotes) {
return complain(messages.rejected(family), family, decl);
}
return;
}
const required = quotesRequired(family);
const recommended = quotesRecommended(family);
switch (expectation) {
case "always-unless-keyword":
if (!hasQuotes) {
return complain(messages.expected(family), family, decl);
}
return;
case "always-where-recommended":
if (!recommended && hasQuotes) {
return complain(messages.rejected(family), family, decl);
}
if (recommended && !hasQuotes) {
return complain(messages.expected(family), family, decl);
}
return;
case "always-where-required":
if (!required && hasQuotes) {
return complain(messages.rejected(family), family, decl);
}
if (required && !hasQuotes) {
return complain(messages.expected(family), family, decl);
}
return;
}
}
function complain(message, family, decl) {
report({
result,
ruleName,
message,
node: decl,
word: family
});
}
};
};
rule.ruleName = ruleName;
rule.messages = messages;
module.exports = rule;