frontend/src/store/configure-store.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

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 let store = undefined

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

    return configuredStore
}