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, Store, Action, Dispatch } 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 { CollectionPanelFilesState } from './collection-panel/collection-panel-files/collection-panel-files-state';
  20 import { collectionPanelFilesReducer } from './collection-panel/collection-panel-files/collection-panel-files-reducer';
  21 import { dataExplorerMiddleware } from "./data-explorer/data-explorer-middleware";
  22 import { FAVORITE_PANEL_ID } from "./favorite-panel/favorite-panel-action";
  23 import { PROJECT_PANEL_ID } from "./project-panel/project-panel-action";
  24 import { ProjectPanelMiddlewareService } from "./project-panel/project-panel-middleware-service";
  25 import { FavoritePanelMiddlewareService } from "./favorite-panel/favorite-panel-middleware-service";
  26 import { CollectionPanelState, collectionPanelReducer } from './collection-panel/collection-panel-reducer';
  27 import { DialogState, dialogReducer } from './dialog/dialog-reducer';
  28 import { CollectionsState, collectionsReducer } from './collections/collections-reducer';
  29 import { ServiceRepository } from "~/services/services";
  30 import { treePickerReducer } from './tree-picker/tree-picker-reducer';
  31 import { TreePicker } from './tree-picker/tree-picker';
  32 import { TrashPanelMiddlewareService } from "~/store/trash-panel/trash-panel-middleware-service";
  33 import { TRASH_PANEL_ID } from "~/store/trash-panel/trash-panel-action";
  34
  35 const composeEnhancers =
  36     (process.env.NODE_ENV === 'development' &&
  37         window && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) ||
  38     compose;
  39
  40 export interface RootState {
  41     auth: AuthState;
  42     projects: ProjectState;
  43     collections: CollectionsState;
  44     router: RouterState;
  45     dataExplorer: DataExplorerState;
  46     sidePanel: SidePanelState;
  47     collectionPanel: CollectionPanelState;
  48     detailsPanel: DetailsPanelState;
  49     contextMenu: ContextMenuState;
  50     favorites: FavoritesState;
  51     snackbar: SnackbarState;
  52     collectionPanelFiles: CollectionPanelFilesState;
  53     dialog: DialogState;
  54     treePicker: TreePicker;
  55 }
  56
  57 export type RootStore = Store<RootState, Action> & { dispatch: Dispatch<any> };
  58
  59 export function configureStore(history: History, services: ServiceRepository): RootStore {
  60     const rootReducer = combineReducers({
  61         auth: authReducer(services),
  62         projects: projectsReducer,
  63         collections: collectionsReducer,
  64         router: routerReducer,
  65         dataExplorer: dataExplorerReducer,
  66         sidePanel: sidePanelReducer,
  67         collectionPanel: collectionPanelReducer,
  68         detailsPanel: detailsPanelReducer,
  69         contextMenu: contextMenuReducer,
  70         form: formReducer,
  71         favorites: favoritesReducer,
  72         snackbar: snackbarReducer,
  73         collectionPanelFiles: collectionPanelFilesReducer,
  74         dialog: dialogReducer,
  75         treePicker: treePickerReducer,
  76     });
  77
  78     const projectPanelMiddleware = dataExplorerMiddleware(
  79         new ProjectPanelMiddlewareService(services, PROJECT_PANEL_ID)
  80     );
  81     const favoritePanelMiddleware = dataExplorerMiddleware(
  82         new FavoritePanelMiddlewareService(services, FAVORITE_PANEL_ID)
  83     );
  84     const trashPanelMiddleware = dataExplorerMiddleware(
  85         new TrashPanelMiddlewareService(services, TRASH_PANEL_ID)
  86     );
  87
  88     const middlewares: Middleware[] = [
  89         routerMiddleware(history),
  90         thunkMiddleware.withExtraArgument(services),
  91         projectPanelMiddleware,
  92         favoritePanelMiddleware,
  93         trashPanelMiddleware
  94     ];
  95     const enhancer = composeEnhancers(applyMiddleware(...middlewares));
  96     return createStore(rootReducer, enhancer);
  97 }