Initial commit: Gravl MVP med onboarding

frontend/src/context/AuthContext.jsx

@@ -0,0 +1,74 @@
+import { createContext, useContext, useState, useEffect } from 'react';
+const API = '/api';
+const AuthContext = createContext(null);
+
+export function AuthProvider({ children }) {
+  const [user, setUser] = useState(null);
+  const [token, setToken] = useState(localStorage.getItem('token'));
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    if (token) fetchProfile();
+    else setLoading(false);
+  }, [token]);
+
+  const fetchProfile = async () => {
+    try {
+      const res = await fetch(`${API}/user/profile`, { headers: { Authorization: `Bearer ${token}` } });
+      if (res.ok) setUser(await res.json());
+      else logout();
+    } catch { logout(); }
+    setLoading(false);
+  };
+
+  const register = async (email, password) => {
+    const res = await fetch(`${API}/auth/register`, {
+      method: 'POST', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ email, password })
+    });
+    const data = await res.json();
+    if (!res.ok) throw new Error(data.error);
+    localStorage.setItem('token', data.token);
+    setToken(data.token);
+    setUser(data.user);
+    return data;
+  };
+
+  const login = async (email, password) => {
+    const res = await fetch(`${API}/auth/login`, {
+      method: 'POST', headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ email, password })
+    });
+    const data = await res.json();
+    if (!res.ok) throw new Error(data.error);
+    localStorage.setItem('token', data.token);
+    setToken(data.token);
+    setUser(data.user);
+    return data;
+  };
+
+  const updateProfile = async (profile) => {
+    const res = await fetch(`${API}/user/profile`, {
+      method: 'PUT', headers: { 'Content-Type': 'application/json', Authorization: `Bearer ${token}` },
+      body: JSON.stringify(profile)
+    });
+    const data = await res.json();
+    if (!res.ok) throw new Error(data.error);
+    setUser(data);
+    return data;
+  };
+
+  const logout = () => {
+    localStorage.removeItem('token');
+    setToken(null);
+    setUser(null);
+  };
+
+  return (
+    <AuthContext.Provider value={{ user, token, loading, register, login, logout, updateProfile }}>
+      {children}
+    </AuthContext.Provider>
+  );
+}
+
+export const useAuth = () => useContext(AuthContext);