X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/eeb82d50816250cc6287928e6d958affa73880ee..dd89200ad6fdbfa337fdbab5f54def8712c6746c:/src/store/store.ts diff --git a/src/store/store.ts b/src/store/store.ts index d541156e..a4bf9d6e 100644 --- a/src/store/store.ts +++ b/src/store/store.ts @@ -2,36 +2,90 @@ // // SPDX-License-Identifier: AGPL-3.0 -import { createStore, applyMiddleware, compose, Middleware, combineReducers } from 'redux'; +import { createStore, applyMiddleware, compose, Middleware, combineReducers, Store, Action, Dispatch } from 'redux'; import { routerMiddleware, routerReducer, RouterState } from "react-router-redux"; import thunkMiddleware from 'redux-thunk'; import { History } from "history"; -import projectsReducer, { ProjectState } from "./project/project-reducer"; -import authReducer, { AuthState } from "./auth/auth-reducer"; + +import { projectsReducer, ProjectState } from "./project/project-reducer"; +import { sidePanelReducer, SidePanelState } from './side-panel/side-panel-reducer'; +import { authReducer, AuthState } from "./auth/auth-reducer"; +import { dataExplorerReducer, DataExplorerState } from './data-explorer/data-explorer-reducer'; +import { detailsPanelReducer, DetailsPanelState } from './details-panel/details-panel-reducer'; +import { contextMenuReducer, ContextMenuState } from './context-menu/context-menu-reducer'; +import { reducer as formReducer } from 'redux-form'; +import { FavoritesState, favoritesReducer } from './favorites/favorites-reducer'; +import { snackbarReducer, SnackbarState } from './snackbar/snackbar-reducer'; +import { CollectionPanelFilesState } from './collection-panel/collection-panel-files/collection-panel-files-state'; +import { collectionPanelFilesReducer } from './collection-panel/collection-panel-files/collection-panel-files-reducer'; +import { dataExplorerMiddleware } from "./data-explorer/data-explorer-middleware"; +import { FAVORITE_PANEL_ID } from "./favorite-panel/favorite-panel-action"; +import { PROJECT_PANEL_ID } from "./project-panel/project-panel-action"; +import { ProjectPanelMiddlewareService } from "./project-panel/project-panel-middleware-service"; +import { FavoritePanelMiddlewareService } from "./favorite-panel/favorite-panel-middleware-service"; +import { CollectionPanelState, collectionPanelReducer } from './collection-panel/collection-panel-reducer'; +import { DialogState, dialogReducer } from './dialog/dialog-reducer'; +import { CollectionsState, collectionsReducer } from './collections/collections-reducer'; +import { ServiceRepository } from "~/services/services"; +import { treePickerReducer } from './tree-picker/tree-picker-reducer'; +import { TreePicker } from './tree-picker/tree-picker'; const composeEnhancers = (process.env.NODE_ENV === 'development' && - window && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) || + window && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) || compose; export interface RootState { - auth: AuthState, - projects: ProjectState, - router: RouterState + auth: AuthState; + projects: ProjectState; + collections: CollectionsState; + router: RouterState; + dataExplorer: DataExplorerState; + sidePanel: SidePanelState; + collectionPanel: CollectionPanelState; + detailsPanel: DetailsPanelState; + contextMenu: ContextMenuState; + favorites: FavoritesState; + snackbar: SnackbarState; + collectionPanelFiles: CollectionPanelFilesState; + dialog: DialogState; + treePicker: TreePicker; } -const rootReducer = combineReducers({ - auth: authReducer, - projects: projectsReducer, - router: routerReducer -}); +export type RootStore = Store & { dispatch: Dispatch }; + +export function configureStore(history: History, services: ServiceRepository): RootStore { + const rootReducer = combineReducers({ + auth: authReducer(services), + projects: projectsReducer, + collections: collectionsReducer, + router: routerReducer, + dataExplorer: dataExplorerReducer, + sidePanel: sidePanelReducer, + collectionPanel: collectionPanelReducer, + detailsPanel: detailsPanelReducer, + contextMenu: contextMenuReducer, + form: formReducer, + favorites: favoritesReducer, + snackbar: snackbarReducer, + collectionPanelFiles: collectionPanelFilesReducer, + dialog: dialogReducer, + treePicker: treePickerReducer, + }); + const projectPanelMiddleware = dataExplorerMiddleware( + new ProjectPanelMiddlewareService(services, PROJECT_PANEL_ID) + ); + const favoritePanelMiddleware = dataExplorerMiddleware( + new FavoritePanelMiddlewareService(services, FAVORITE_PANEL_ID) + ); -export default function configureStore(initialState: RootState, history: History) { const middlewares: Middleware[] = [ routerMiddleware(history), - thunkMiddleware + thunkMiddleware.withExtraArgument(services), + projectPanelMiddleware, + favoritePanelMiddleware ]; const enhancer = composeEnhancers(applyMiddleware(...middlewares)); - return createStore(rootReducer, initialState!, enhancer); + return createStore(rootReducer, enhancer); }