import {
  SET_THEME,
} from '../actions/theme';
import { Map as ImmutableMap } from 'immutable';
import { brightness, hue, convert } from 'chromatism';

const initialState = ImmutableMap();

const cssrgba = (color, a) => {
  const { r, g, b } = convert(color).rgb;
  return `rgba(${[r, g, b, a].join(',')})`;
};

const populate = themeData => {
  const { 'brand-color': brandColor } = themeData.toObject();
  return ImmutableMap({
    'accent-color': brightness(10, hue(-3, brandColor).hex).hex,
    'brand-color-faint': cssrgba(brandColor, 0.1),
    'highlight-text-color': brandColor,
  }).merge(themeData);
};

export default function theme(state = initialState, action) {
  switch(action.type) {
  case SET_THEME:
    return populate(ImmutableMap(action.themeData));
  default:
    return state;
  }
};