48 lines
1.6 KiB
TypeScript
48 lines
1.6 KiB
TypeScript
import { Store, createStore, applyMiddleware } from 'redux';
|
|
import createSagaMiddleware, { SagaMiddleware } from 'redux-saga';
|
|
import thunkMiddleware, { ThunkMiddleware } from 'redux-thunk';
|
|
import promiseMiddleware from 'redux-promise-middleware';
|
|
import { composeWithDevTools } from 'redux-devtools-extension';
|
|
import { persistStore, Persistor } from 'redux-persist';
|
|
import rootReducer, { AppState, combineInitialState } from './reducers';
|
|
import rootSaga from './sagas';
|
|
|
|
const sagaMiddleware = createSagaMiddleware();
|
|
|
|
type MiddleWare = ThunkMiddleware | SagaMiddleware<any> | any;
|
|
|
|
const bindMiddleware = (middleware: MiddleWare[]) => {
|
|
if (process.env.NODE_ENV !== 'production') {
|
|
const { createLogger } = require('redux-logger');
|
|
const logger = createLogger({
|
|
collapsed: true,
|
|
});
|
|
middleware = [...middleware, logger];
|
|
}
|
|
return composeWithDevTools(applyMiddleware(...middleware));
|
|
};
|
|
|
|
export function configureStore(initialState: Partial<AppState> = combineInitialState) {
|
|
const store: Store<AppState> = createStore(
|
|
rootReducer,
|
|
initialState,
|
|
bindMiddleware([sagaMiddleware, thunkMiddleware, promiseMiddleware()]),
|
|
);
|
|
// Don't persist server side, but don't mess up types for client side
|
|
const persistor: Persistor = process.env.SERVER_SIDE_RENDER
|
|
? (undefined as any)
|
|
: persistStore(store);
|
|
|
|
sagaMiddleware.run(rootSaga);
|
|
|
|
if (process.env.NODE_ENV === 'development') {
|
|
if (module.hot) {
|
|
module.hot.accept('./reducers', () =>
|
|
store.replaceReducer(require('./reducers').default),
|
|
);
|
|
}
|
|
}
|
|
|
|
return { store, persistor };
|
|
}
|