mirror of
https://github.com/OliveTin/OliveTin
synced 2025-12-18 20:15:38 +00:00
149 lines
4.1 KiB
JavaScript
149 lines
4.1 KiB
JavaScript
// NOTICE: This file is generated by Rollup. To modify it,
|
|
// please instead edit the ESM counterpart and rebuild with Rollup (npm run build).
|
|
'use strict';
|
|
|
|
const valueParser = require('postcss-value-parser');
|
|
const keywords = require('../reference/keywords.cjs');
|
|
const validateTypes = require('./validateTypes.cjs');
|
|
const isNumbery = require('./isNumbery.cjs');
|
|
const isStandardSyntaxValue = require('./isStandardSyntaxValue.cjs');
|
|
const isValidFontSize = require('./isValidFontSize.cjs');
|
|
const isVariable = require('./isVariable.cjs');
|
|
|
|
const nodeTypesToCheck = new Set(['word', 'string', 'space', 'div']);
|
|
|
|
/** @typedef {import('postcss-value-parser').Node} Node */
|
|
|
|
/**
|
|
* @param {Node} firstNode
|
|
* @param {Node} secondNode
|
|
* @param {string | null} charactersBetween
|
|
* @returns {Node}
|
|
*/
|
|
function joinValueNodes(firstNode, secondNode, charactersBetween) {
|
|
firstNode.value = firstNode.value + charactersBetween + secondNode.value;
|
|
|
|
return firstNode;
|
|
}
|
|
|
|
/**
|
|
* @param {Node} valueNode
|
|
* @returns {valueNode is postcssValueParser.DivNode & { value: ',' }}
|
|
*/
|
|
const isCommaDiv = (valueNode) => valueNode.type === 'div' && valueNode.value === ',';
|
|
|
|
/**
|
|
* Get the font-families within a `font` shorthand property value.
|
|
*
|
|
* @param {string} value
|
|
* @returns {Node[]} Collection font-family nodes
|
|
*/
|
|
function findFontFamily(value) {
|
|
/** @type {Node[]} */
|
|
const fontFamilies = [];
|
|
|
|
const valueNodes = valueParser(value);
|
|
const { nodes: children } = valueNodes;
|
|
|
|
// Handle `inherit`, `initial` and etc
|
|
if (children.length === 1 && children[0] && keywords.basicKeywords.has(children[0].value.toLowerCase())) {
|
|
return [children[0]];
|
|
}
|
|
|
|
let needMergeNodesByValue = false;
|
|
/** @type {string | null} */
|
|
let mergeCharacters = null;
|
|
|
|
valueNodes.walk((valueNode, index, nodes) => {
|
|
if (valueNode.type === 'function') {
|
|
return false;
|
|
}
|
|
|
|
if (!nodeTypesToCheck.has(valueNode.type)) {
|
|
return;
|
|
}
|
|
|
|
const valueLowerCase = valueNode.value.toLowerCase();
|
|
|
|
// Ignore non standard syntax
|
|
if (!isStandardSyntaxValue(valueLowerCase)) {
|
|
return;
|
|
}
|
|
|
|
// Ignore variables
|
|
if (isVariable(valueLowerCase)) {
|
|
return;
|
|
}
|
|
|
|
const isFontFamilyKeyword = keywords.fontFamilyKeywords.has(valueLowerCase);
|
|
|
|
// Ignore keywords for other font parts
|
|
if (!isFontFamilyKeyword && keywords.fontShorthandKeywords.has(valueLowerCase)) {
|
|
return;
|
|
}
|
|
|
|
// Ignore font-sizes
|
|
// NOTE: `math` is a keyword for both `font-family` and `font-size`.
|
|
if (!isFontFamilyKeyword && isValidFontSize(valueNode.value)) {
|
|
return;
|
|
}
|
|
|
|
const nextNode = nodes[index + 1];
|
|
const prevNode = nodes[index - 1];
|
|
const prevPrevNode = nodes[index - 2];
|
|
const allPrevNodes = nodes.slice(0, index);
|
|
|
|
// When the value is a keyword for both `font-family` and `font-size` (e.g. `math`),
|
|
// if its next node is a comma, or if it is already the last node, or if there is any comma before it,
|
|
// then treat it as a `font-family` keyword, otherwise treat it as a `font-size` keyword.
|
|
if (
|
|
isFontFamilyKeyword &&
|
|
keywords.fontSizeKeywords.has(valueLowerCase) &&
|
|
!(!nextNode || isCommaDiv(nextNode) || allPrevNodes.find(isCommaDiv))
|
|
)
|
|
return;
|
|
|
|
// Ignore anything come after a <font-size>/, because it's a line-height
|
|
if (prevNode && prevNode.value === '/' && prevPrevNode && isValidFontSize(prevPrevNode.value)) {
|
|
return;
|
|
}
|
|
|
|
// Ignore number values
|
|
if (isNumbery(valueLowerCase)) {
|
|
return;
|
|
}
|
|
|
|
// Detect when a space or comma is dividing a list of font-families, and save the joining character.
|
|
if (
|
|
(valueNode.type === 'space' || (valueNode.type === 'div' && valueNode.value !== ',')) &&
|
|
fontFamilies.length !== 0
|
|
) {
|
|
needMergeNodesByValue = true;
|
|
mergeCharacters = valueNode.value;
|
|
|
|
return;
|
|
}
|
|
|
|
if (valueNode.type === 'space' || valueNode.type === 'div') {
|
|
return;
|
|
}
|
|
|
|
const fontFamily = valueNode;
|
|
|
|
if (needMergeNodesByValue) {
|
|
const lastFontFamily = fontFamilies[fontFamilies.length - 1];
|
|
|
|
validateTypes.assert(lastFontFamily);
|
|
joinValueNodes(lastFontFamily, fontFamily, mergeCharacters);
|
|
needMergeNodesByValue = false;
|
|
mergeCharacters = null;
|
|
} else {
|
|
fontFamilies.push(fontFamily);
|
|
}
|
|
});
|
|
|
|
return fontFamilies;
|
|
}
|
|
|
|
module.exports = findFontFamily;
|