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 | ff1cb35 | 2022-11-24 15:15:26 -0500 | [diff] [blame] | 24 | import CallProvider, { CallRole, CallStatus } from './contexts/CallProvider'; |
simon | f929a36 | 2022-11-18 16:53:45 -0500 | [diff] [blame] | 25 | import ConversationProvider from './contexts/ConversationProvider'; |
Misha Krieger-Raynauld | 20cf1c8 | 2022-11-23 20:26:50 -0500 | [diff] [blame] | 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>>; |
simon | ff1cb35 | 2022-11-24 15:15:26 -0500 | [diff] [blame] | 40 | |
simon | f929a36 | 2022-11-18 16:53:45 -0500 | [diff] [blame] | 41 | export type AddContactRouteParams = RouteParams<{ contactId: string }, Record<string, never>>; |
| 42 | |
simon | ff1cb35 | 2022-11-24 15:15:26 -0500 | [diff] [blame] | 43 | export type CallRouteParams = RouteParams< |
| 44 | { conversationId?: string }, |
| 45 | { role?: CallRole }, |
| 46 | { |
| 47 | isVideoOn?: boolean; |
| 48 | callStatus: CallStatus; |
| 49 | } |
| 50 | >; |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 51 | |
| 52 | export const router = createBrowserRouter( |
| 53 | createRoutesFromElements( |
Michelle Sepkap Sime | 6967fb9 | 2022-11-08 08:39:36 -0500 | [diff] [blame] | 54 | <Route path="/" element={<App />} loader={appLoader}> |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 55 | <Route path="login" element={<Welcome />} /> |
Michelle Sepkap Sime | 6967fb9 | 2022-11-08 08:39:36 -0500 | [diff] [blame] | 56 | <Route path="setup/login" element={<SetupLogin />} /> |
| 57 | <Route path="setup" element={<Setup />} /> |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 58 | <Route path="theme" element={<ThemeDemonstrator />} /> |
| 59 | <Route |
| 60 | element={ |
| 61 | <AuthProvider> |
| 62 | <WebSocketProvider> |
simon | f929a36 | 2022-11-18 16:53:45 -0500 | [diff] [blame] | 63 | <NotificationManager> |
| 64 | <Outlet /> |
| 65 | </NotificationManager> |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 66 | </WebSocketProvider> |
| 67 | </AuthProvider> |
| 68 | } |
| 69 | > |
simon | f929a36 | 2022-11-18 16:53:45 -0500 | [diff] [blame] | 70 | <Route index element={<Messenger />} /> |
| 71 | <Route path="conversation" element={<Messenger />}> |
simon | ff1cb35 | 2022-11-24 15:15:26 -0500 | [diff] [blame] | 72 | {/* TODO: Remove this route. Adding a contact should not change the route, we should instead use an internal |
| 73 | state in the Messenger component |
| 74 | */} |
| 75 | <Route path="add-contact" element={<div></div>} /> |
simon | f929a36 | 2022-11-18 16:53:45 -0500 | [diff] [blame] | 76 | <Route |
| 77 | path=":conversationId" |
| 78 | element={ |
| 79 | <ConversationProvider> |
| 80 | <Outlet /> |
| 81 | </ConversationProvider> |
| 82 | } |
| 83 | > |
| 84 | <Route index element={<ConversationView />} /> |
| 85 | <Route |
| 86 | path="call" |
| 87 | element={ |
Misha Krieger-Raynauld | 20cf1c8 | 2022-11-23 20:26:50 -0500 | [diff] [blame] | 88 | <WebRtcProvider> |
simon | f929a36 | 2022-11-18 16:53:45 -0500 | [diff] [blame] | 89 | <CallProvider> |
| 90 | <CallInterface /> |
| 91 | </CallProvider> |
Misha Krieger-Raynauld | 20cf1c8 | 2022-11-23 20:26:50 -0500 | [diff] [blame] | 92 | </WebRtcProvider> |
simon | f929a36 | 2022-11-18 16:53:45 -0500 | [diff] [blame] | 93 | } |
| 94 | /> |
| 95 | </Route> |
| 96 | </Route> |
idillon | 3470d07 | 2022-11-22 15:22:34 -0500 | [diff] [blame] | 97 | <Route path="settings-account" element={<AccountSettings />} /> |
| 98 | <Route path="settings-general" element={<GeneralSettings />} /> |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 99 | <Route path="contacts" element={<ContactList />} /> |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 100 | </Route> |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 101 | </Route> |
| 102 | ) |
| 103 | ); |