simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 1 | /* |
| 2 | * Copyright (C) 2022 Savoir-faire Linux Inc. |
| 3 | * |
| 4 | * This program is free software; you can redistribute it and/or modify |
| 5 | * it under the terms of the GNU Affero General Public License as |
| 6 | * published by the Free Software Foundation; either version 3 of the |
| 7 | * License, or (at your option) any later version. |
| 8 | * |
| 9 | * This program is distributed in the hope that it will be useful, |
| 10 | * but WITHOUT ANY WARRANTY; without even the implied warranty of |
| 11 | * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
| 12 | * GNU Affero General Public License for more details. |
| 13 | * |
| 14 | * You should have received a copy of the GNU Affero General Public |
| 15 | * License along with this program. If not, see |
| 16 | * <https://www.gnu.org/licenses/>. |
| 17 | */ |
| 18 | import { createBrowserRouter, createRoutesFromElements, Outlet, Route } from 'react-router-dom'; |
| 19 | |
Michelle Sepkap Sime | 6967fb9 | 2022-11-08 08:39:36 -0500 | [diff] [blame] | 20 | import App, { appLoader } from './App'; |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 21 | import ContactList from './components/ContactList'; |
simon | f929a36 | 2022-11-18 16:53:45 -0500 | [diff] [blame] | 22 | import ConversationView from './components/ConversationView'; |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 23 | import AuthProvider from './contexts/AuthProvider'; |
simon | f929a36 | 2022-11-18 16:53:45 -0500 | [diff] [blame] | 24 | import CallProvider, { CallRole } from './contexts/CallProvider'; |
| 25 | import ConversationProvider from './contexts/ConversationProvider'; |
| 26 | import WebRTCProvider from './contexts/WebRTCProvider'; |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 27 | import WebSocketProvider from './contexts/WebSocketProvider'; |
simon | f929a36 | 2022-11-18 16:53:45 -0500 | [diff] [blame] | 28 | import { RouteParams } from './hooks/useUrlParams'; |
| 29 | import NotificationManager from './managers/NotificationManager'; |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 30 | import AccountSettings from './pages/AccountSettings'; |
| 31 | import CallInterface from './pages/CallInterface'; |
idillon | 3470d07 | 2022-11-22 15:22:34 -0500 | [diff] [blame] | 32 | import GeneralSettings from './pages/GeneralSettings'; |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 33 | import Messenger from './pages/Messenger'; |
Michelle Sepkap Sime | 6967fb9 | 2022-11-08 08:39:36 -0500 | [diff] [blame] | 34 | import Setup from './pages/Setup'; |
| 35 | import SetupLogin from './pages/SetupLogin'; |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 36 | import Welcome from './pages/Welcome'; |
| 37 | import { ThemeDemonstrator } from './themes/ThemeDemonstrator'; |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 38 | |
simon | f929a36 | 2022-11-18 16:53:45 -0500 | [diff] [blame] | 39 | export type ConversationRouteParams = RouteParams<{ conversationId: string }, Record<string, never>>; |
| 40 | export type AddContactRouteParams = RouteParams<{ contactId: string }, Record<string, never>>; |
| 41 | |
| 42 | /** |
| 43 | * Route parameters for the call routes. |
| 44 | */ |
| 45 | export type CallRouteParams = RouteParams<{ conversationId: string }, { role?: CallRole }>; |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 46 | |
| 47 | export const router = createBrowserRouter( |
| 48 | createRoutesFromElements( |
Michelle Sepkap Sime | 6967fb9 | 2022-11-08 08:39:36 -0500 | [diff] [blame] | 49 | <Route path="/" element={<App />} loader={appLoader}> |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 50 | <Route path="login" element={<Welcome />} /> |
Michelle Sepkap Sime | 6967fb9 | 2022-11-08 08:39:36 -0500 | [diff] [blame] | 51 | <Route path="setup/login" element={<SetupLogin />} /> |
| 52 | <Route path="setup" element={<Setup />} /> |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 53 | <Route path="theme" element={<ThemeDemonstrator />} /> |
| 54 | <Route |
| 55 | element={ |
| 56 | <AuthProvider> |
| 57 | <WebSocketProvider> |
simon | f929a36 | 2022-11-18 16:53:45 -0500 | [diff] [blame] | 58 | <NotificationManager> |
| 59 | <Outlet /> |
| 60 | </NotificationManager> |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 61 | </WebSocketProvider> |
| 62 | </AuthProvider> |
| 63 | } |
| 64 | > |
simon | f929a36 | 2022-11-18 16:53:45 -0500 | [diff] [blame] | 65 | <Route index element={<Messenger />} /> |
| 66 | <Route path="conversation" element={<Messenger />}> |
| 67 | <Route path="add-contact/:contactId" /> |
| 68 | <Route |
| 69 | path=":conversationId" |
| 70 | element={ |
| 71 | <ConversationProvider> |
| 72 | <Outlet /> |
| 73 | </ConversationProvider> |
| 74 | } |
| 75 | > |
| 76 | <Route index element={<ConversationView />} /> |
| 77 | <Route |
| 78 | path="call" |
| 79 | element={ |
| 80 | <WebRTCProvider> |
| 81 | <CallProvider> |
| 82 | <CallInterface /> |
| 83 | </CallProvider> |
| 84 | </WebRTCProvider> |
| 85 | } |
| 86 | /> |
| 87 | </Route> |
| 88 | </Route> |
idillon | 3470d07 | 2022-11-22 15:22:34 -0500 | [diff] [blame] | 89 | <Route path="settings-account" element={<AccountSettings />} /> |
| 90 | <Route path="settings-general" element={<GeneralSettings />} /> |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 91 | <Route path="contacts" element={<ContactList />} /> |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 92 | </Route> |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 93 | </Route> |
| 94 | ) |
| 95 | ); |