/** bro-js redux start */

const createBroStore = (reducer, state) => {
    let _state = state
    let _listeners = new Set()

    const dispatch = (action) => {
        _state = reducer(_state, action)

        _listeners.forEach(cb => cb())
    }

    dispatch({ type: '__INIT__' })

    return {
        getState: () => _state,
        subscribe: callBack => {
            _listeners.add(callBack);

            return () => _listeners.delete(callBack);
        },
        dispatch
    }
}

const combineReducers = (obj) => (state, action) => {
    return Object.keys(obj).reduce((acc, key) => ({
        ...acc,
        [key]: obj[key](state?.[key], action)
    }), {})
}

/** bro-js redux end */


let initialState = ['🐙', '🐜']

const ADD_PENGUIN_TYPE = 'add_penguin'
const ADD_CUSTOM_TYPE = 'add_custom'
const ADD_CUSTOM_CAT = 'add_custom_cat'

const animalReducer = (state = initialState, action) => {
    switch (action.type) {
        case ADD_PENGUIN_TYPE:
            return [...state, '🐧'];
        case ADD_CUSTOM_TYPE:
            return [...state, action.payload]
        default:
            return state;
    }
}

const catsInitialState = {
    home: ['😻', '😺']
}

const catsReducer = (state = catsInitialState, action) => {
    switch (action.type) {
        case ADD_CUSTOM_CAT: return ({
            ...state,
            home: [...state.home, action.payload]
        })
    
        default: return state
    }
}

const store = require('redux').createStore(combineReducers({
    home: (state) => state,
    animals: combineReducers({
        animal: animalReducer,
        cats: catsReducer
    })
}))

store.subscribe(() => {
    console.log('cats', store.getState().animals.cats)
})
store.subscribe(() => {
    console.log('animal', store.getState().animals.animal)
})

console.log(store.getState())

const addPenguin = () => ({ type: ADD_PENGUIN_TYPE })
const addCustom = (custom) => ({ type: ADD_CUSTOM_TYPE, payload: custom })
const addCustomCat = (cat) => ({ type: ADD_CUSTOM_CAT, payload: cat })

store.dispatch(addPenguin())
store.dispatch({ type: '' })
store.dispatch(addCustom('🐬'))
store.dispatch(addCustomCat('😹'))
store.dispatch({ type: '' })