kangaroo-and-rabbit/karusic
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Activity

[FIX] session management

Browse Source
This commit is contained in:
Edouard DUPIN 2025-03-22 12:11:19 +01:00
parent 1e890f9524
commit 4eff2e55ef
1 changed files with 35 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
front/src/service/session.ts
View File

@ -1,21 +1,33 @@
import { useCallback, useEffect, useMemo, useState } from 'react'; import { useCallback, useEffect, useMemo, useState } from 'react';
import { PartRight, RESTConfig, UserMe, UserResource } from '@/back-api'; import { createListCollection } from '@chakra-ui/react';
import { useEffectOnce } from 'react-use';
import {
PartRight,
RESTConfig,
UserMe,
UserResource,
setErrorApiGlobalCallback,
} from '@/back-api';
import { environment, getApiUrl } from '@/environment'; import { environment, getApiUrl } from '@/environment';
import { useServiceContext } from '@/service/ServiceContext'; import { useServiceContext } from '@/service/ServiceContext';
import { SessionState } from '@/service/SessionState'; import { SessionState } from '@/service/SessionState';
import { isBrowser } from '@/utils/layout'; import { isBrowser } from '@/utils/layout';
import { parseToken } from '@/utils/sso'; import { parseToken } from '@/utils/sso';
import { createListCollection } from '@chakra-ui/react';
const TOKEN_KEY = 'karusic-token-key-storage'; const TOKEN_KEY = 'karusic-token-key-storage';
export const USERS_COLLECTION = createListCollection({ export const USERS_COLLECTION = createListCollection({
items: [ items: [
{ label: "admin", value: "eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiIxIiwiYXBwbGljYXRpb24iOiJrYXJ1c2ljIiwiaXNzIjoiS2FyQXV0aCIsInJpZ2h0Ijp7ImthcnVzaWMiOnsiQURNSU4iOnRydWUsIlVTRVIiOnRydWV9fSwibG9naW4iOiJIZWVyb1l1aSIsImV4cCI6MTcyNDIwNjc5NCwiaWF0IjoxNzI0MTY2ODM0fQ.TEST_SIGNATURE_FOR_LOCAL_TEST_AND_TEST_E2E" }, {
{ label: "NO_USER", value: "svelte" }, label: 'admin',
value:
'eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiIxIiwiYXBwbGljYXRpb24iOiJrYXJ1c2ljIiwiaXNzIjoiS2FyQXV0aCIsInJpZ2h0Ijp7ImthcnVzaWMiOnsiQURNSU4iOnRydWUsIlVTRVIiOnRydWV9fSwibG9naW4iOiJIZWVyb1l1aSIsImV4cCI6MTcyNDIwNjc5NCwiaWF0IjoxNzI0MTY2ODM0fQ.TEST_SIGNATURE_FOR_LOCAL_TEST_AND_TEST_E2E',
},
{ label: 'NO_USER', value: 'svelte' },
], ],
}) });
export const USERS = { export const USERS = {
admin: admin:
'eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiIxIiwiYXBwbGljYXRpb24iOiJrYXJ1c2ljIiwiaXNzIjoiS2FyQXV0aCIsInJpZ2h0Ijp7ImthcnVzaWMiOnsiQURNSU4iOnRydWUsIlVTRVIiOnRydWV9fSwibG9naW4iOiJIZWVyb1l1aSIsImV4cCI6MTcyNDIwNjc5NCwiaWF0IjoxNzI0MTY2ODM0fQ.TEST_SIGNATURE_FOR_LOCAL_TEST_AND_TEST_E2E', 'eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiIxIiwiYXBwbGljYXRpb24iOiJrYXJ1c2ljIiwiaXNzIjoiS2FyQXV0aCIsInJpZ2h0Ijp7ImthcnVzaWMiOnsiQURNSU4iOnRydWUsIlVTRVIiOnRydWV9fSwibG9naW4iOiJIZWVyb1l1aSIsImV4cCI6MTcyNDIwNjc5NCwiaWF0IjoxNzI0MTY2ODM0fQ.TEST_SIGNATURE_FOR_LOCAL_TEST_AND_TEST_E2E',
@ -57,20 +69,26 @@ export const useSessionServiceWrapped = (): SessionServiceProps => {
const [state, setState] = useState<SessionState>(SessionState.NO_USER); const [state, setState] = useState<SessionState>(SessionState.NO_USER);
const [config, setConfig] = useState<UserMe | undefined>(undefined); const [config, setConfig] = useState<UserMe | undefined>(undefined);
useEffectOnce(() => {
setErrorApiGlobalCallback((response: Response) => {
if (response.status == 401) {
console.error('Detect 401 error ==> remove token');
clearToken();
}
});
});
const updateRight = useCallback(() => { const updateRight = useCallback(() => {
console.log('update right...');
if (isBrowser) { if (isBrowser) {
console.log('Detect a new token...'); console.log('Detect a new token...');
setState(SessionState.NO_USER);
setConfig(undefined);
if (token === undefined) { if (token === undefined) {
console.log(` ==> No User`); console.log(` ==> No User`);
setState(SessionState.NO_USER); setState(SessionState.NO_USER);
setConfig(undefined);
localStorage.removeItem(TOKEN_KEY); localStorage.removeItem(TOKEN_KEY);
} else if (token === '__LOGOUT__') { } else {
console.log(` ==> disconnection: ${token}`);
setState(SessionState.DISCONNECT);
localStorage.removeItem(TOKEN_KEY);
} else if (!['__LOGOUT__', '__FAIL__', '__CANCEL__'].includes(token)) {
console.log(' ==> Login ... (try to keep right)'); console.log(' ==> Login ... (try to keep right)');
setState(SessionState.CONNECTING); setState(SessionState.CONNECTING);
localStorage.setItem(TOKEN_KEY, token); localStorage.setItem(TOKEN_KEY, token);
@ -84,6 +102,7 @@ export const useSessionServiceWrapped = (): SessionServiceProps => {
}) })
.catch((error) => { .catch((error) => {
setState(SessionState.CONNECTION_FAIL); setState(SessionState.CONNECTION_FAIL);
setConfig(undefined);
//console.log(` ==> Fail to get right: '${error}'`); //console.log(` ==> Fail to get right: '${error}'`);
localStorage.removeItem(TOKEN_KEY); localStorage.removeItem(TOKEN_KEY);
}); });
@ -91,7 +110,10 @@ export const useSessionServiceWrapped = (): SessionServiceProps => {
} }
}, [localStorage, parseToken, token]); }, [localStorage, parseToken, token]);
const setTokenLocal = useCallback( const setTokenLocal = useCallback(
(token: string) => { (token?: string) => {
if (token ? token.startsWith('__') : false) {
token = undefined;
}
setToken(token); setToken(token);
updateRight(); updateRight();
}, },