src/routes/routes.ts

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import { History, Location } from 'history';
   6 import { RootStore } from '~/store/store';
   7 import { matchPath } from 'react-router';
   8 import { ResourceKind, RESOURCE_UUID_PATTERN, extractUuidKind } from '~/models/resource';
   9 import { getProjectUrl } from '~/models/project';
  10 import { getCollectionUrl } from '~/models/collection';
  11 import { loadProject, loadFavorites, loadCollection, loadTrash, loadProcessLog } from '~/store/workbench/workbench-actions';
  12 import { loadProcessPanel } from '~/store/process-panel/process-panel-actions';
  13
  14 export const Routes = {
  15     ROOT: '/',
  16     TOKEN: '/token',
  17     PROJECTS: `/projects/:id(${RESOURCE_UUID_PATTERN})`,
  18     COLLECTIONS: `/collections/:id(${RESOURCE_UUID_PATTERN})`,
  19     PROCESSES: `/processes/:id(${RESOURCE_UUID_PATTERN})`,
  20     FAVORITES: '/favorites',
  21     TRASH: '/trash',
  22     PROCESS_LOGS: `/process-logs/:id(${RESOURCE_UUID_PATTERN})`
  23 };
  24
  25 export const getResourceUrl = (uuid: string) => {
  26     const kind = extractUuidKind(uuid);
  27     switch (kind) {
  28         case ResourceKind.PROJECT:
  29             return getProjectUrl(uuid);
  30         case ResourceKind.COLLECTION:
  31             return getCollectionUrl(uuid);
  32         default:
  33             return undefined;
  34     }
  35 };
  36
  37 export const getProcessUrl = (uuid: string) => `/processes/${uuid}`;
  38
  39 export const getProcessLogUrl = (uuid: string) => `/process-logs/${uuid}`;
  40
  41 export const addRouteChangeHandlers = (history: History, store: RootStore) => {
  42     const handler = handleLocationChange(store);
  43     handler(history.location);
  44     history.listen(handler);
  45 };
  46
  47 export interface ResourceRouteParams {
  48     id: string;
  49 }
  50
  51 export const matchRootRoute = (route: string) =>
  52     matchPath(route, { path: Routes.ROOT, exact: true });
  53
  54 export const matchFavoritesRoute = (route: string) =>
  55     matchPath(route, { path: Routes.FAVORITES });
  56
  57 export const matchTrashRoute = (route: string) =>
  58     matchPath(route, { path: Routes.TRASH });
  59
  60 export const matchProjectRoute = (route: string) =>
  61     matchPath<ResourceRouteParams>(route, { path: Routes.PROJECTS });
  62
  63 export const matchCollectionRoute = (route: string) =>
  64     matchPath<ResourceRouteParams>(route, { path: Routes.COLLECTIONS });
  65
  66 export const matchProcessRoute = (route: string) =>
  67     matchPath<ResourceRouteParams>(route, { path: Routes.PROCESSES });
  68
  69 export const matchProcessLogRoute = (route: string) =>
  70     matchPath<ResourceRouteParams>(route, { path: Routes.PROCESS_LOGS });
  71
  72 const handleLocationChange = (store: RootStore) => ({ pathname }: Location) => {
  73     const projectMatch = matchProjectRoute(pathname);
  74     const collectionMatch = matchCollectionRoute(pathname);
  75     const favoriteMatch = matchFavoritesRoute(pathname);
  76     const trashMatch = matchTrashRoute(pathname);
  77     const processMatch = matchProcessRoute(pathname);
  78     const processLogMatch = matchProcessLogRoute(pathname);
  79
  80     if (projectMatch) {
  81         store.dispatch(loadProject(projectMatch.params.id));
  82     } else if (collectionMatch) {
  83         store.dispatch(loadCollection(collectionMatch.params.id));
  84     } else if (favoriteMatch) {
  85         store.dispatch(loadFavorites());
  86     } else if (trashMatch) {
  87         store.dispatch(loadTrash());
  88     } else if (processMatch) {
  89         store.dispatch(loadProcessPanel(processMatch.params.id));
  90     } else if (processLogMatch) {
  91         store.dispatch(loadProcessLog(processLogMatch.params.id));
  92     }
  93 };