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 { configReducer } from "./config/config-reducer";
  12 import { dataExplorerReducer } from './data-explorer/data-explorer-reducer';
  13 import { detailsPanelReducer } from './details-panel/details-panel-reducer';
  14 import { contextMenuReducer } from './context-menu/context-menu-reducer';
  15 import { reducer as formReducer } from 'redux-form';
  16 import { favoritesReducer } from './favorites/favorites-reducer';
  17 import { snackbarReducer } from './snackbar/snackbar-reducer';
  18 import { collectionPanelFilesReducer } from './collection-panel/collection-panel-files/collection-panel-files-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 import { collectionPanelReducer } from './collection-panel/collection-panel-reducer';
  25 import { dialogReducer } from './dialog/dialog-reducer';
  26 import { ServiceRepository } from "~/services/services";
  27 import { treePickerReducer } from './tree-picker/tree-picker-reducer';
  28 import { resourcesReducer } from '~/store/resources/resources-reducer';
  29 import { propertiesReducer } from './properties/properties-reducer';
  30 import { RootState } from './store';
  31 import { fileUploaderReducer } from './file-uploader/file-uploader-reducer';
  32 import { TrashPanelMiddlewareService } from "~/store/trash-panel/trash-panel-middleware-service";
  33 import { TRASH_PANEL_ID } from "~/store/trash-panel/trash-panel-action";
  34 import { processLogsPanelReducer } from './process-logs-panel/process-logs-panel-reducer';
  35 import { processPanelReducer } from '~/store/process-panel/process-panel-reducer';
  36 import { SHARED_WITH_ME_PANEL_ID } from '~/store/shared-with-me-panel/shared-with-me-panel-actions';
  37 import { SharedWithMeMiddlewareService } from './shared-with-me-panel/shared-with-me-middleware-service';
  38 import { progressIndicatorReducer } from './progress-indicator/progress-indicator-reducer';
  39 import { runProcessPanelReducer } from '~/store/run-process-panel/run-process-panel-reducer';
  40 import { WorkflowMiddlewareService } from './workflow-panel/workflow-middleware-service';
  41 import { WORKFLOW_PANEL_ID } from './workflow-panel/workflow-panel-actions';
  42 import { appInfoReducer } from '~/store/app-info/app-info-reducer';
  43 import { searchBarReducer } from './search-bar/search-bar-reducer';
  44 import { SEARCH_RESULTS_PANEL_ID } from '~/store/search-results-panel/search-results-panel-actions';
  45 import { SearchResultsMiddlewareService } from './search-results-panel/search-results-middleware-service';
  46 import { resourcesDataReducer } from "~/store/resources-data/resources-data-reducer";
  47 import { virtualMachinesReducer } from "~/store/virtual-machines/virtual-machines-reducer";
  48 import { repositoriesReducer } from '~/store/repositories/repositories-reducer';
  49 import { keepServicesReducer } from '~/store/keep-services/keep-services-reducer';
  50 import { UserMiddlewareService } from '~/store/users/user-panel-middleware-service';
  51 import { USERS_PANEL_ID } from '~/store/users/users-actions';
  52 import { GroupsPanelMiddlewareService } from '~/store/groups-panel/groups-panel-middleware-service';
  53 import { GROUPS_PANEL_ID } from '~/store/groups-panel/groups-panel-actions';
  54 import { GroupDetailsPanelMiddlewareService } from '~/store/group-details-panel/group-details-panel-middleware-service';
  55 import { GROUP_DETAILS_PANEL_ID } from '~/store/group-details-panel/group-details-panel-actions';
  56 import { LINK_PANEL_ID } from '~/store/link-panel/link-panel-actions';
  57 import { LinkMiddlewareService } from '~/store/link-panel/link-panel-middleware-service';
  58 import { COMPUTE_NODE_PANEL_ID } from '~/store/compute-nodes/compute-nodes-actions';
  59 import { ComputeNodeMiddlewareService } from '~/store/compute-nodes/compute-nodes-middleware-service';
  60 import { API_CLIENT_AUTHORIZATION_PANEL_ID } from '~/store/api-client-authorizations/api-client-authorizations-actions';
  61 import { ApiClientAuthorizationMiddlewareService } from '~/store/api-client-authorizations/api-client-authorizations-middleware-service';
  62
  63 const composeEnhancers =
  64     (process.env.NODE_ENV === 'development' &&
  65         window && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ &&
  66         window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({ trace: true, traceLimit: 25 })) ||
  67     compose;
  68
  69 export type RootState = ReturnType<ReturnType<typeof createRootReducer>>;
  70
  71 export type RootStore = Store<RootState, Action> & { dispatch: Dispatch<any> };
  72
  73 export function configureStore(history: History, services: ServiceRepository): RootStore {
  74     const rootReducer = createRootReducer(services);
  75
  76     const projectPanelMiddleware = dataExplorerMiddleware(
  77         new ProjectPanelMiddlewareService(services, PROJECT_PANEL_ID)
  78     );
  79     const favoritePanelMiddleware = dataExplorerMiddleware(
  80         new FavoritePanelMiddlewareService(services, FAVORITE_PANEL_ID)
  81     );
  82     const trashPanelMiddleware = dataExplorerMiddleware(
  83         new TrashPanelMiddlewareService(services, TRASH_PANEL_ID)
  84     );
  85     const searchResultsPanelMiddleware = dataExplorerMiddleware(
  86         new SearchResultsMiddlewareService(services, SEARCH_RESULTS_PANEL_ID)
  87     );
  88     const sharedWithMePanelMiddleware = dataExplorerMiddleware(
  89         new SharedWithMeMiddlewareService(services, SHARED_WITH_ME_PANEL_ID)
  90     );
  91     const workflowPanelMiddleware = dataExplorerMiddleware(
  92         new WorkflowMiddlewareService(services, WORKFLOW_PANEL_ID)
  93     );
  94     const userPanelMiddleware = dataExplorerMiddleware(
  95         new UserMiddlewareService(services, USERS_PANEL_ID)
  96     );
  97     const groupsPanelMiddleware = dataExplorerMiddleware(
  98         new GroupsPanelMiddlewareService(services, GROUPS_PANEL_ID)
  99     );
 100     const groupDetailsPanelMiddleware = dataExplorerMiddleware(
 101         new GroupDetailsPanelMiddlewareService(services, GROUP_DETAILS_PANEL_ID)
 102     );
 103     const linkPanelMiddleware = dataExplorerMiddleware(
 104         new LinkMiddlewareService(services, LINK_PANEL_ID)
 105     );
 106     const computeNodeMiddleware = dataExplorerMiddleware(
 107         new ComputeNodeMiddlewareService(services, COMPUTE_NODE_PANEL_ID)
 108     );
 109     const apiClientAuthorizationMiddlewareService = dataExplorerMiddleware(
 110         new ApiClientAuthorizationMiddlewareService(services, API_CLIENT_AUTHORIZATION_PANEL_ID)
 111     );
 112     const middlewares: Middleware[] = [
 113         routerMiddleware(history),
 114         thunkMiddleware.withExtraArgument(services),
 115         projectPanelMiddleware,
 116         favoritePanelMiddleware,
 117         trashPanelMiddleware,
 118         searchResultsPanelMiddleware,
 119         sharedWithMePanelMiddleware,
 120         workflowPanelMiddleware,
 121         userPanelMiddleware,
 122         groupsPanelMiddleware,
 123         groupDetailsPanelMiddleware,
 124         linkPanelMiddleware,
 125         computeNodeMiddleware,
 126         apiClientAuthorizationMiddlewareService
 127     ];
 128     const enhancer = composeEnhancers(applyMiddleware(...middlewares));
 129     return createStore(rootReducer, enhancer);
 130 }
 131
 132 const createRootReducer = (services: ServiceRepository) => combineReducers({
 133     auth: authReducer(services),
 134     config: configReducer,
 135     collectionPanel: collectionPanelReducer,
 136     collectionPanelFiles: collectionPanelFilesReducer,
 137     contextMenu: contextMenuReducer,
 138     dataExplorer: dataExplorerReducer,
 139     detailsPanel: detailsPanelReducer,
 140     dialog: dialogReducer,
 141     favorites: favoritesReducer,
 142     form: formReducer,
 143     processLogsPanel: processLogsPanelReducer,
 144     properties: propertiesReducer,
 145     resources: resourcesReducer,
 146     resourcesData: resourcesDataReducer,
 147     router: routerReducer,
 148     snackbar: snackbarReducer,
 149     treePicker: treePickerReducer,
 150     fileUploader: fileUploaderReducer,
 151     processPanel: processPanelReducer,
 152     progressIndicator: progressIndicatorReducer,
 153     runProcessPanel: runProcessPanelReducer,
 154     appInfo: appInfoReducer,
 155     searchBar: searchBarReducer,
 156     virtualMachines: virtualMachinesReducer,
 157     repositories: repositoriesReducer,
 158     keepServices: keepServicesReducer
 159 });