| |
| "use client"; |
| import { useQuery, useQueryClient } from "@tanstack/react-query"; |
| import { useCookie } from "react-use"; |
| import { useRouter } from "next/navigation"; |
|
|
| import { User } from "@/types"; |
| import MY_TOKEN_KEY from "@/lib/get-cookie-name"; |
| import { api } from "@/lib/api"; |
| import { toast } from "sonner"; |
| import { getAuthCookieOptions, getIframeCookieOptions, getRemoveCookieOptions } from "@/lib/cookie-options"; |
|
|
|
|
| export const useUser = (initialData?: { |
| user: User | null; |
| errCode: number | null; |
| }) => { |
| const cookie_name = MY_TOKEN_KEY(); |
| const client = useQueryClient(); |
| const router = useRouter(); |
| const [, setCookie] = useCookie(cookie_name); |
| const [currentRoute, setCurrentRoute] = useCookie("deepsite-currentRoute"); |
|
|
| const { data: { user, errCode } = { user: null, errCode: null }, isLoading } = |
| useQuery({ |
| queryKey: ["user.me"], |
| queryFn: async () => { |
| return { user: initialData?.user, errCode: initialData?.errCode }; |
| }, |
| refetchOnWindowFocus: false, |
| refetchOnReconnect: false, |
| refetchOnMount: false, |
| retry: false, |
| initialData: initialData |
| ? { user: initialData?.user, errCode: initialData?.errCode } |
| : undefined, |
| enabled: false, |
| }); |
|
|
| const { data: loadingAuth } = useQuery({ |
| queryKey: ["loadingAuth"], |
| queryFn: async () => false, |
| refetchOnWindowFocus: false, |
| refetchOnReconnect: false, |
| refetchOnMount: false, |
| }); |
| const setLoadingAuth = (value: boolean) => { |
| client.setQueryData(["setLoadingAuth"], value); |
| }; |
|
|
| const openLoginWindow = async () => { |
| setCurrentRoute(window.location.pathname, getIframeCookieOptions()); |
| return router.push("/auth"); |
| }; |
|
|
| const loginFromCode = async (code: string) => { |
| setLoadingAuth(true); |
| if (loadingAuth) return; |
| await api |
| .post("/auth", { code }) |
| .then(async (res: any) => { |
| if (res.data) { |
| setCookie(res.data.access_token, getAuthCookieOptions(res.data.expires_in)); |
| client.setQueryData(["user.me"], { |
| user: res.data.user, |
| errCode: null, |
| }); |
| if (currentRoute) { |
| router.push(currentRoute); |
| setCurrentRoute("", getIframeCookieOptions()); |
| } else { |
| router.push("/projects"); |
| } |
| toast.success("Login successful"); |
| } |
| }) |
| .catch((err: any) => { |
| toast.error(err?.data?.message ?? err.message ?? "An error occurred"); |
| }) |
| .finally(() => { |
| setLoadingAuth(false); |
| }); |
| }; |
|
|
| const logout = async () => { |
| setCookie("", getRemoveCookieOptions()); |
| router.push("/"); |
| toast.success("Logout successful"); |
| client.setQueryData(["user.me"], { |
| user: null, |
| errCode: null, |
| }); |
| window.location.reload(); |
| }; |
|
|
| return { |
| user, |
| errCode, |
| loading: isLoading || loadingAuth, |
| openLoginWindow, |
| loginFromCode, |
| logout, |
| }; |
| }; |
|
|