124 lines
3.8 KiB
TypeScript
124 lines
3.8 KiB
TypeScript
import throttle from 'lodash/throttle';
|
|
import { routerMiddleware } from 'react-router-redux';
|
|
import { State as ConfigState, INITIAL_STATE as configInitialState } from 'reducers/config';
|
|
import {
|
|
State as CustomTokenState,
|
|
INITIAL_STATE as customTokensInitialState
|
|
} from 'reducers/customTokens';
|
|
import { State as SwapState, 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 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<SwapState>('swap');
|
|
const swapState =
|
|
localSwapState && localSwapState.step === 3
|
|
? {
|
|
...swapInitialState,
|
|
...localSwapState
|
|
}
|
|
: { ...swapInitialState };
|
|
|
|
const localCustomTokens = loadStatePropertyOrEmptyObject<CustomTokenState>('customTokens');
|
|
|
|
const savedConfigState = loadStatePropertyOrEmptyObject<ConfigState>('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,
|
|
customNetworks: state.config.customNetworks
|
|
},
|
|
swap: {
|
|
...state.swap,
|
|
options: {},
|
|
bityRates: {}
|
|
},
|
|
customTokens: state.customTokens
|
|
});
|
|
}, 1000)
|
|
);
|
|
|
|
return store;
|
|
};
|
|
|
|
export const configuredStore = configureStore();
|