X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/ae7d952a97542c2cfc12f6f41ab0de93af278919..ecd0b3c069eed7d411e3cec7d707b43ab6675081:/src/index.tsx diff --git a/src/index.tsx b/src/index.tsx index 1807bd8d..0a51ed3c 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -5,46 +5,172 @@ import * as React from 'react'; import * as ReactDOM from 'react-dom'; import { Provider } from "react-redux"; -import Workbench from './views/workbench/workbench'; -import './index.css'; -import { Route } from "react-router"; -import createBrowserHistory from "history/createBrowserHistory"; -import configureStore from "./store/store"; +import { MainPanel } from '~/views/main-panel/main-panel'; +import '~/index.css'; +import { Route, Switch } from 'react-router'; +import { createBrowserHistory } from "history"; +import { History } from "history"; +import { configureStore, RootStore } from '~/store/store'; import { ConnectedRouter } from "react-router-redux"; -import ApiToken from "./components/api-token/api-token"; -import authActions from "./store/auth/auth-action"; -import { authService, projectService } from "./services/services"; -import { sidePanelData } from './store/side-panel/side-panel-reducer'; - -const history = createBrowserHistory(); - -const store = configureStore({ - projects: [ - ], - router: { - location: null - }, - auth: { - user: undefined - }, - sidePanel: [] -}, history); - -store.dispatch(authActions.INIT()); -const rootUuid = authService.getRootUuid(); -store.dispatch(projectService.getProjectList(rootUuid)); - -const App = () => - - -
- - -
- - ; - -ReactDOM.render( - , - document.getElementById('root') as HTMLElement -); +import { ApiToken } from "~/views-components/api-token/api-token"; +import { AddSession } from "~/views-components/add-session/add-session"; +import { initAuth, logout } from "~/store/auth/auth-action"; +import { createServices } from "~/services/services"; +import { MuiThemeProvider } from '@material-ui/core/styles'; +import { CustomTheme } from '~/common/custom-theme'; +import { fetchConfig } from '~/common/config'; +import { addMenuActionSet, ContextMenuKind } from '~/views-components/context-menu/context-menu'; +import { rootProjectActionSet } from "~/views-components/context-menu/action-sets/root-project-action-set"; +import { projectActionSet, readOnlyProjectActionSet } from "~/views-components/context-menu/action-sets/project-action-set"; +import { resourceActionSet } from '~/views-components/context-menu/action-sets/resource-action-set'; +import { favoriteActionSet } from "~/views-components/context-menu/action-sets/favorite-action-set"; +import { collectionFilesActionSet, readOnlyCollectionFilesActionSet } from '~/views-components/context-menu/action-sets/collection-files-action-set'; +import { collectionFilesItemActionSet, readOnlyCollectionFilesItemActionSet } from '~/views-components/context-menu/action-sets/collection-files-item-action-set'; +import { collectionFilesNotSelectedActionSet } from '~/views-components/context-menu/action-sets/collection-files-not-selected-action-set'; +import { collectionActionSet, readOnlyCollectionActionSet } from '~/views-components/context-menu/action-sets/collection-action-set'; +import { collectionResourceActionSet } from '~/views-components/context-menu/action-sets/collection-resource-action-set'; +import { processActionSet } from '~/views-components/context-menu/action-sets/process-action-set'; +import { loadWorkbench } from '~/store/workbench/workbench-actions'; +import { Routes } from '~/routes/routes'; +import { trashActionSet } from "~/views-components/context-menu/action-sets/trash-action-set"; +import { ServiceRepository } from '~/services/services'; +import { initWebSocket } from '~/websocket/websocket'; +import { Config } from '~/common/config'; +import { addRouteChangeHandlers } from './routes/route-change-handlers'; +import { setCurrentTokenDialogApiHost } from '~/store/current-token-dialog/current-token-dialog-actions'; +import { processResourceActionSet } from '~/views-components/context-menu/action-sets/process-resource-action-set'; +import { progressIndicatorActions } from '~/store/progress-indicator/progress-indicator-actions'; +import { trashedCollectionActionSet } from '~/views-components/context-menu/action-sets/trashed-collection-action-set'; +import { setBuildInfo } from '~/store/app-info/app-info-actions'; +import { getBuildInfo } from '~/common/app-info'; +import { DragDropContextProvider } from 'react-dnd'; +import HTML5Backend from 'react-dnd-html5-backend'; +import { initAdvancedFormProjectsTree } from '~/store/search-bar/search-bar-actions'; +import { repositoryActionSet } from '~/views-components/context-menu/action-sets/repository-action-set'; +import { sshKeyActionSet } from '~/views-components/context-menu/action-sets/ssh-key-action-set'; +import { keepServiceActionSet } from '~/views-components/context-menu/action-sets/keep-service-action-set'; +import { loadVocabulary } from '~/store/vocabulary/vocabulary-actions'; +import { virtualMachineActionSet } from '~/views-components/context-menu/action-sets/virtual-machine-action-set'; +import { userActionSet } from '~/views-components/context-menu/action-sets/user-action-set'; +import { computeNodeActionSet } from '~/views-components/context-menu/action-sets/compute-node-action-set'; +import { apiClientAuthorizationActionSet } from '~/views-components/context-menu/action-sets/api-client-authorization-action-set'; +import { groupActionSet } from '~/views-components/context-menu/action-sets/group-action-set'; +import { groupMemberActionSet } from '~/views-components/context-menu/action-sets/group-member-action-set'; +import { linkActionSet } from '~/views-components/context-menu/action-sets/link-action-set'; +import { loadFileViewersConfig } from '~/store/file-viewers/file-viewers-actions'; +import { collectionAdminActionSet } from '~/views-components/context-menu/action-sets/collection-admin-action-set'; +import { processResourceAdminActionSet } from '~/views-components/context-menu/action-sets/process-resource-admin-action-set'; +import { projectAdminActionSet } from '~/views-components/context-menu/action-sets/project-admin-action-set'; +import { snackbarActions, SnackbarKind } from "~/store/snackbar/snackbar-actions"; +import { openNotFoundDialog } from './store/not-found-panel/not-found-panel-action'; + +console.log(`Starting arvados [${getBuildInfo()}]`); + +addMenuActionSet(ContextMenuKind.ROOT_PROJECT, rootProjectActionSet); +addMenuActionSet(ContextMenuKind.PROJECT, projectActionSet); +addMenuActionSet(ContextMenuKind.READONLY_PROJECT, readOnlyProjectActionSet); +addMenuActionSet(ContextMenuKind.RESOURCE, resourceActionSet); +addMenuActionSet(ContextMenuKind.FAVORITE, favoriteActionSet); +addMenuActionSet(ContextMenuKind.COLLECTION_FILES, collectionFilesActionSet); +addMenuActionSet(ContextMenuKind.READONLY_COLLECTION_FILES, readOnlyCollectionFilesActionSet); +addMenuActionSet(ContextMenuKind.COLLECTION_FILES_NOT_SELECTED, collectionFilesNotSelectedActionSet); +addMenuActionSet(ContextMenuKind.COLLECTION_FILES_ITEM, collectionFilesItemActionSet); +addMenuActionSet(ContextMenuKind.READONLY_COLLECTION_FILES_ITEM, readOnlyCollectionFilesItemActionSet); +addMenuActionSet(ContextMenuKind.COLLECTION, collectionActionSet); +addMenuActionSet(ContextMenuKind.COLLECTION_RESOURCE, collectionResourceActionSet); +addMenuActionSet(ContextMenuKind.READONLY_COLLECTION, readOnlyCollectionActionSet); +addMenuActionSet(ContextMenuKind.TRASHED_COLLECTION, trashedCollectionActionSet); +addMenuActionSet(ContextMenuKind.PROCESS, processActionSet); +addMenuActionSet(ContextMenuKind.PROCESS_RESOURCE, processResourceActionSet); +addMenuActionSet(ContextMenuKind.TRASH, trashActionSet); +addMenuActionSet(ContextMenuKind.REPOSITORY, repositoryActionSet); +addMenuActionSet(ContextMenuKind.SSH_KEY, sshKeyActionSet); +addMenuActionSet(ContextMenuKind.VIRTUAL_MACHINE, virtualMachineActionSet); +addMenuActionSet(ContextMenuKind.KEEP_SERVICE, keepServiceActionSet); +addMenuActionSet(ContextMenuKind.USER, userActionSet); +addMenuActionSet(ContextMenuKind.LINK, linkActionSet); +addMenuActionSet(ContextMenuKind.NODE, computeNodeActionSet); +addMenuActionSet(ContextMenuKind.API_CLIENT_AUTHORIZATION, apiClientAuthorizationActionSet); +addMenuActionSet(ContextMenuKind.GROUPS, groupActionSet); +addMenuActionSet(ContextMenuKind.GROUP_MEMBER, groupMemberActionSet); +addMenuActionSet(ContextMenuKind.COLLECTION_ADMIN, collectionAdminActionSet); +addMenuActionSet(ContextMenuKind.PROCESS_ADMIN, processResourceAdminActionSet); +addMenuActionSet(ContextMenuKind.PROJECT_ADMIN, projectAdminActionSet); + +fetchConfig() + .then(({ config, apiHost }) => { + const history = createBrowserHistory(); + const services = createServices(config, { + progressFn: (id, working) => { + store.dispatch(progressIndicatorActions.TOGGLE_WORKING({ id, working })); + }, + errorFn: (id, error, showSnackBar) => { + if (showSnackBar) { + console.error("Backend error:", error); + + if (error.status === 404) { + store.dispatch(openNotFoundDialog()); + } else if (error.status === 401 && error.errors[0].indexOf("Not logged in") > -1) { + store.dispatch(logout()); + } else { + store.dispatch(snackbarActions.OPEN_SNACKBAR({ + message: `${error.errors + ? error.errors[0] + : error.message}`, + kind: SnackbarKind.ERROR, + hideDuration: 8000}) + ); + } + } + } + }); + const store = configureStore(history, services); + + store.subscribe(initListener(history, store, services, config)); + store.dispatch(initAuth(config)); + store.dispatch(setBuildInfo()); + store.dispatch(setCurrentTokenDialogApiHost(apiHost)); + store.dispatch(loadVocabulary); + store.dispatch(loadFileViewersConfig); + + const TokenComponent = (props: any) => ; + const AddSessionComponent = (props: any) => ; + const FedTokenComponent = (props: any) => ; + const MainPanelComponent = (props: any) => ; + + const App = () => + + + + + + + + + + + + + + ; + + ReactDOM.render( + , + document.getElementById('root') as HTMLElement + ); + }); + +const initListener = (history: History, store: RootStore, services: ServiceRepository, config: Config) => { + let initialized = false; + return async () => { + const { router, auth } = store.getState(); + if (router.location && auth.user && !initialized) { + initialized = true; + initWebSocket(config, services.authService, store); + await store.dispatch(loadWorkbench()); + addRouteChangeHandlers(history, store); + // ToDo: move to searchBar component + store.dispatch(initAdvancedFormProjectsTree()); + } + }; +};