import yaml from 'js-yaml';

export const CONFIG = {
  REQUEST: 'REQUEST',
  SUCCESS: 'SUCCESS',
  FAILURE: 'FAILURE'
};

export function configLoaded(config) {
  return {
    type: CONFIG.SUCCESS,
    payload: config
  };
}

export function configLoading() {
  return {
    type: CONFIG.REQUEST
  };
}

export function configFailed(err) {
  return {
    type: CONFIG.FAILURE,
    error: 'Error loading config',
    payload: err
  };
}

export function loadConfig(config) {
  if (window.CMS_CONFIG) {
    return configLoaded(window.CMS_CONFIG);
  }
  return (dispatch, getState) => {
    dispatch(configLoading());

    fetch('config.yml').then((response) => {
      if (response.status !== 200) {
        throw `Failed to load config.yml (${response.status})`;
      }

      response.text().then(parseConfig).then((config) => dispatch(configLoaded(config)));
    }).catch((err) => {
      dispatch(configFailed(err));
    });
  };
}

function parseConfig(data) {
  const config = yaml.safeLoad(data);

  if (typeof CMS_ENV === 'string' && config[CMS_ENV]) {
    for (var key in config[CMS_ENV]) {
      if (config[CMS_ENV].hasOwnProperty(key)) {
        config[key] = config[CMS_ENV][key];
      }
    }
  }
  return config;
}