basic login / logout lichess user

src/hooks/useLichessOAuth.ts

@@ -0,0 +1,60 @@
+import { useServerFn } from "@tanstack/react-start";
+import { useLichessUser } from "#/context/LichessUserContext.tsx";
+import { getToken, getUser, login, setSession, logout } from "#/server/lichess.ts";
+
+interface ITokenData {
+	access_token: string;
+	expires_in: number;
+	token_type: string;
+}
+
+export const useLichessOAuth = () => {
+	const { setUser } = useLichessUser();
+
+	const loginFn = useServerFn(login);
+	const logoutFn = useServerFn(logout)
+	const accessTokenFn = useServerFn(getToken);
+	const getUserFn = useServerFn(getUser);
+	const setSessionFn = useServerFn(setSession);
+
+	const lichessAccessToken = async ({ code }: { code: string }) => {
+		return accessTokenFn({ data: { code } });
+	};
+
+	const setLichessUser = async ({
+		username,
+		id,
+	}: {
+		username: string;
+		id: string;
+	}) => {
+		await setSessionFn({ data: { username, id } });
+		setUser({ username, id, isLoggedIn: true });
+	};
+
+	const getLichessUser = async ({ tokenData }: { tokenData: ITokenData }) => {
+		return getUserFn({
+			data: { access_token: tokenData.access_token },
+		});
+	};
+
+	const lichessLogin = async () => {
+		// TODO add try/catch with toast
+		await loginFn();
+	};
+
+	const lichessLogout = async () => {
+		console.log("Lichess Logout");
+		// TODO remove cookies
+		await logoutFn();
+		setUser(null);
+	};
+
+	return {
+		lichessLogin,
+		lichessLogout,
+		lichessAccessToken,
+		getLichessUser,
+		setLichessUser,
+	};
+};