132 lines
4.6 KiB
TypeScript
132 lines
4.6 KiB
TypeScript
const arbitraryValueRegex = /^\[(?:(\w[\w-]*):)?(.+)\]$/i
|
|
const arbitraryVariableRegex = /^\((?:(\w[\w-]*):)?(.+)\)$/i
|
|
const fractionRegex = /^\d+\/\d+$/
|
|
const tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/
|
|
const lengthUnitRegex =
|
|
/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/
|
|
const colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/
|
|
// Shadow always begins with x and y offset separated by underscore optionally prepended by inset
|
|
const shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/
|
|
const imageRegex =
|
|
/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/
|
|
|
|
export const isFraction = (value: string) => fractionRegex.test(value)
|
|
|
|
export const isNumber = (value: string) => Boolean(value) && !Number.isNaN(Number(value))
|
|
|
|
export const isInteger = (value: string) => Boolean(value) && Number.isInteger(Number(value))
|
|
|
|
export const isPercent = (value: string) => value.endsWith('%') && isNumber(value.slice(0, -1))
|
|
|
|
export const isTshirtSize = (value: string) => tshirtUnitRegex.test(value)
|
|
|
|
export const isAny = () => true
|
|
|
|
const isLengthOnly = (value: string) =>
|
|
// `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
|
|
// For example, `hsl(0 0% 0%)` would be classified as a length without this check.
|
|
// I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
|
|
lengthUnitRegex.test(value) && !colorFunctionRegex.test(value)
|
|
|
|
const isNever = () => false
|
|
|
|
const isShadow = (value: string) => shadowRegex.test(value)
|
|
|
|
const isImage = (value: string) => imageRegex.test(value)
|
|
|
|
export const isAnyNonArbitrary = (value: string) =>
|
|
!isArbitraryValue(value) && !isArbitraryVariable(value)
|
|
|
|
export const isArbitrarySize = (value: string) => getIsArbitraryValue(value, isLabelSize, isNever)
|
|
|
|
export const isArbitraryValue = (value: string) => arbitraryValueRegex.test(value)
|
|
|
|
export const isArbitraryLength = (value: string) =>
|
|
getIsArbitraryValue(value, isLabelLength, isLengthOnly)
|
|
|
|
export const isArbitraryNumber = (value: string) =>
|
|
getIsArbitraryValue(value, isLabelNumber, isNumber)
|
|
|
|
export const isArbitraryPosition = (value: string) =>
|
|
getIsArbitraryValue(value, isLabelPosition, isNever)
|
|
|
|
export const isArbitraryImage = (value: string) => getIsArbitraryValue(value, isLabelImage, isImage)
|
|
|
|
export const isArbitraryShadow = (value: string) => getIsArbitraryValue(value, isNever, isShadow)
|
|
|
|
export const isArbitraryVariable = (value: string) => arbitraryVariableRegex.test(value)
|
|
|
|
export const isArbitraryVariableLength = (value: string) =>
|
|
getIsArbitraryVariable(value, isLabelLength)
|
|
|
|
export const isArbitraryVariableFamilyName = (value: string) =>
|
|
getIsArbitraryVariable(value, isLabelFamilyName)
|
|
|
|
export const isArbitraryVariablePosition = (value: string) =>
|
|
getIsArbitraryVariable(value, isLabelPosition)
|
|
|
|
export const isArbitraryVariableSize = (value: string) => getIsArbitraryVariable(value, isLabelSize)
|
|
|
|
export const isArbitraryVariableImage = (value: string) =>
|
|
getIsArbitraryVariable(value, isLabelImage)
|
|
|
|
export const isArbitraryVariableShadow = (value: string) =>
|
|
getIsArbitraryVariable(value, isLabelShadow, true)
|
|
|
|
// Helpers
|
|
|
|
const getIsArbitraryValue = (
|
|
value: string,
|
|
testLabel: (label: string) => boolean,
|
|
testValue: (value: string) => boolean,
|
|
) => {
|
|
const result = arbitraryValueRegex.exec(value)
|
|
|
|
if (result) {
|
|
if (result[1]) {
|
|
return testLabel(result[1])
|
|
}
|
|
|
|
return testValue(result[2]!)
|
|
}
|
|
|
|
return false
|
|
}
|
|
|
|
const getIsArbitraryVariable = (
|
|
value: string,
|
|
testLabel: (label: string) => boolean,
|
|
shouldMatchNoLabel = false,
|
|
) => {
|
|
const result = arbitraryVariableRegex.exec(value)
|
|
|
|
if (result) {
|
|
if (result[1]) {
|
|
return testLabel(result[1])
|
|
}
|
|
return shouldMatchNoLabel
|
|
}
|
|
|
|
return false
|
|
}
|
|
|
|
// Labels
|
|
|
|
const isLabelPosition = (label: string) => label === 'position'
|
|
|
|
const imageLabels = new Set(['image', 'url'])
|
|
|
|
const isLabelImage = (label: string) => imageLabels.has(label)
|
|
|
|
const sizeLabels = new Set(['length', 'size', 'percentage'])
|
|
|
|
const isLabelSize = (label: string) => sizeLabels.has(label)
|
|
|
|
const isLabelLength = (label: string) => label === 'length'
|
|
|
|
const isLabelNumber = (label: string) => label === 'number'
|
|
|
|
const isLabelFamilyName = (label: string) => label === 'family-name'
|
|
|
|
const isLabelShadow = (label: string) => label === 'shadow'
|