X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/16b7bebe83b28b5622f23385df5cacbd66bc425b..a899e5b123e98cf4e7c211ef2137dceb2510946f:/src/index.tsx diff --git a/src/index.tsx b/src/index.tsx index cb868eb229..a76a86ac7d 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -5,44 +5,103 @@ import * as React from 'react'; import * as ReactDOM from 'react-dom'; import { Provider } from "react-redux"; -import Workbench from './views/workbench/workbench'; -import ProjectList from './components/project-list/project-list'; +import { Workbench } from './views/workbench/workbench'; import './index.css'; -import { Redirect, Route, RouteProps, Router, RouterProps } from "react-router"; +import { Route } from 'react-router'; import createBrowserHistory from "history/createBrowserHistory"; -import configureStore from "./store/store"; +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"; - -const history = createBrowserHistory(); -const store = configureStore({ - projects: [ - { name: 'Mouse genome', createdAt: '2018-05-01' }, - { name: 'Human body', createdAt: '2018-05-01' }, - { name: 'Secret operation', createdAt: '2018-05-01' } - ], - router: { - location: null - }, - auth: { - user: undefined - } -}, history); - -store.dispatch(authActions.INIT()); - -const App = () => - - -
- - -
-
-
; - -ReactDOM.render( - , - document.getElementById('root') as HTMLElement -); +import { ApiToken } from "./views-components/api-token/api-token"; +import { initAuth } 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 } 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 } from './views-components/context-menu/action-sets/collection-files-action-set'; +import { collectionFilesItemActionSet } from './views-components/context-menu/action-sets/collection-files-item-action-set'; +import { collectionActionSet } 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'; + +const getBuildNumber = () => "BN-" + (process.env.REACT_APP_BUILD_NUMBER || "dev"); +const getGitCommit = () => "GIT-" + (process.env.REACT_APP_GIT_COMMIT || "latest").substr(0, 7); +const getBuildInfo = () => getBuildNumber() + " / " + getGitCommit(); + +const buildInfo = getBuildInfo(); + +console.log(`Starting arvados [${buildInfo}]`); + +addMenuActionSet(ContextMenuKind.ROOT_PROJECT, rootProjectActionSet); +addMenuActionSet(ContextMenuKind.PROJECT, projectActionSet); +addMenuActionSet(ContextMenuKind.RESOURCE, resourceActionSet); +addMenuActionSet(ContextMenuKind.FAVORITE, favoriteActionSet); +addMenuActionSet(ContextMenuKind.COLLECTION_FILES, collectionFilesActionSet); +addMenuActionSet(ContextMenuKind.COLLECTION_FILES_ITEM, collectionFilesItemActionSet); +addMenuActionSet(ContextMenuKind.COLLECTION, collectionActionSet); +addMenuActionSet(ContextMenuKind.COLLECTION_RESOURCE, collectionResourceActionSet); +addMenuActionSet(ContextMenuKind.PROCESS, processActionSet); +addMenuActionSet(ContextMenuKind.PROCESS_RESOURCE, processResourceActionSet); +addMenuActionSet(ContextMenuKind.TRASH, trashActionSet); + +fetchConfig() + .then(({ config, apiHost }) => { + const history = createBrowserHistory(); + const services = createServices(config); + const store = configureStore(history, services); + + store.subscribe(initListener(history, store, services, config)); + store.dispatch(initAuth()); + store.dispatch(setCurrentTokenDialogApiHost(apiHost)); + + const TokenComponent = (props: any) => ; + const WorkbenchComponent = (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); + } + }; +}; + +