import {
    combineReducers,
    createStore,
    applyMiddleware,
    compose,
    Middleware,
    ReducersMapObject,
    StoreEnhancer,
} from 'redux';

declare global {
    interface Window {
        devToolsExtension?: () => (r: any) => void;
    }
}

export function configureStore(
    initialState: { [key: string]: any },
    reducer: ReducersMapObject<any, any>,
    ...customMiddlewares: Middleware[]
) {
    const middlewares = [...customMiddlewares].filter(m => !!m);

    const middleware = applyMiddleware(...middlewares);
    const enhancer = compose(
        middleware,
        window.devToolsExtension ? window.devToolsExtension() : (r: any) => r,
    ) as StoreEnhancer;

    const store = createStore(combineReducers(reducer), initialState, enhancer);

    return store;
}

const reducers = {
};

export default configureStore({}, reducers);