import { createAuthClient } from "better-auth/react";

export const authClient = createAuthClient({
  baseURL: "http://localhost:3000",
});

export const { signIn, signUp, signOut, useSession } = authClient;

import { signUp } from "@/lib/auth-client";

async function handleSignUp() {
  const { data, error } = await signUp.email({
    email: "user@example.com",
    password: "securepassword123",
    name: "John Doe",
  });

  if (error) {
    console.error("Sign up failed:", error.message);
    return;
  }

  console.log("User created:", data.user);
}

import { signIn } from "@/lib/auth-client";

async function handleSignIn() {
  const { data, error } = await signIn.email({
    email: "user@example.com",
    password: "securepassword123",
  });

  if (error) {
    console.error("Sign in failed:", error.message);
    return;
  }

  // User is now signed in
  console.log("Session:", data.session);
}

import { signIn } from "@/lib/auth-client";

// Google
await signIn.social({ provider: "google" });

// GitHub
await signIn.social({ provider: "github" });

import { useSession } from "@/lib/auth-client";

function Profile() {
  const { data: session, isPending } = useSession();

  if (isPending) return <div>Loading...</div>;
  if (!session) return <div>Not signed in</div>;

  return (
    <div>
      <h1>Welcome, {session.user.name}</h1>
      <p>{session.user.email}</p>
    </div>
  );
}

import { signOut } from "@/lib/auth-client";

async function handleSignOut() {
  await signOut();
  // User is now signed out
}

import { auth } from "@/auth";
import { headers } from "next/headers";

export async function getServerSession() {
  const session = await auth.api.getSession({
    headers: await headers(),
  });
  return session;
}

import { getServerSession } from "@/lib/session";
import { redirect } from "next/navigation";

export default async function DashboardPage() {
  const session = await getServerSession();

  if (!session) {
    redirect("/sign-in");
  }

  return <Dashboard user={session.user} />;
}

"use client";

import { useSession } from "@/lib/auth-client";
import { useRouter } from "next/navigation";
import { useEffect } from "react";

export function AuthGuard({ children }: { children: React.ReactNode }) {
  const { data: session, isPending } = useSession();
  const router = useRouter();

  useEffect(() => {
    if (!isPending && !session) {
      router.push("/sign-in");
    }
  }, [session, isPending, router]);

  if (isPending) return <div>Loading...</div>;
  if (!session) return null;

  return <>{children}</>;
}