import {fetchApi} from '../utils';

export const REQUEST_SETTINGS = 'REQUEST_SETTINGS'
export const RECEIVE_SETTINGS = 'RECEIVE_SETTINGS'
export const UPDATE_SETTINGS = 'UPDATE_SETTINGS'

const defaultState = {
    settings: {},
    isFetching: false,
    actionsDuringFetch: [],
}

export default function reducer(state = defaultState, action) {
    switch (action.type) {

        case REQUEST_SETTINGS:
            return {
                ...state,
                isFetching: true
            }

        case RECEIVE_SETTINGS:
            let s = {
                settings: action.settings,
                isFetching: false,
                actionsDuringFetch: [],
            }
            for (action of state.actionsDuringFetch) {
                s = reducer(s, action)
            }
            return s

        case UPDATE_SETTINGS:
            if (state.isFetching) {
                return {
                    ...state,
                    actionsDuringFetch: [...state.actionsDuringFetch, action]
                }
            }
            return {
                ...state,
                settings: {...state.settings, ...action.settings}
            }

        default:
            return state
    }
}

export function updateSettings(event) {
    /* This action creator takes all WebSocket events */
    if (event.cmd === 'update') {
        return {
            type: UPDATE_SETTINGS,
            settings: event.data
        }
    }
    console.error('unknown settings update', event)
}

export function fetchSettings() {
    return dispatch => {
        dispatch({type: REQUEST_SETTINGS})

        return fetchApi('/settings')
            .then(response => response.json())
            .then(json =>
                dispatch({type: RECEIVE_SETTINGS, settings: json.data})
            )
        // TODO: Error handling
    }
}

export function updateSettings(settings) {
    fetchApi.put('/settings', settings)
    return { type: SET_INTERCEPT }
}