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
36
37
38
39
40
41

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;
}