import type StyleDictionary from 'style-dictionary'
import {isNumber} from '../filters'
/**
 * takes a value and returns it if its a px string if it is a float and the token has a fontSize value in extensions['org.primer.data']
 * @param value
 * @returns string
 */
export const convertFloatToPixel = (token: StyleDictionary.TransformedToken) => {
  // short circut if value is not a number
  if (
    typeof token.value !== 'number' ||
    !token.$extensions?.['org.primer.data']?.fontSize ||
    typeof token.$extensions?.['org.primer.data']?.fontSize !== 'number'
  ) {
    return token.value
  }
  // convert value
  const convertedValue = token.$extensions?.['org.primer.data']?.fontSize * token.value
  // return converted value
  return convertedValue === 0 ? 0 : `${Math.round(convertedValue)}px`
}
/**
 * @description converts a float value to a pixel value based on the provided fontSize on the tokersn extension
 * @type value transformer — [StyleDictionary.ValueTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
 * @matcher matches all tokens of $type `isNumber`
 * @transformer returns a pixel string
 */
export const floatToPixel: StyleDictionary.Transform = {
  type: `value`,
  transitive: true,
  matcher: isNumber,
  transformer: (token: StyleDictionary.TransformedToken): string => convertFloatToPixel(token),
}