14fe8e9df9
Support Google login that links to existing accounts by email. When a user who registered via email OTP signs in with Google using the same email, they are linked to the same account. Backend: - Add POST /auth/google endpoint that exchanges Google auth code for tokens, fetches user profile, and calls findOrCreateUser() - Updates user name and avatar from Google profile on first Google login Frontend: - Add "Continue with Google" button on login page (shown when NEXT_PUBLIC_GOOGLE_CLIENT_ID is configured) - Add /auth/callback page to handle Google OAuth redirect - Add loginWithGoogle to auth store and API client
77 lines
1.9 KiB
TypeScript
77 lines
1.9 KiB
TypeScript
"use client";
|
|
|
|
import { create } from "zustand";
|
|
import type { User } from "@/shared/types";
|
|
import { api } from "@/shared/api";
|
|
import { setLoggedInCookie, clearLoggedInCookie } from "./auth-cookie";
|
|
|
|
interface AuthState {
|
|
user: User | null;
|
|
isLoading: boolean;
|
|
|
|
initialize: () => Promise<void>;
|
|
sendCode: (email: string) => Promise<void>;
|
|
verifyCode: (email: string, code: string) => Promise<User>;
|
|
loginWithGoogle: (code: string, redirectUri: string) => Promise<User>;
|
|
logout: () => void;
|
|
setUser: (user: User) => void;
|
|
}
|
|
|
|
export const useAuthStore = create<AuthState>((set) => ({
|
|
user: null,
|
|
isLoading: true,
|
|
|
|
initialize: async () => {
|
|
const token = localStorage.getItem("multica_token");
|
|
if (!token) {
|
|
set({ isLoading: false });
|
|
return;
|
|
}
|
|
|
|
api.setToken(token);
|
|
|
|
try {
|
|
const user = await api.getMe();
|
|
set({ user, isLoading: false });
|
|
} catch {
|
|
api.setToken(null);
|
|
api.setWorkspaceId(null);
|
|
localStorage.removeItem("multica_token");
|
|
set({ user: null, isLoading: false });
|
|
}
|
|
},
|
|
|
|
sendCode: async (email: string) => {
|
|
await api.sendCode(email);
|
|
},
|
|
|
|
verifyCode: async (email: string, code: string) => {
|
|
const { token, user } = await api.verifyCode(email, code);
|
|
localStorage.setItem("multica_token", token);
|
|
api.setToken(token);
|
|
setLoggedInCookie();
|
|
set({ user });
|
|
return user;
|
|
},
|
|
|
|
loginWithGoogle: async (code: string, redirectUri: string) => {
|
|
const { token, user } = await api.googleLogin(code, redirectUri);
|
|
localStorage.setItem("multica_token", token);
|
|
api.setToken(token);
|
|
setLoggedInCookie();
|
|
set({ user });
|
|
return user;
|
|
},
|
|
|
|
logout: () => {
|
|
localStorage.removeItem("multica_token");
|
|
api.setToken(null);
|
|
api.setWorkspaceId(null);
|
|
clearLoggedInCookie();
|
|
set({ user: null });
|
|
},
|
|
|
|
setUser: (user: User) => {
|
|
set({ user });
|
|
},
|
|
}));
|