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 } from "react-router-redux";
   7 import thunkMiddleware from 'redux-thunk';
   8 import { History } from "history";
   9
  10 import { authReducer } from "./auth/auth-reducer";
  11 import { dataExplorerReducer } from './data-explorer/data-explorer-reducer';
  12 import { detailsPanelReducer } from './details-panel/details-panel-reducer';
  13 import { contextMenuReducer } from './context-menu/context-menu-reducer';
  14 import { reducer as formReducer } from 'redux-form';
  15 import { favoritesReducer } from './favorites/favorites-reducer';
  16 import { snackbarReducer } from './snackbar/snackbar-reducer';
  17 import { collectionPanelFilesReducer } from './collection-panel/collection-panel-files/collection-panel-files-reducer';
  18 import { dataExplorerMiddleware } from "./data-explorer/data-explorer-middleware";
  19 import { FAVORITE_PANEL_ID } from "./favorite-panel/favorite-panel-action";
  20 import { PROJECT_PANEL_ID } from "./project-panel/project-panel-action";
  21 import { ProjectPanelMiddlewareService } from "./project-panel/project-panel-middleware-service";
  22 import { FavoritePanelMiddlewareService } from "./favorite-panel/favorite-panel-middleware-service";
  23 import { collectionPanelReducer } from './collection-panel/collection-panel-reducer';
  24 import { dialogReducer } from './dialog/dialog-reducer';
  25 import { ServiceRepository } from "~/services/services";
  26 import { treePickerReducer } from './tree-picker/tree-picker-reducer';
  27 import { resourcesReducer } from '~/store/resources/resources-reducer';
  28 import { propertiesReducer } from './properties/properties-reducer';
  29 import { RootState } from './store';
  30 import { fileUploaderReducer } from './file-uploader/file-uploader-reducer';
  31 import { TrashPanelMiddlewareService } from "~/store/trash-panel/trash-panel-middleware-service";
  32 import { TRASH_PANEL_ID } from "~/store/trash-panel/trash-panel-action";
  33 import { processLogsPanelReducer } from './process-logs-panel/process-logs-panel-reducer';
  34 import { processPanelReducer } from '~/store/process-panel/process-panel-reducer';
  35 import { SHARED_WITH_ME_PANEL_ID } from '~/store/shared-with-me-panel/shared-with-me-panel-actions';
  36 import { SharedWithMeMiddlewareService } from './shared-with-me-panel/shared-with-me-middleware-service';
  37 import { progressIndicatorReducer } from './progress-indicator/progress-indicator-reducer';
  38 import { runProcessPanelReducer } from '~/store/run-process-panel/run-process-panel-reducer';
  39 import { WorkflowMiddlewareService } from './workflow-panel/workflow-middleware-service';
  40 import { WORKFLOW_PANEL_ID } from './workflow-panel/workflow-panel-actions';
  41 import { appInfoReducer } from '~/store/app-info/app-info-reducer';
  42 import { searchBarReducer } from './search-bar/search-bar-reducer';
  43 import { SEARCH_RESULTS_PANEL_ID } from '~/store/search-results-panel/search-results-panel-actions';
  44 import { SearchResultsMiddlewareService } from './search-results-panel/search-results-middleware-service';
  45
  46 const composeEnhancers =
  47     (process.env.NODE_ENV === 'development' &&
  48         window && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) ||
  49     compose;
  50
  51 export type RootState = ReturnType<ReturnType<typeof createRootReducer>>;
  52
  53 export type RootStore = Store<RootState, Action> & { dispatch: Dispatch<any> };
  54
  55 export function configureStore(history: History, services: ServiceRepository): RootStore {
  56     const rootReducer = createRootReducer(services);
  57
  58     const projectPanelMiddleware = dataExplorerMiddleware(
  59         new ProjectPanelMiddlewareService(services, PROJECT_PANEL_ID)
  60     );
  61     const favoritePanelMiddleware = dataExplorerMiddleware(
  62         new FavoritePanelMiddlewareService(services, FAVORITE_PANEL_ID)
  63     );
  64     const trashPanelMiddleware = dataExplorerMiddleware(
  65         new TrashPanelMiddlewareService(services, TRASH_PANEL_ID)
  66     );
  67     const searchResultsPanelMiddleware = dataExplorerMiddleware(
  68         new SearchResultsMiddlewareService(services, SEARCH_RESULTS_PANEL_ID)
  69     );
  70     const sharedWithMePanelMiddleware = dataExplorerMiddleware(
  71         new SharedWithMeMiddlewareService(services, SHARED_WITH_ME_PANEL_ID)
  72     );
  73     const workflowPanelMiddleware = dataExplorerMiddleware(
  74         new WorkflowMiddlewareService(services, WORKFLOW_PANEL_ID)
  75     );
  76
  77     const middlewares: Middleware[] = [
  78         routerMiddleware(history),
  79         thunkMiddleware.withExtraArgument(services),
  80         projectPanelMiddleware,
  81         favoritePanelMiddleware,
  82         trashPanelMiddleware,
  83         searchResultsPanelMiddleware,
  84         sharedWithMePanelMiddleware,
  85         workflowPanelMiddleware
  86     ];
  87     const enhancer = composeEnhancers(applyMiddleware(...middlewares));
  88     return createStore(rootReducer, enhancer);
  89 }
  90
  91 const createRootReducer = (services: ServiceRepository) => combineReducers({
  92     auth: authReducer(services),
  93     collectionPanel: collectionPanelReducer,
  94     collectionPanelFiles: collectionPanelFilesReducer,
  95     contextMenu: contextMenuReducer,
  96     dataExplorer: dataExplorerReducer,
  97     detailsPanel: detailsPanelReducer,
  98     dialog: dialogReducer,
  99     favorites: favoritesReducer,
 100     form: formReducer,
 101     processLogsPanel: processLogsPanelReducer,
 102     properties: propertiesReducer,
 103     resources: resourcesReducer,
 104     router: routerReducer,
 105     snackbar: snackbarReducer,
 106     treePicker: treePickerReducer,
 107     fileUploader: fileUploaderReducer,
 108     processPanel: processPanelReducer,
 109     progressIndicator: progressIndicatorReducer,
 110     runProcessPanel: runProcessPanelReducer,
 111     appInfo: appInfoReducer,
 112     searchBar: searchBarReducer
 113 });