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 | e35acc2 | 2022-12-02 16:51:12 -0500 | [diff] [blame] | 24 | import CallManagerProvider from './contexts/CallManagerProvider'; |
simon | f929a36 | 2022-11-18 16:53:45 -0500 | [diff] [blame] | 25 | import ConversationProvider from './contexts/ConversationProvider'; |
simon | 21f7d9f | 2022-11-28 14:21:54 -0500 | [diff] [blame] | 26 | import MessengerProvider from './contexts/MessengerProvider'; |
idillon | 27dab02 | 2023-02-02 17:55:47 -0500 | [diff] [blame] | 27 | import UserMediaProvider from './contexts/UserMediaProvider'; |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 28 | import WebSocketProvider from './contexts/WebSocketProvider'; |
simon | f929a36 | 2022-11-18 16:53:45 -0500 | [diff] [blame] | 29 | import { RouteParams } from './hooks/useUrlParams'; |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 30 | import AccountSettings from './pages/AccountSettings'; |
idillon | 3470d07 | 2022-11-22 15:22:34 -0500 | [diff] [blame] | 31 | import GeneralSettings from './pages/GeneralSettings'; |
Ziwei Wang | 3ce1ac0 | 2023-02-03 11:59:03 -0500 | [diff] [blame] | 32 | import Login from './pages/Login'; |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 33 | import Messenger from './pages/Messenger'; |
Ziwei Wang | 3ce1ac0 | 2023-02-03 11:59:03 -0500 | [diff] [blame] | 34 | import Registration from './pages/Registration'; |
Michelle Sepkap Sime | 6967fb9 | 2022-11-08 08:39:36 -0500 | [diff] [blame] | 35 | import Setup from './pages/Setup'; |
| 36 | import SetupLogin from './pages/SetupLogin'; |
simon | 21f7d9f | 2022-11-28 14:21:54 -0500 | [diff] [blame] | 37 | export type ConversationRouteParams = RouteParams<{ conversationId?: string }, Record<string, never>>; |
simon | f929a36 | 2022-11-18 16:53:45 -0500 | [diff] [blame] | 38 | |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 39 | export const router = createBrowserRouter( |
| 40 | createRoutesFromElements( |
Michelle Sepkap Sime | 6967fb9 | 2022-11-08 08:39:36 -0500 | [diff] [blame] | 41 | <Route path="/" element={<App />} loader={appLoader}> |
Ziwei Wang | 3ce1ac0 | 2023-02-03 11:59:03 -0500 | [diff] [blame] | 42 | <Route path="login" element={<Login />} /> |
| 43 | <Route path="register" element={<Registration />} /> |
Michelle Sepkap Sime | 6967fb9 | 2022-11-08 08:39:36 -0500 | [diff] [blame] | 44 | <Route path="setup/login" element={<SetupLogin />} /> |
| 45 | <Route path="setup" element={<Setup />} /> |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 46 | <Route |
| 47 | element={ |
| 48 | <AuthProvider> |
| 49 | <WebSocketProvider> |
idillon | 27dab02 | 2023-02-02 17:55:47 -0500 | [diff] [blame] | 50 | <UserMediaProvider> |
| 51 | <CallManagerProvider> |
| 52 | <Outlet /> |
| 53 | </CallManagerProvider> |
| 54 | </UserMediaProvider> |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 55 | </WebSocketProvider> |
| 56 | </AuthProvider> |
| 57 | } |
| 58 | > |
simon | 21f7d9f | 2022-11-28 14:21:54 -0500 | [diff] [blame] | 59 | <Route |
| 60 | element={ |
| 61 | <MessengerProvider> |
| 62 | <Outlet /> |
| 63 | </MessengerProvider> |
| 64 | } |
| 65 | > |
| 66 | <Route index element={<Messenger />} /> |
| 67 | <Route path="conversation" element={<Messenger />} /> |
simon | f929a36 | 2022-11-18 16:53:45 -0500 | [diff] [blame] | 68 | <Route |
simon | 21f7d9f | 2022-11-28 14:21:54 -0500 | [diff] [blame] | 69 | path="conversation/:conversationId" |
simon | f929a36 | 2022-11-18 16:53:45 -0500 | [diff] [blame] | 70 | element={ |
simon | 641b262 | 2022-12-02 14:38:35 -0500 | [diff] [blame] | 71 | <Messenger> |
| 72 | <ConversationProvider> |
simon | e35acc2 | 2022-12-02 16:51:12 -0500 | [diff] [blame] | 73 | <ConversationView /> |
simon | 641b262 | 2022-12-02 14:38:35 -0500 | [diff] [blame] | 74 | </ConversationProvider> |
| 75 | </Messenger> |
simon | f929a36 | 2022-11-18 16:53:45 -0500 | [diff] [blame] | 76 | } |
simon | e35acc2 | 2022-12-02 16:51:12 -0500 | [diff] [blame] | 77 | /> |
simon | f929a36 | 2022-11-18 16:53:45 -0500 | [diff] [blame] | 78 | </Route> |
idillon | 3470d07 | 2022-11-22 15:22:34 -0500 | [diff] [blame] | 79 | <Route path="settings-account" element={<AccountSettings />} /> |
| 80 | <Route path="settings-general" element={<GeneralSettings />} /> |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 81 | <Route path="contacts" element={<ContactList />} /> |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 82 | </Route> |
simon | 3f5f3e7 | 2022-11-08 21:01:57 -0500 | [diff] [blame] | 83 | </Route> |
| 84 | ) |
| 85 | ); |