84 lines
2.5 KiB
TypeScript
84 lines
2.5 KiB
TypeScript
"use client";
|
|
|
|
import { useEffect } from "react";
|
|
import { useRouter } from "next/navigation";
|
|
import { isAxiosError } from "axios";
|
|
import { getRemainingMs } from "@common/auth";
|
|
import { isAtLoginRedirectUrl } from "@common/network";
|
|
import { client } from "@/shared/api";
|
|
import type { IUserInfo } from "@/shared/store";
|
|
import { useUserStore } from "@/shared/lib";
|
|
import {
|
|
ENDPOINT,
|
|
AUTH_USER_ID,
|
|
AUTH_LOGIN_REDIRECT_URL,
|
|
CLAIM_NAME,
|
|
} from "@/shared/config";
|
|
import { getToken, setupRefreshTimer } from "./token-manager";
|
|
import { silentRefresh } from "../api/login-service";
|
|
|
|
const AuthWrapper = ({ children }: { children: React.ReactNode }) => {
|
|
const router = useRouter();
|
|
const userInfo = useUserStore((state) => state.userInfo);
|
|
const setUserInfo = useUserStore((state) => state.setUserInfo);
|
|
|
|
useEffect(() => {
|
|
// 페이지 새로고침 시 silentRefresh 타이머 복구
|
|
const token = getToken(CLAIM_NAME);
|
|
if (token) {
|
|
const remainingMs = getRemainingMs(token);
|
|
if (remainingMs > 0) {
|
|
console.log(
|
|
`[AuthWrapper] Refresh timer set: ${remainingMs}ms (${remainingMs / 1000}s)`,
|
|
);
|
|
setupRefreshTimer(silentRefresh, remainingMs);
|
|
}
|
|
}
|
|
|
|
if (isAtLoginRedirectUrl(AUTH_LOGIN_REDIRECT_URL)) return;
|
|
|
|
async function authCheck() {
|
|
const userId = getToken(AUTH_USER_ID);
|
|
if (!userId) {
|
|
router.replace(AUTH_LOGIN_REDIRECT_URL);
|
|
return;
|
|
}
|
|
|
|
if (userInfo) return;
|
|
|
|
const response = await client.get<IUserInfo>(
|
|
`${ENDPOINT.USER_SERVICE.USERS}/info/me`,
|
|
);
|
|
setUserInfo(response.data);
|
|
}
|
|
|
|
authCheck().catch((error) => {
|
|
// 401은 @common/network error-interceptor에서 이미 리다이렉트 처리됨
|
|
if (isAxiosError(error) && error.response?.status === 401) return;
|
|
|
|
console.error(error);
|
|
setUserInfo(null);
|
|
if (!isAtLoginRedirectUrl(AUTH_LOGIN_REDIRECT_URL)) {
|
|
router.replace(AUTH_LOGIN_REDIRECT_URL);
|
|
}
|
|
});
|
|
}, []);
|
|
|
|
// silentRefresh 실패 시 auth:logout 이벤트를 수신해 로그인으로 이동
|
|
useEffect(() => {
|
|
function handleAuthLogout() {
|
|
setUserInfo(null);
|
|
if (!isAtLoginRedirectUrl(AUTH_LOGIN_REDIRECT_URL)) {
|
|
router.replace(AUTH_LOGIN_REDIRECT_URL);
|
|
}
|
|
}
|
|
|
|
window.addEventListener("auth:logout", handleAuthLogout);
|
|
return () => window.removeEventListener("auth:logout", handleAuthLogout);
|
|
}, []);
|
|
|
|
return <>{children}</>;
|
|
};
|
|
|
|
export { AuthWrapper };
|