import { NumberExt } from '../number'
import type { HSLA, RGBA } from './type'

export const named = {
  aliceblue: '#f0f8ff',
  antiquewhite: '#faebd7',
  aqua: '#00ffff',
  aquamarine: '#7fffd4',
  azure: '#f0ffff',
  beige: '#f5f5dc',
  bisque: '#ffe4c4',
  black: '#000000',
  blanchedalmond: '#ffebcd',
  blue: '#0000ff',
  blueviolet: '#8a2be2',
  brown: '#a52a2a',
  burlywood: '#deb887',
  burntsienna: '#ea7e5d',
  cadetblue: '#5f9ea0',
  chartreuse: '#7fff00',
  chocolate: '#d2691e',
  coral: '#ff7f50',
  cornflowerblue: '#6495ed',
  cornsilk: '#fff8dc',
  crimson: '#dc143c',
  cyan: '#00ffff',
  darkblue: '#00008b',
  darkcyan: '#008b8b',
  darkgoldenrod: '#b8860b',
  darkgray: '#a9a9a9',
  darkgreen: '#006400',
  darkgrey: '#a9a9a9',
  darkkhaki: '#bdb76b',
  darkmagenta: '#8b008b',
  darkolivegreen: '#556b2f',
  darkorange: '#ff8c00',
  darkorchid: '#9932cc',
  darkred: '#8b0000',
  darksalmon: '#e9967a',
  darkseagreen: '#8fbc8f',
  darkslateblue: '#483d8b',
  darkslategray: '#2f4f4f',
  darkslategrey: '#2f4f4f',
  darkturquoise: '#00ced1',
  darkviolet: '#9400d3',
  deeppink: '#ff1493',
  deepskyblue: '#00bfff',
  dimgray: '#696969',
  dimgrey: '#696969',
  dodgerblue: '#1e90ff',
  firebrick: '#b22222',
  floralwhite: '#fffaf0',
  forestgreen: '#228b22',
  fuchsia: '#ff00ff',
  gainsboro: '#dcdcdc',
  ghostwhite: '#f8f8ff',
  gold: '#ffd700',
  goldenrod: '#daa520',
  gray: '#808080',
  green: '#008000',
  greenyellow: '#adff2f',
  grey: '#808080',
  honeydew: '#f0fff0',
  hotpink: '#ff69b4',
  indianred: '#cd5c5c',
  indigo: '#4b0082',
  ivory: '#fffff0',
  khaki: '#f0e68c',
  lavender: '#e6e6fa',
  lavenderblush: '#fff0f5',
  lawngreen: '#7cfc00',
  lemonchiffon: '#fffacd',
  lightblue: '#add8e6',
  lightcoral: '#f08080',
  lightcyan: '#e0ffff',
  lightgoldenrodyellow: '#fafad2',
  lightgray: '#d3d3d3',
  lightgreen: '#90ee90',
  lightgrey: '#d3d3d3',
  lightpink: '#ffb6c1',
  lightsalmon: '#ffa07a',
  lightseagreen: '#20b2aa',
  lightskyblue: '#87cefa',
  lightslategray: '#778899',
  lightslategrey: '#778899',
  lightsteelblue: '#b0c4de',
  lightyellow: '#ffffe0',
  lime: '#00ff00',
  limegreen: '#32cd32',
  linen: '#faf0e6',
  magenta: '#ff00ff',
  maroon: '#800000',
  mediumaquamarine: '#66cdaa',
  mediumblue: '#0000cd',
  mediumorchid: '#ba55d3',
  mediumpurple: '#9370db',
  mediumseagreen: '#3cb371',
  mediumslateblue: '#7b68ee',
  mediumspringgreen: '#00fa9a',
  mediumturquoise: '#48d1cc',
  mediumvioletred: '#c71585',
  midnightblue: '#191970',
  mintcream: '#f5fffa',
  mistyrose: '#ffe4e1',
  moccasin: '#ffe4b5',
  navajowhite: '#ffdead',
  navy: '#000080',
  oldlace: '#fdf5e6',
  olive: '#808000',
  olivedrab: '#6b8e23',
  orange: '#ffa500',
  orangered: '#ff4500',
  orchid: '#da70d6',
  palegoldenrod: '#eee8aa',
  palegreen: '#98fb98',
  paleturquoise: '#afeeee',
  palevioletred: '#db7093',
  papayawhip: '#ffefd5',
  peachpuff: '#ffdab9',
  peru: '#cd853f',
  pink: '#ffc0cb',
  plum: '#dda0dd',
  powderblue: '#b0e0e6',
  purple: '#800080',
  rebeccapurple: '#663399',
  red: '#ff0000',
  rosybrown: '#bc8f8f',
  royalblue: '#4169e1',
  saddlebrown: '#8b4513',
  salmon: '#fa8072',
  sandybrown: '#f4a460',
  seagreen: '#2e8b57',
  seashell: '#fff5ee',
  sienna: '#a0522d',
  silver: '#c0c0c0',
  skyblue: '#87ceeb',
  slateblue: '#6a5acd',
  slategray: '#708090',
  slategrey: '#708090',
  snow: '#fffafa',
  springgreen: '#00ff7f',
  steelblue: '#4682b4',
  tan: '#d2b48c',
  teal: '#008080',
  thistle: '#d8bfd8',
  tomato: '#ff6347',
  turquoise: '#40e0d0',
  violet: '#ee82ee',
  wheat: '#f5deb3',
  white: '#ffffff',
  whitesmoke: '#f5f5f5',
  yellow: '#ffff00',
  yellowgreen: '#9acd32',
}

export function hue2rgb(m1: number, m2: number, h: number) {
  if (h < 0) {
    ++h
  }
  if (h > 1) {
    --h
  }

  const h6 = 6 * h
  if (h6 < 1) {
    return m1 + (m2 - m1) * h6
  }
  if (2 * h < 1) {
    return m2
  }
  if (3 * h < 2) {
    return m1 + (m2 - m1) * (2 / 3 - h) * 6
  }
  return m1
}

export function rgba2hsla(rgba: RGBA): HSLA
export function rgba2hsla(r: number, g: number, b: number, a?: number): HSLA
export function rgba2hsla(
  arg0: number | RGBA,
  arg1?: number,
  arg2?: number,
  arg3?: number,
): HSLA {
  const r255 = Array.isArray(arg0) ? arg0[0] : (arg0 as number)
  const g255 = Array.isArray(arg0) ? arg0[1] : (arg1 as number)
  const b255 = Array.isArray(arg0) ? arg0[2] : (arg2 as number)
  const a = Array.isArray(arg0) ? arg0[3] : (arg3 as number)

  const r = r255 / 255
  const g = g255 / 255
  const b = b255 / 255

  const max = Math.max(r, g, b)
  const min = Math.min(r, g, b)
  const l = (max + min) / 2

  let h = 0
  let s = 0

  if (min !== max) {
    const d = max - min
    s = l > 0.5 ? d / (2 - max - min) : d / (max + min)
    switch (max) {
      case r:
        h = (g - b) / d + (g < b ? 6 : 0)
        break
      case g:
        h = (b - r) / d + 2
        break
      case b:
        h = (r - g) / d + 4
        break
      default:
        break
    }
    h /= 6
  }

  return [h, s, l, a == null ? 1 : a]
}

export function hsla2rgba(hsla: HSLA): RGBA
export function hsla2rgba(h: number, s: number, l: number, a?: number): RGBA
export function hsla2rgba(
  arg0: number | HSLA,
  arg1?: number,
  arg2?: number,
  arg3?: number,
): RGBA {
  const h = Array.isArray(arg0) ? arg0[0] : (arg0 as number)
  const s = Array.isArray(arg0) ? arg0[1] : (arg1 as number)
  const l = Array.isArray(arg0) ? arg0[2] : (arg2 as number)
  const a = Array.isArray(arg0) ? arg0[3] : (arg3 as number)
  const m2 = l <= 0.5 ? l * (s + 1) : l + s - l * s
  const m1 = 2 * l - m2
  return [
    Math.round(hue2rgb(m1, m2, h + 1 / 3) * 255),
    Math.round(hue2rgb(m1, m2, h) * 255),
    Math.round(hue2rgb(m1, m2, h - 1 / 3) * 255),
    a == null ? 1 : a,
  ]
}

export function randomHex() {
  const letters = '0123456789ABCDEF'
  let color = '#'
  for (let i = 0; i < 6; i += 1) {
    color += letters[Math.floor(Math.random() * 16)]
  }
  return color
}

export function invert(rgba: RGBA, bw: boolean): RGBA
export function invert(hex: string, bw: boolean): string
export function invert(color: string | RGBA, bw: boolean) {
  if (typeof color === 'string') {
    const pound = color[0] === '#'
    const [r, g, b] = hex2rgb(color)
    if (bw) {
      // http://stackoverflow.com/a/3943023/112731
      return r * 0.299 + g * 0.587 + b * 0.114 > 186 ? '#000000' : '#ffffff'
    }

    return `${pound ? '#' : ''}${rgb2hex(255 - r, 255 - g, 255 - b)}`
  }

  const r = color[0]
  const g = color[1]
  const b = color[2]
  const a = color[3]

  if (bw) {
    return r * 0.299 + g * 0.587 + b * 0.114 > 186
      ? [0, 0, 0, a]
      : [255, 255, 255, a]
  }

  return [255 - r, 255 - g, 255 - b, a]
}

export function hex2rgb(hex: string): [number, number, number] {
  const color = hex.indexOf('#') === 0 ? hex : `#${hex}`
  let val = Number(`0x${color.substr(1)}`)
  if (!(color.length === 4 || color.length === 7) || Number.isNaN(val)) {
    throw new Error('Invalid hex color.')
  }

  const bits = color.length === 4 ? 4 : 8
  const mask = (1 << bits) - 1
  const bgr = ['b', 'g', 'r'].map(() => {
    const c = val & mask
    val >>= bits
    return bits === 4 ? 17 * c : c
  })

  return [bgr[2], bgr[1], bgr[0]]
}

export function rgb2hex(r: number, g: number, b: number) {
  const pad = (hex: string) => (hex.length < 2 ? `0${hex}` : hex)
  return `${pad(r.toString(16))}${pad(g.toString(16))}${pad(b.toString(16))}`
}

export function lum(color: RGBA | string, amt: number): RGBA | string {
  if (typeof color === 'string') {
    const pound = color[0] === '#'
    const num = parseInt(pound ? color.substr(1) : color, 16)
    const r = NumberExt.clamp((num >> 16) + amt, 0, 255)
    const g = NumberExt.clamp(((num >> 8) & 0x00ff) + amt, 0, 255)
    const b = NumberExt.clamp((num & 0x0000ff) + amt, 0, 255)

    return `${pound ? '#' : ''}${(b | (g << 8) | (r << 16)).toString(16)}`
  }

  const hex = rgb2hex(color[0], color[1], color[2])
  const arr = hex2rgb(lum(hex, amt) as string)

  return [arr[0], arr[1], arr[2], color[3]]
}

export function lighten(rgba: RGBA, amt: number): RGBA
export function lighten(hex: string, amt: number): string
export function lighten(color: RGBA | string, amt: number) {
  return lum(color, amt)
}

export function darken(rgba: RGBA, amt: number): RGBA
export function darken(hex: string, amt: number): string
export function darken(color: RGBA | string, amt: number) {
  return lum(color, -amt)
}