54 lines
1.3 KiB
TypeScript
54 lines
1.3 KiB
TypeScript
import Keycloak from 'keycloak-js';
|
|
import { useEffect, useState } from 'react';
|
|
import { setToken } from '../../service/network';
|
|
|
|
const keycloak = new Keycloak({
|
|
url: 'https://kc.bro-js.ru/',
|
|
realm: 'open',
|
|
clientId: 'kfu-m-24-1'
|
|
});
|
|
|
|
export interface User {
|
|
email: string;
|
|
email_verified: boolean;
|
|
family_name: string;
|
|
given_name: string;
|
|
name: string;
|
|
preferred_username: string;
|
|
id: string;
|
|
}
|
|
|
|
export const useKeycloak = () => {
|
|
const [isLoading, setIsLoading] = useState(true);
|
|
const [user, setUser] = useState();
|
|
|
|
useEffect(() => {
|
|
const handle = async () => {
|
|
setIsLoading(true);
|
|
try {
|
|
const authenticated = await keycloak.init({ onLoad: 'login-required' });
|
|
if (authenticated) {
|
|
setToken(keycloak.token);
|
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
const { sub, ...user } = (await keycloak.loadUserInfo()) as any;
|
|
console.log(user);
|
|
setUser({ ...user, id: sub });
|
|
console.log('User is authenticated');
|
|
} else {
|
|
console.log('User is not authenticated');
|
|
}
|
|
} catch (error) {
|
|
console.error('Failed to initialize adapter:', error);
|
|
} finally {
|
|
setIsLoading(false);
|
|
}
|
|
};
|
|
handle();
|
|
}, []);
|
|
|
|
return {
|
|
isLoading,
|
|
user
|
|
};
|
|
};
|