import throttle from 'lodash/throttle'; import { routerMiddleware } from 'react-router-redux'; import { INITIAL_STATE as configInitialState } from 'reducers/config'; import { INITIAL_STATE as customTokensInitialState } from 'reducers/customTokens'; import { INITIAL_STATE as swapInitialState } from 'reducers/swap'; import { applyMiddleware, createStore } from 'redux'; import { composeWithDevTools } from 'redux-devtools-extension'; import { createLogger } from 'redux-logger'; import createSagaMiddleware from 'redux-saga'; import { loadStatePropertyOrEmptyObject, saveState } from 'utils/localStorage'; import RootReducer from './reducers'; import { State as ConfigState } from './reducers/config'; import { State as CustomTokenState } from './reducers/customTokens'; import { State as SwapState } from './reducers/swap'; import promiseMiddleware from 'redux-promise-middleware'; import { getNodeConfigFromId } from 'utils/node'; import sagas from './sagas'; const configureStore = () => { const logger = createLogger({ collapsed: true }); const sagaMiddleware = createSagaMiddleware(); const reduxPromiseMiddleWare = promiseMiddleware({ promiseTypeSuffixes: ['REQUESTED', 'SUCCEEDED', 'FAILED'] }); let middleware; let store; if (process.env.NODE_ENV !== 'production') { middleware = composeWithDevTools( applyMiddleware( sagaMiddleware, logger, reduxPromiseMiddleWare, routerMiddleware(history as any) ) ); } else { middleware = applyMiddleware( sagaMiddleware, reduxPromiseMiddleWare, routerMiddleware(history as any) ); } const localSwapState = loadStatePropertyOrEmptyObject('swap'); const swapState = localSwapState && localSwapState.step === 3 ? { ...swapInitialState, ...localSwapState } : { ...swapInitialState }; const localCustomTokens = loadStatePropertyOrEmptyObject( 'customTokens' ); const savedConfigState = loadStatePropertyOrEmptyObject( 'config' ); // If they have a saved node, make sure we assign that too. The node selected // isn't serializable, so we have to assign it here. if (savedConfigState && savedConfigState.nodeSelection) { const savedNode = getNodeConfigFromId( savedConfigState.nodeSelection, savedConfigState.customNodes ); // If we couldn't find it, revert to defaults if (savedNode) { savedConfigState.node = savedNode; } else { savedConfigState.nodeSelection = configInitialState.nodeSelection; } } const persistedInitialState = { config: { ...configInitialState, ...savedConfigState }, customTokens: localCustomTokens || customTokensInitialState, // ONLY LOAD SWAP STATE FROM LOCAL STORAGE IF STEP WAS 3 swap: swapState }; // if 'web3' has persisted as node selection, reset to app default // necessary because web3 is only initialized as a node upon MetaMask / Mist unlock if (persistedInitialState.config.nodeSelection === 'web3') { persistedInitialState.config.nodeSelection = configInitialState.nodeSelection; } store = createStore(RootReducer, persistedInitialState, middleware); // Add all of the sagas to the middleware Object.keys(sagas).forEach(saga => { sagaMiddleware.run(sagas[saga]); }); store.subscribe( throttle(() => { const state = store.getState(); saveState({ config: { gasPriceGwei: state.config.gasPriceGwei, nodeSelection: state.config.nodeSelection, languageSelection: state.config.languageSelection, customNodes: state.config.customNodes }, swap: { ...state.swap, bityRates: {} }, customTokens: state.customTokens }); }), 1000 ); return store; }; export const configuredStore = configureStore();