configureStore.ts 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. import { createStore, applyMiddleware, compose, combineReducers } from 'redux';
  2. import thunk from 'redux-thunk';
  3. import { createLogger } from 'redux-logger';
  4. import sharedReducers from 'app/core/reducers';
  5. import alertingReducers from 'app/features/alerting/state/reducers';
  6. import teamsReducers from 'app/features/teams/state/reducers';
  7. import apiKeysReducers from 'app/features/api-keys/state/reducers';
  8. import foldersReducers from 'app/features/folders/state/reducers';
  9. import dashboardReducers from 'app/features/dashboard/state/reducers';
  10. import exploreReducers from 'app/features/explore/state/reducers';
  11. import pluginReducers from 'app/features/plugins/state/reducers';
  12. import dataSourcesReducers from 'app/features/datasources/state/reducers';
  13. import usersReducers from 'app/features/users/state/reducers';
  14. import userReducers from 'app/features/profile/state/reducers';
  15. import organizationReducers from 'app/features/org/state/reducers';
  16. import { setStore } from './store';
  17. import { StoreState } from 'app/types/store';
  18. import { toggleLogActionsMiddleware } from 'app/core/middlewares/application';
  19. const rootReducers = {
  20. ...sharedReducers,
  21. ...alertingReducers,
  22. ...teamsReducers,
  23. ...apiKeysReducers,
  24. ...foldersReducers,
  25. ...dashboardReducers,
  26. ...exploreReducers,
  27. ...pluginReducers,
  28. ...dataSourcesReducers,
  29. ...usersReducers,
  30. ...userReducers,
  31. ...organizationReducers,
  32. };
  33. export function addRootReducer(reducers: any) {
  34. Object.assign(rootReducers, ...reducers);
  35. }
  36. export function configureStore() {
  37. const composeEnhancers = (window as any).__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
  38. const rootReducer = combineReducers(rootReducers);
  39. const logger = createLogger({
  40. predicate: (getState: () => StoreState) => {
  41. return getState().application.logActions;
  42. },
  43. });
  44. const storeEnhancers =
  45. process.env.NODE_ENV !== 'production'
  46. ? applyMiddleware(toggleLogActionsMiddleware, thunk, logger)
  47. : applyMiddleware(thunk);
  48. const store = createStore(rootReducer, {}, composeEnhancers(storeEnhancers));
  49. setStore(store);
  50. return store;
  51. }