| // 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; |