X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/e6039bec0497aa7e1391958e5c4f84bbaeef653e..f5c0cb11102a006cda59711f29458b7569b9a21f:/src/store/store.ts diff --git a/src/store/store.ts b/src/store/store.ts index d87c8031..9b4f42b8 100644 --- a/src/store/store.ts +++ b/src/store/store.ts @@ -2,51 +2,86 @@ // // SPDX-License-Identifier: AGPL-3.0 -import { createStore, applyMiddleware, compose, Middleware, combineReducers } from 'redux'; -import { routerMiddleware, routerReducer, RouterState } from "react-router-redux"; +import { createStore, applyMiddleware, compose, Middleware, combineReducers, Store, Action, Dispatch } from 'redux'; +import { routerMiddleware, routerReducer } from "react-router-redux"; import thunkMiddleware from 'redux-thunk'; import { History } from "history"; -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 { projectPanelMiddleware } from './project-panel/project-panel-middleware'; -import detailsPanelReducer, { DetailsPanelState } from './details-panel/details-panel-reducer'; -import contextMenuReducer, { ContextMenuState } from './context-menu/context-menu-reducer'; +import { authReducer } from "./auth/auth-reducer"; +import { dataExplorerReducer } from './data-explorer/data-explorer-reducer'; +import { detailsPanelReducer } from './details-panel/details-panel-reducer'; +import { contextMenuReducer } from './context-menu/context-menu-reducer'; +import { reducer as formReducer } from 'redux-form'; +import { favoritesReducer } from './favorites/favorites-reducer'; +import { snackbarReducer } from './snackbar/snackbar-reducer'; +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 { collectionPanelReducer } from './collection-panel/collection-panel-reducer'; +import { dialogReducer } from './dialog/dialog-reducer'; +import { ServiceRepository } from "~/services/services"; +import { treePickerReducer } from './tree-picker/tree-picker-reducer'; +import { resourcesReducer } from '~/store/resources/resources-reducer'; +import { propertiesReducer } from './properties/properties-reducer'; +import { RootState } from './store'; +import { fileUploaderReducer } from './file-uploader/file-uploader-reducer'; +import { TrashPanelMiddlewareService } from "~/store/trash-panel/trash-panel-middleware-service"; +import { TRASH_PANEL_ID } from "~/store/trash-panel/trash-panel-action"; +import { processLogsPanelReducer } from './process-logs-panel/process-logs-panel-reducer'; +import { processPanelReducer } from '~/store/process-panel/process-panel-reducer'; const composeEnhancers = (process.env.NODE_ENV === 'development' && window && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) || compose; -export interface RootState { - auth: AuthState; - projects: ProjectState; - router: RouterState; - dataExplorer: DataExplorerState; - sidePanel: SidePanelState; - detailsPanel: DetailsPanelState; - contextMenu: ContextMenuState; -} +export type RootState = ReturnType>; -const rootReducer = combineReducers({ - auth: authReducer, - projects: projectsReducer, - router: routerReducer, - dataExplorer: dataExplorerReducer, - sidePanel: sidePanelReducer, - detailsPanel: detailsPanelReducer, - contextMenu: contextMenuReducer -}); +export type RootStore = Store & { dispatch: Dispatch }; + +export function configureStore(history: History, services: ServiceRepository): RootStore { + const rootReducer = createRootReducer(services); + const projectPanelMiddleware = dataExplorerMiddleware( + new ProjectPanelMiddlewareService(services, PROJECT_PANEL_ID) + ); + const favoritePanelMiddleware = dataExplorerMiddleware( + new FavoritePanelMiddlewareService(services, FAVORITE_PANEL_ID) + ); + const trashPanelMiddleware = dataExplorerMiddleware( + new TrashPanelMiddlewareService(services, TRASH_PANEL_ID) + ); -export default function configureStore(history: History) { const middlewares: Middleware[] = [ routerMiddleware(history), - thunkMiddleware, - projectPanelMiddleware + thunkMiddleware.withExtraArgument(services), + projectPanelMiddleware, + favoritePanelMiddleware, + trashPanelMiddleware ]; const enhancer = composeEnhancers(applyMiddleware(...middlewares)); return createStore(rootReducer, enhancer); } + +const createRootReducer = (services: ServiceRepository) => combineReducers({ + auth: authReducer(services), + collectionPanel: collectionPanelReducer, + collectionPanelFiles: collectionPanelFilesReducer, + contextMenu: contextMenuReducer, + dataExplorer: dataExplorerReducer, + detailsPanel: detailsPanelReducer, + dialog: dialogReducer, + favorites: favoritesReducer, + form: formReducer, + processLogsPanel: processLogsPanelReducer, + properties: propertiesReducer, + resources: resourcesReducer, + router: routerReducer, + snackbar: snackbarReducer, + treePicker: treePickerReducer, + fileUploader: fileUploaderReducer, + processPanel: processPanelReducer +});