@spark-ui/tailwind-plugins/spark-theme/hexRgb.js

Spark Tailwind plugins

// see 👀: https://github.com/sindresorhus/hex-rgb/blob/main/index.js

const hexCharacters = 'a-f\\d'
const match3or4Hex = `#?[${hexCharacters}]{3}[${hexCharacters}]?`
const match6or8Hex = `#?[${hexCharacters}]{6}([${hexCharacters}]{2})?`
const nonHexChars = new RegExp(`[^#${hexCharacters}]`, 'gi')
const validHexSize = new RegExp(`^${match3or4Hex}$|^${match6or8Hex}$`, 'i')

/* eslint-disable-next-line complexity */
function hexRgb(hex, options = {}) {
  if (typeof hex !== 'string' || nonHexChars.test(hex) || !validHexSize.test(hex)) {
    throw new TypeError('Expected a valid hex string')
  }

  hex = hex.replace(/^#/, '')
  let alphaFromHex = 1

  if (hex.length === 8) {
    alphaFromHex = Number.parseInt(hex.slice(6, 8), 16) / 255
    hex = hex.slice(0, 6)
  }

  if (hex.length === 4) {
    alphaFromHex = Number.parseInt(hex.slice(3, 4).repeat(2), 16) / 255
    hex = hex.slice(0, 3)
  }

  if (hex.length === 3) {
    hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2]
  }

  const number = Number.parseInt(hex, 16)
  const red = number >> 16
  const green = (number >> 8) & 255
  const blue = number & 255
  const alpha = typeof options.alpha === 'number' ? options.alpha : alphaFromHex

  if (options.format === 'array') {
    return [red, green, blue, alpha]
  }

  if (options.format === 'css') {
    const alphaString = alpha === 1 ? '' : ` / ${Number((alpha * 100).toFixed(2))}%`

    return `rgb(${red} ${green} ${blue}${alphaString})`
  }

  return { red, green, blue, alpha }
}

module.exports = { hexRgb }