Add login in/out handling, fix async validation
[arvados-workbench2.git] / 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 import { resourcesDataReducer } from "~/store/resources-data/resources-data-reducer";
46 import { virtualMachinesReducer } from "~/store/virtual-machines/virtual-machines-reducer";
47 import { repositoriesReducer } from '~/store/repositories/repositories-reducer';
48 import { keepServicesReducer } from '~/store/keep-services/keep-services-reducer';
49 import { computeNodesReducer } from '~/store/compute-nodes/compute-nodes-reducer';
50
51 const composeEnhancers =
52     (process.env.NODE_ENV === 'development' &&
53         window && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) ||
54     compose;
55
56 export type RootState = ReturnType<ReturnType<typeof createRootReducer>>;
57
58 export type RootStore = Store<RootState, Action> & { dispatch: Dispatch<any> };
59
60 export function configureStore(history: History, services: ServiceRepository): RootStore {
61     const rootReducer = createRootReducer(services);
62
63     const projectPanelMiddleware = dataExplorerMiddleware(
64         new ProjectPanelMiddlewareService(services, PROJECT_PANEL_ID)
65     );
66     const favoritePanelMiddleware = dataExplorerMiddleware(
67         new FavoritePanelMiddlewareService(services, FAVORITE_PANEL_ID)
68     );
69     const trashPanelMiddleware = dataExplorerMiddleware(
70         new TrashPanelMiddlewareService(services, TRASH_PANEL_ID)
71     );
72     const searchResultsPanelMiddleware = dataExplorerMiddleware(
73         new SearchResultsMiddlewareService(services, SEARCH_RESULTS_PANEL_ID)
74     );
75     const sharedWithMePanelMiddleware = dataExplorerMiddleware(
76         new SharedWithMeMiddlewareService(services, SHARED_WITH_ME_PANEL_ID)
77     );
78     const workflowPanelMiddleware = dataExplorerMiddleware(
79         new WorkflowMiddlewareService(services, WORKFLOW_PANEL_ID)
80     );
81
82     const middlewares: Middleware[] = [
83         routerMiddleware(history),
84         thunkMiddleware.withExtraArgument(services),
85         projectPanelMiddleware,
86         favoritePanelMiddleware,
87         trashPanelMiddleware,
88         searchResultsPanelMiddleware,
89         sharedWithMePanelMiddleware,
90         workflowPanelMiddleware
91     ];
92     const enhancer = composeEnhancers(applyMiddleware(...middlewares));
93     return createStore(rootReducer, enhancer);
94 }
95
96 const createRootReducer = (services: ServiceRepository) => combineReducers({
97     auth: authReducer(services),
98     collectionPanel: collectionPanelReducer,
99     collectionPanelFiles: collectionPanelFilesReducer,
100     contextMenu: contextMenuReducer,
101     dataExplorer: dataExplorerReducer,
102     detailsPanel: detailsPanelReducer,
103     dialog: dialogReducer,
104     favorites: favoritesReducer,
105     form: formReducer,
106     processLogsPanel: processLogsPanelReducer,
107     properties: propertiesReducer,
108     resources: resourcesReducer,
109     resourcesData: resourcesDataReducer,
110     router: routerReducer,
111     snackbar: snackbarReducer,
112     treePicker: treePickerReducer,
113     fileUploader: fileUploaderReducer,
114     processPanel: processPanelReducer,
115     progressIndicator: progressIndicatorReducer,
116     runProcessPanel: runProcessPanelReducer,
117     appInfo: appInfoReducer,
118     searchBar: searchBarReducer,
119     virtualMachines: virtualMachinesReducer,
120     repositories: repositoriesReducer,
121     keepServices: keepServicesReducer,
122     computeNodes: computeNodesReducer
123 });