src/store/store.ts

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import { createStore, applyMiddleware, compose, Middleware, combineReducers } from 'redux';
   6 import { routerMiddleware, routerReducer, RouterState } from "react-router-redux";
   7 import thunkMiddleware from 'redux-thunk';
   8 import { History } from "history";
   9
  10 import { projectsReducer, ProjectState } from "./project/project-reducer";
  11 import { sidePanelReducer, SidePanelState } from './side-panel/side-panel-reducer';
  12 import { authReducer, AuthState } from "./auth/auth-reducer";
  13 import { dataExplorerReducer, DataExplorerState } from './data-explorer/data-explorer-reducer';
  14 import { detailsPanelReducer, DetailsPanelState } from './details-panel/details-panel-reducer';
  15 import { contextMenuReducer, ContextMenuState } from './context-menu/context-menu-reducer';
  16 import { reducer as formReducer } from 'redux-form';
  17 import { FavoritesState, favoritesReducer } from './favorites/favorites-reducer';
  18 import { snackbarReducer, SnackbarState } from './snackbar/snackbar-reducer';
  19 import { dataExplorerMiddleware } from "./data-explorer/data-explorer-middleware";
  20 import { FAVORITE_PANEL_ID } from "./favorite-panel/favorite-panel-action";
  21 import { PROJECT_PANEL_ID } from "./project-panel/project-panel-action";
  22 import { ProjectPanelMiddlewareService } from "./project-panel/project-panel-middleware-service";
  23 import { FavoritePanelMiddlewareService } from "./favorite-panel/favorite-panel-middleware-service";
  24
  25 const composeEnhancers =
  26     (process.env.NODE_ENV === 'development' &&
  27         window && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) ||
  28     compose;
  29
  30 export interface RootState {
  31     auth: AuthState;
  32     projects: ProjectState;
  33     router: RouterState;
  34     dataExplorer: DataExplorerState;
  35     sidePanel: SidePanelState;
  36     detailsPanel: DetailsPanelState;
  37     contextMenu: ContextMenuState;
  38     favorites: FavoritesState;
  39     snackbar: SnackbarState;
  40 }
  41
  42 const rootReducer = combineReducers({
  43     auth: authReducer,
  44     projects: projectsReducer,
  45     router: routerReducer,
  46     dataExplorer: dataExplorerReducer,
  47     sidePanel: sidePanelReducer,
  48     detailsPanel: detailsPanelReducer,
  49     contextMenu: contextMenuReducer,
  50     form: formReducer,
  51     favorites: favoritesReducer,
  52     snackbar: snackbarReducer,
  53 });
  54
  55 export function configureStore(history: History) {
  56     const projectPanelMiddleware = dataExplorerMiddleware(
  57         new ProjectPanelMiddlewareService(PROJECT_PANEL_ID)
  58     );
  59     const favoritePanelMiddleware = dataExplorerMiddleware(
  60         new FavoritePanelMiddlewareService(FAVORITE_PANEL_ID)
  61     );
  62
  63     const middlewares: Middleware[] = [
  64         routerMiddleware(history),
  65         thunkMiddleware,
  66         projectPanelMiddleware,
  67         favoritePanelMiddleware
  68     ];
  69     const enhancer = composeEnhancers(applyMiddleware(...middlewares));
  70     return createStore(rootReducer, enhancer);
  71 }