Merge branch '14100-process-logs-service'
[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 { processLogsPanelReducer } from './process-logs-panel/process-logs-panel-reducer';
32
33 const composeEnhancers =
34     (process.env.NODE_ENV === 'development' &&
35         window && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) ||
36     compose;
37
38 export type RootState = ReturnType<ReturnType<typeof createRootReducer>>;
39
40 export type RootStore = Store<RootState, Action> & { dispatch: Dispatch<any> };
41
42 export function configureStore(history: History, services: ServiceRepository): RootStore {
43     const rootReducer = createRootReducer(services);
44
45     const projectPanelMiddleware = dataExplorerMiddleware(
46         new ProjectPanelMiddlewareService(services, PROJECT_PANEL_ID)
47     );
48     const favoritePanelMiddleware = dataExplorerMiddleware(
49         new FavoritePanelMiddlewareService(services, FAVORITE_PANEL_ID)
50     );
51
52     const middlewares: Middleware[] = [
53         routerMiddleware(history),
54         thunkMiddleware.withExtraArgument(services),
55         projectPanelMiddleware,
56         favoritePanelMiddleware
57     ];
58     const enhancer = composeEnhancers(applyMiddleware(...middlewares));
59     return createStore(rootReducer, enhancer);
60 }
61
62 const createRootReducer = (services: ServiceRepository) => combineReducers({
63     auth: authReducer(services),
64     collectionPanel: collectionPanelReducer,
65     collectionPanelFiles: collectionPanelFilesReducer,
66     contextMenu: contextMenuReducer,
67     dataExplorer: dataExplorerReducer,
68     detailsPanel: detailsPanelReducer,
69     dialog: dialogReducer,
70     favorites: favoritesReducer,
71     form: formReducer,
72     processLogsPanel: processLogsPanelReducer,
73     properties: propertiesReducer,
74     resources: resourcesReducer,
75     router: routerReducer,
76     snackbar: snackbarReducer,
77     treePicker: treePickerReducer,
78     fileUploader: fileUploaderReducer,
79 });