Compare commits

..

No commits in common. "feature-refresh-token" and "main" have entirely different histories.

4 changed files with 37 additions and 142 deletions

View file

@ -32,15 +32,11 @@ export function AuthContextProvider({ children }: AuthContextProviderProps) {
setUser(userData); setUser(userData);
} }
async function saveUserAndTokenStorageData( async function saveUserAndTokenStorageData(userData: UserDTO, token: string) {
userData: UserDTO,
token: string,
refresh_token: string,
) {
try { try {
setIsLoadingUserStorageData(true); setIsLoadingUserStorageData(true);
await storageUserSave(userData); await storageUserSave(userData);
await storageAuthTokenSave({ token, refresh_token }); await storageAuthTokenSave(token);
} catch (error) { } catch (error) {
throw error; throw error;
} finally { } finally {
@ -52,8 +48,8 @@ export function AuthContextProvider({ children }: AuthContextProviderProps) {
try { try {
const { data } = await api.post('/sessions', { email, password }); const { data } = await api.post('/sessions', { email, password });
if (data.user && data.token && data.refresh_token) { if (data.user && data.token) {
saveUserAndTokenStorageData(data.user, data.token, data.refresh_token); saveUserAndTokenStorageData(data.user, data.token);
updateUserAndTokenData(data.user, data.token); updateUserAndTokenData(data.user, data.token);
} }
} catch (error) { } catch (error) {
@ -90,7 +86,7 @@ export function AuthContextProvider({ children }: AuthContextProviderProps) {
setIsLoadingUserStorageData(true); setIsLoadingUserStorageData(true);
const loggedUser = await storageUserGet(); const loggedUser = await storageUserGet();
const { token } = await storageAuthTokenGet(); const token = await storageAuthTokenGet();
if (loggedUser && token) { if (loggedUser && token) {
updateUserAndTokenData(loggedUser, token); updateUserAndTokenData(loggedUser, token);
@ -106,14 +102,6 @@ export function AuthContextProvider({ children }: AuthContextProviderProps) {
loadUserData(); loadUserData();
}, []); }, []);
useEffect(() => {
const subscription = api.registerInterceptTokenManager(signOut);
return () => {
subscription();
};
}, []);
return ( return (
<AuthContext.Provider <AuthContext.Provider
value={{ user, signIn, signOut, updateUserData, isLoadingUserStorageData }}> value={{ user, signIn, signOut, updateUserData, isLoadingUserStorageData }}>

View file

@ -10,7 +10,6 @@ import { HistoryByDayDTO } from '@dtos/HistoryByDayDTO';
import { HistoryCard } from '@components/HistoryCard'; import { HistoryCard } from '@components/HistoryCard';
import { ScreenHeader } from '@components/ScreenHeader'; import { ScreenHeader } from '@components/ScreenHeader';
import { ToastMessage } from '@components/ToastMessage'; import { ToastMessage } from '@components/ToastMessage';
import { Loading } from '@components/Loading';
export function History() { export function History() {
const [isLoading, setIsLoading] = useState(true); const [isLoading, setIsLoading] = useState(true);
@ -48,28 +47,24 @@ export function History() {
<VStack flex={1}> <VStack flex={1}>
<ScreenHeader title="Histórico" /> <ScreenHeader title="Histórico" />
{isLoading ? ( <SectionList
<Loading /> sections={exercises}
) : ( keyExtractor={(item) => item.id}
<SectionList renderItem={({ item }) => <HistoryCard data={item} />}
sections={exercises} renderSectionHeader={({ section }) => (
keyExtractor={(item) => item.id} <Heading color="$gray200" fontSize="$md" mt="$10" mb="$3">
renderItem={({ item }) => <HistoryCard data={item} />} {section.title}
renderSectionHeader={({ section }) => ( </Heading>
<Heading color="$gray200" fontSize="$md" mt="$10" mb="$3"> )}
{section.title} style={{ paddingHorizontal: 32 }}
</Heading> contentContainerStyle={exercises.length === 0 && { flex: 1, justifyContent: 'center' }}
)} ListEmptyComponent={() => (
style={{ paddingHorizontal: 32 }} <Text color="$gray100" textAlign="center">
contentContainerStyle={exercises.length === 0 && { flex: 1, justifyContent: 'center' }} Não exercícios registrados ainda.{'\n'}Vamos fazer exercícios hoje?
ListEmptyComponent={() => ( </Text>
<Text color="$gray100" textAlign="center"> )}
Não exercícios registrados ainda.{'\n'}Vamos fazer exercícios hoje? showsVerticalScrollIndicator={false}
</Text> />
)}
showsVerticalScrollIndicator={false}
/>
)}
</VStack> </VStack>
); );
} }

View file

@ -1,23 +1,10 @@
import axios, { AxiosError, AxiosInstance } from 'axios'; import axios from 'axios';
import { AppError } from '@utils/AppError'; import { AppError } from '@utils/AppError';
import { storageAuthTokenGet, storageAuthTokenSave } from '@storage/storageAuthToken';
type SignOut = () => void;
type PromiseType = {
onSuccess: (token: string) => void;
onFailure: (error: AxiosError) => void;
};
type APIInstanceProps = AxiosInstance & {
registerInterceptTokenManager: (signOut: SignOut) => () => void;
};
const api = axios.create({ const api = axios.create({
baseURL: 'http://192.168.0.61:3333', baseURL: 'http://192.168.0.61:3333',
}) as APIInstanceProps; });
api.interceptors.request.use( api.interceptors.request.use(
(config) => { (config) => {
@ -28,82 +15,14 @@ api.interceptors.request.use(
}, },
); );
let failedQueue: Array<PromiseType> = []; api.interceptors.response.use(
let isRefreshing = false; (response) => response,
(error) => {
api.registerInterceptTokenManager = (signOut: SignOut) => { if (error.response && error.response.data) {
const interceptTokenManager = api.interceptors.response.use( return Promise.reject(new AppError(error.response.data.message));
(response) => response, }
async (requestError) => { return Promise.reject(error);
if (requestError?.response?.status === 401) { },
if ( );
requestError.response.data?.message === 'token.expired' ||
requestError.response.data?.message === 'token.invalid'
) {
const { refresh_token } = await storageAuthTokenGet();
if (!refresh_token) {
signOut();
return Promise.reject(requestError);
}
const originalRequestConfig = requestError.config;
if (isRefreshing) {
return new Promise((resolve, reject) => {
failedQueue.push({
onSuccess: (token: string) => {
originalRequestConfig.headers.Authorization = `Bearer ${token}`;
resolve(api(originalRequestConfig));
},
onFailure: (error: AxiosError) => {
reject(error);
},
});
});
}
isRefreshing = true;
return new Promise(async (resolve, reject) => {
try {
const { data } = api.post('/sessions/refresh_token', { refresh_token });
await storageAuthTokenSave({ token: data.token, refresh_token: data.refresh_token });
if (originalRequestConfig.data) {
originalRequestConfig.data = JSON.parse(JSON.stringify(originalRequestConfig.data));
}
originalRequestConfig.headers.Authorization = `Bearer ${data.token}`;
api.defaults.headers.common.Authorization = `Bearer ${data.token}`;
failedQueue.forEach((request) => request.onSuccess(data.token));
resolve(api(originalRequestConfig));
} catch (error: any) {
failedQueue.forEach((request) => request.onFailure(error));
signOut();
reject(error);
} finally {
isRefreshing = false;
failedQueue = [];
}
});
}
signOut();
}
if (requestError.response && requestError.response.data) {
return Promise.reject(new AppError(requestError.response.data.message));
}
return Promise.reject(requestError);
},
);
return () => {
api.interceptors.response.eject(interceptTokenManager);
};
};
export { api }; export { api };

View file

@ -2,19 +2,12 @@ import AsyncStorage from '@react-native-async-storage/async-storage';
import { TOKEN_STORAGE } from './storageConfig'; import { TOKEN_STORAGE } from './storageConfig';
type AuthTokenStorageProps = { export async function storageAuthTokenSave(token: string) {
token: string; await AsyncStorage.setItem(TOKEN_STORAGE, token);
refresh_token?: string;
};
export async function storageAuthTokenSave({ token, refresh_token }: AuthTokenStorageProps) {
await AsyncStorage.setItem(TOKEN_STORAGE, JSON.stringify({ token, refresh_token }));
} }
export async function storageAuthTokenGet() { export async function storageAuthTokenGet() {
const response = await AsyncStorage.getItem(TOKEN_STORAGE); return await AsyncStorage.getItem(TOKEN_STORAGE);
const { token, refresh_token }: AuthTokenStorageProps = response ? JSON.parse(response) : {};
return { token, refresh_token };
} }
export async function storageAuthTokenRemove() { export async function storageAuthTokenRemove() {