origami-zen/lib/API/Reducer.js

Collection of reusable web components. Built for Origami CMS.

import immutable from 'seamless-immutable';
export default (resource, func, key = 'id') => {
    const up = resource.toUpperCase();
    const singular = resource.slice(0, -1);
    const initialState = immutable({
        [resource]: immutable([]),
        loadedInitial: false,
        _loading: {
            all: false,
            single: false,
            post: false,
            edit: false,
        },
        _errors: {
            get: false,
            post: false,
            edit: false,
            delete: false
        }
    });
    return (state = initialState, action) => {
        const res = state[resource];
        const resourceList = res.asMutable();
        const findIndexByKey = (res) => resourceList.findIndex(r => r[key] === res[key]);
        switch (action.type) {
            case `${up}_LOADING_SINGLE_START`:
                return state.setIn(['_loading', 'single'], true);
            case `${up}_LOADING_SINGLE_END`:
                return state.setIn(['_loading', 'single'], false);
            case `${up}_CREATING_START`:
                return state.setIn(['_loading', 'post'], true);
            case `${up}_CREATING_END`:
                return state.setIn(['_loading', 'post'], false);
            case `${up}_UPDATING_START`:
                return state.setIn(['_loading', 'edit'], true);
            case `${up}_UPDATING_END`:
                return state.setIn(['_loading', 'edit'], false);
            case `${up}_LOADING_ALL_START`:
                return state.setIn(['_loading', 'all'], true);
            case `${up}_LOADING_ALL_END`:
                return state.setIn(['_loading', 'all'], false);
            case `${up}_SET`:
                // If there is no resource, return state
                if (!action[resource])
                    return state;
                let updated = state;
                action[resource].forEach((res) => {
                    const existing = findIndexByKey(res);
                    // If there is an existing resource that matches the id,
                    // then update it
                    if (existing >= 0) {
                        updated = updated.setIn([resource, existing.toString()], Object.assign({}, res[existing], res));
                        // Otherwise merge the resource into the array
                    }
                    else {
                        updated = updated.merge({
                            [resource]: [
                                ...updated[resource],
                                res
                            ],
                            loadedInitial: true
                        });
                    }
                });
                return updated;
            case `${up}_CREATED`:
                resourceList.push(action[singular]);
                return state.set(resource, resourceList);
            case `${up}_REMOVED`:
                return state.set(resource, resourceList.filter(u => u[key] !== action[key]));
            case `${up}_UPDATED`:
                const index = findIndexByKey(action[singular]);
                const s = state.setIn([resource, index.toString()], Object.assign({}, res[index], action[singular]));
                return s;
            case `${up}_CREATE_ERROR`:
                return state.setIn(['_errors', 'post'], action.error);
            case `${up}_GET_ERROR`:
                return state.setIn(['_errors', 'get'], action.error);
            case `${up}_UPDATE_ERROR`:
                return state.setIn(['_errors', 'edit'], action.error);
            case `${up}_REMOVED_ERROR`:
                return state.setIn(['_errors', 'delete'], action.error);
            default:
                if (func)
                    return func(state, action);
                return state;
        }
    };
};