import {applyMiddleware, compose, createStore} from "redux";
import persistState from "redux-localstorage";
import {createLogger} from "redux-logger";
import createSagaMiddleware from 'redux-saga';
import thunk from "redux-thunk";
import {authRedirectMiddleware} from "../auth/index";
import rootReducer from "../reducers/index";
import rootSaga from "../sagas/index";
import {dummyMiddleware} from "./middlewares/dummy-middleware";
import {viewportAdjustmentMiddleware} from "./middlewares/viewport-adjustment";

const sagaMiddleware = createSagaMiddleware();

let logger;
if (process.env.NODE_ENV !== 'production') {
    logger = createLogger();
}

const middlewares = [
    process.env.NODE_ENV === 'production' ? dummyMiddleware : logger,
    thunk,
    sagaMiddleware,
    authRedirectMiddleware,
    viewportAdjustmentMiddleware,
];

export default function configureStore() {
    const store = createStore(
        rootReducer,
        compose(
            persistState("auth"),
            applyMiddleware(...middlewares)
        )
    );
    sagaMiddleware.run(rootSaga);

    return store;
}