Pavel Mineev
b97b1f9462
- get rid of redux store in favor of local state - add tests for telegram happy path - lift auth handling on Auth level
104 lines
2.6 KiB
TypeScript
104 lines
2.6 KiB
TypeScript
import type { User } from 'common/types';
|
|
|
|
import { authFetcher } from 'common/fetcher';
|
|
import { siteId } from 'common/settings';
|
|
import { getUser } from 'common/api';
|
|
|
|
const EMAIL_SIGNIN_ENDPOINT = '/email/login';
|
|
const TELEGRAM_SIGNIN_ENDPOINT = '/telegram/login';
|
|
|
|
export function anonymousSignin(user: string): Promise<User> {
|
|
return authFetcher.get<User>('/anonymous/login', { user, aud: siteId });
|
|
}
|
|
|
|
/**
|
|
* First step of two of `email` authorization
|
|
*/
|
|
export function emailSignin(email: string, username: string): Promise<unknown> {
|
|
return authFetcher.get(EMAIL_SIGNIN_ENDPOINT, { address: email, user: username });
|
|
}
|
|
|
|
/**
|
|
* Second step of two of `email` authorization
|
|
*/
|
|
export function verifyEmailSignin(token: string): Promise<User> {
|
|
return authFetcher.get(EMAIL_SIGNIN_ENDPOINT, { token });
|
|
}
|
|
|
|
/**
|
|
* Performs await of auth from oauth providers
|
|
*/
|
|
let subscribed = false;
|
|
let timeout: NodeJS.Timeout;
|
|
let authWindow: Window | null = null;
|
|
|
|
/**
|
|
* Set waiting state and tries to revalidate `user` when oauth tab is closed
|
|
*/
|
|
export function oauthSignin(url: string): Promise<User | null> {
|
|
authWindow = window.open(url);
|
|
|
|
if (subscribed) {
|
|
return Promise.resolve(null);
|
|
}
|
|
|
|
return new Promise((resolve, reject) => {
|
|
function unsubscribe() {
|
|
document.removeEventListener('visibilitychange', handleWindowVisibilityChange);
|
|
window.removeEventListener('focus', handleWindowVisibilityChange);
|
|
subscribed = false;
|
|
clearTimeout(timeout);
|
|
}
|
|
|
|
async function handleWindowVisibilityChange() {
|
|
if (!document.hasFocus() || document.hidden || !authWindow?.closed) {
|
|
return;
|
|
}
|
|
|
|
const user = await getUser();
|
|
|
|
clearTimeout(timeout);
|
|
|
|
if (user === null) {
|
|
// Retry after 1 min if current attempt unsuccessful
|
|
timeout = setTimeout(() => {
|
|
handleWindowVisibilityChange();
|
|
}, 60 * 1000);
|
|
|
|
return null;
|
|
}
|
|
|
|
resolve(user);
|
|
unsubscribe();
|
|
}
|
|
|
|
setTimeout(() => {
|
|
reject();
|
|
}, 5 * 60 * 1000);
|
|
|
|
document.addEventListener('visibilitychange', handleWindowVisibilityChange);
|
|
window.addEventListener('focus', handleWindowVisibilityChange);
|
|
});
|
|
}
|
|
|
|
/**
|
|
* First step of two of `telegram` authorization
|
|
*/
|
|
export function getTelegramSigninParams(): Promise<{
|
|
bot: string;
|
|
token: string;
|
|
}> {
|
|
return authFetcher.get(TELEGRAM_SIGNIN_ENDPOINT);
|
|
}
|
|
|
|
/**
|
|
* Second step of two of `telegram` authorization
|
|
*/
|
|
export function verifyTelegramSignin(token: string): Promise<User> {
|
|
return authFetcher.get(TELEGRAM_SIGNIN_ENDPOINT, { token });
|
|
}
|
|
|
|
export function logout(): Promise<void> {
|
|
return authFetcher.get('/logout');
|
|
}
|