Ajay Bura
5a8b82a12e
* bump to react 18 and install react-router-dom * Upgrade to react 18 root * update vite * add cs api's * convert state/auth to ts * add client config context * add auto discovery context * add spec version context * add auth flow context * add background dot pattern css * add promise utils * init url based routing * update auth route server path as effect * add auth server hook * always use server from discovery info in context * login - WIP * upgrade jotai to v2 * add atom with localStorage util * add multi account sessions atom * add default IGNORE res to auto discovery * add error type in async callback hook * handle password login error * fix async callback hook * allow password login * Show custom server not allowed error in mxId login * add sso login component * add token login * fix hardcoded m.login.password in login func * update server input on url change * Improve sso login labels * update folds * fix async callback batching state update in safari * wrap async callback set state in queueMicrotask * wip * wip - register * arrange auth file structure * add error codes * extract filed error component form password login * add register util function * handle register flow - WIP * update unsupported auth flow method reasons * improve password input styles * Improve UIA flow next stage calculation complete stages can have any order so we will look for first stage which is not in completed * process register UIA flow stages * Extract register UIA stages component * improve register error messages * add focus trap & step count in UIA stages * add reset password path and path utils * add path with origin hook * fix sso redirect url * rename register token query param to token * restyle auth screen header * add reset password component - WIP * add reset password form * add netlify rewrites * fix netlify file indentation * test netlify redirect * fix vite to include netlify toml * add more netlify redirects * add splat to public and assets path * fix vite base name * add option to use hash router in config and remove appVersion * add splash screen component * add client config loading and error screen * fix server picker bug * fix reset password email input type * make auth page small screen responsive * fix typo in reset password screen
83 lines
2.5 KiB
TypeScript
83 lines
2.5 KiB
TypeScript
import React from 'react';
|
|
import { Provider as JotaiProvider } from 'jotai';
|
|
import {
|
|
Route,
|
|
RouterProvider,
|
|
createBrowserRouter,
|
|
createHashRouter,
|
|
createRoutesFromElements,
|
|
redirect,
|
|
} from 'react-router-dom';
|
|
|
|
import { ClientConfigLoader } from '../components/ClientConfigLoader';
|
|
import { ClientConfig, ClientConfigProvider } from '../hooks/useClientConfig';
|
|
import { AuthLayout, Login, Register, ResetPassword, authLayoutLoader } from './auth';
|
|
import { LOGIN_PATH, REGISTER_PATH, RESET_PASSWORD_PATH, ROOT_PATH } from './paths';
|
|
import { isAuthenticated } from '../../client/state/auth';
|
|
import Client from '../templates/client/Client';
|
|
import { getLoginPath } from './pathUtils';
|
|
import { ConfigConfigError, ConfigConfigLoading } from './ConfigConfig';
|
|
|
|
const createRouter = (clientConfig: ClientConfig) => {
|
|
const { hashRouter } = clientConfig;
|
|
|
|
const routes = createRoutesFromElements(
|
|
<Route>
|
|
<Route
|
|
path={ROOT_PATH}
|
|
loader={() => {
|
|
if (isAuthenticated()) return redirect('/home');
|
|
return redirect(getLoginPath());
|
|
}}
|
|
/>
|
|
<Route loader={authLayoutLoader} element={<AuthLayout />}>
|
|
<Route path={LOGIN_PATH} element={<Login />} />
|
|
<Route path={REGISTER_PATH} element={<Register />} />
|
|
<Route path={RESET_PASSWORD_PATH} element={<ResetPassword />} />
|
|
</Route>
|
|
|
|
<Route
|
|
loader={() => {
|
|
if (!isAuthenticated()) return redirect(getLoginPath());
|
|
return null;
|
|
}}
|
|
>
|
|
<Route path="/home" element={<Client />} />
|
|
<Route path="/direct" element={<p>direct</p>} />
|
|
<Route path="/:spaceIdOrAlias" element={<p>:spaceIdOrAlias</p>} />
|
|
<Route path="/explore" element={<p>explore</p>} />
|
|
</Route>
|
|
<Route path="/*" element={<p>Page not found</p>} />
|
|
</Route>
|
|
);
|
|
|
|
if (hashRouter?.enabled) {
|
|
return createHashRouter(routes, { basename: hashRouter.basename });
|
|
}
|
|
return createBrowserRouter(routes, {
|
|
basename: import.meta.env.BASE_URL,
|
|
});
|
|
};
|
|
|
|
// TODO: app crash boundary
|
|
function App() {
|
|
return (
|
|
<ClientConfigLoader
|
|
fallback={() => <ConfigConfigLoading />}
|
|
error={(err, retry, ignore) => (
|
|
<ConfigConfigError error={err} retry={retry} ignore={ignore} />
|
|
)}
|
|
>
|
|
{(clientConfig) => (
|
|
<ClientConfigProvider value={clientConfig}>
|
|
<JotaiProvider>
|
|
<RouterProvider router={createRouter(clientConfig)} />
|
|
</JotaiProvider>
|
|
</ClientConfigProvider>
|
|
)}
|
|
</ClientConfigLoader>
|
|
);
|
|
}
|
|
|
|
export default App;
|