session context & auth util functions

client/src/context/ContextProvider.tsx

@@ -0,0 +1,22 @@
+"use client";
+
+import type { User } from "@chessu/types";
+
+import { useState, useEffect } from "react";
+import { SessionContext } from "./session";
+import { fetchSession } from "@/lib/auth";
+
+export default function ContextProvider({ children }: { children: React.ReactNode }) {
+  const [user, setUser] = useState<User | null>({});
+
+  async function getSession() {
+    const user = await fetchSession();
+    setUser(user || null);
+  }
+
+  useEffect(() => {
+    getSession();
+  }, []);
+
+  return <SessionContext.Provider value={{ user, setUser }}>{children}</SessionContext.Provider>;
+}

client/src/context/session.ts

@@ -0,0 +1,8 @@
+import type { User } from "@chessu/types";
+
+import { createContext, Dispatch, SetStateAction } from "react";
+
+export const SessionContext = createContext<{
+    user: User | null | undefined; // undefined = hasn't been checked yet, null = no user
+    setUser: Dispatch<SetStateAction<User | null>>;
+} | null>(null);