SaaS starter

import { createContext, useContext, type ReactNode } from "react";
import { useLocalStorage } from "./useLocalStorage";

/**
 * MOCK AUTH — REPLACE WITH REAL AUTH BEFORE SHIPPING.
 * This stores a fake session in localStorage so the UI flows can be exercised locally.
 * It performs no password checks and offers no security at all.
 */
export type User = { email: string; name: string; plan: "free" | "pro" };

type AuthContextValue = {
  user: User | null;
  signIn: (email: string) => void;
  signUp: (name: string, email: string) => void;
  signOut: () => void;
};

const AuthContext = createContext<AuthContextValue | null>(null);

export function AuthProvider({ children }: { children: ReactNode }) {
  const [user, setUser] = useLocalStorage<User | null>("mock-session", null);
  const value: AuthContextValue = {
    user,
    signIn: (email) => setUser({ email, name: email.split("@")[0] ?? "You", plan: "free" }),
    signUp: (name, email) => setUser({ email, name, plan: "free" }),
    signOut: () => setUser(null),
  };
  return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;
}

export function useAuth() {
  const ctx = useContext(AuthContext);
  if (!ctx) throw new Error("useAuth must be used inside <AuthProvider>");
  return ctx;
}