hamid zarghami
111 lines
3.2 KiB
TypeScript
111 lines
3.2 KiB
TypeScript
import { FC } from 'react'
|
|
import './assets/fonts/irancell/style.css'
|
|
import 'react-quill-new/dist/quill.snow.css';
|
|
import 'react-loading-skeleton/dist/skeleton.css'
|
|
import 'swiper/swiper-bundle.css';
|
|
import { BrowserRouter } from 'react-router-dom'
|
|
import Main from './shared/Main'
|
|
import i18next from 'i18next'
|
|
import FaJson from './langs/fa.json'
|
|
import { I18nextProvider } from 'react-i18next'
|
|
import { QueryCache, QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
import { IApiErrorRepsonse } from './types/error.types';
|
|
import ToastContainer from './components/Toast';
|
|
import { getRefreshToken, removeRefreshToken, removeToken, setRefreshToken, setToken } from './config/func';
|
|
import { refreshToken } from './pages/auth/service/Service';
|
|
|
|
declare global {
|
|
interface Window {
|
|
isRefreshingToken?: boolean;
|
|
}
|
|
}
|
|
|
|
i18next.init({
|
|
interpolation: { escapeValue: false },
|
|
lng: 'fa',
|
|
defaultNS: 'global',
|
|
resources: {
|
|
fa: {
|
|
global: FaJson
|
|
}
|
|
}
|
|
})
|
|
|
|
const queryClient = new QueryClient({
|
|
queryCache: new QueryCache({
|
|
onError: async (error: IApiErrorRepsonse) => {
|
|
if (error?.response?.status === 401) {
|
|
try {
|
|
// Use a flag to track if refresh is in progress
|
|
if (window.isRefreshingToken) {
|
|
// Wait for the refresh to complete
|
|
await new Promise(resolve => {
|
|
const checkComplete = setInterval(() => {
|
|
if (!window.isRefreshingToken) {
|
|
clearInterval(checkComplete);
|
|
resolve(true);
|
|
}
|
|
}, 100);
|
|
});
|
|
return;
|
|
}
|
|
|
|
// Set the flag to indicate refresh is in progress
|
|
window.isRefreshingToken = true;
|
|
|
|
try {
|
|
const refreshTokenValue = await getRefreshToken();
|
|
const { data } = await refreshToken({ refreshToken: refreshTokenValue || '' });
|
|
|
|
if (data?.accessToken?.token) {
|
|
// Save the new token
|
|
await setToken(data?.accessToken?.token);
|
|
|
|
// If refresh token also returned, update it
|
|
if (data.refreshToken?.token) {
|
|
await setRefreshToken(data.refreshToken?.token);
|
|
}
|
|
|
|
// Retry the failed request
|
|
queryClient.invalidateQueries();
|
|
return;
|
|
} else {
|
|
throw new Error('Invalid token response');
|
|
}
|
|
} finally {
|
|
window.isRefreshingToken = false;
|
|
}
|
|
} catch (refreshError: unknown) {
|
|
console.error('Token refresh failed:', refreshError);
|
|
// Clear tokens and redirect to login
|
|
await removeToken();
|
|
await removeRefreshToken();
|
|
window.location.href = '/auth/login';
|
|
}
|
|
}
|
|
}
|
|
}),
|
|
defaultOptions: {
|
|
queries: {
|
|
refetchOnWindowFocus: false,
|
|
retry: false
|
|
// staleTime: 86400000 // 1 day in milliseconds
|
|
}
|
|
}
|
|
});
|
|
|
|
const App: FC = () => {
|
|
return (
|
|
<BrowserRouter>
|
|
<I18nextProvider i18n={i18next}>
|
|
<QueryClientProvider client={queryClient}>
|
|
|
|
<Main />
|
|
<ToastContainer />
|
|
</QueryClientProvider>
|
|
</I18nextProvider>
|
|
</BrowserRouter>
|
|
)
|
|
}
|
|
|
|
export default App |