feat: 用户名密码登录注册系统

- 新增 /api/auth/register 和 /api/auth/login 接口,使用 bcryptjs 哈希密码
- User 模型改为 username + passwordHash,id 自动生成 cuid
- 新增 AuthModal 组件(登录/注册双标签页),替换旧的 ProfileSetupModal
- 重写 /profile 页面:支持修改用户名、密码、头像、绑定邮箱、退出登录
- /api/user PUT 支持密码修改(需验证当前密码)和用户名唯一性校验
- 游客模式保留,右上角显示"登录"按钮;登录后显示头像和用户名
- 全局 nickname -> username 重命名(types、SwipeDeck、RoomManageModal、buildRoomStatus)
- 新增 logout() 清除登录态并重新生成游客 UUID
This commit is contained in:
2026-02-25 00:21:03 +08:00
parent a28f4405e9
commit 04c7b547aa
24 changed files with 1613 additions and 134 deletions
+4
View File
@@ -5,6 +5,7 @@ import { Users, QrCode, LogOut, Crown, Lock } from "lucide-react";
import { motion, AnimatePresence } from "framer-motion";
import QrInviteModal from "./QrInviteModal";
import RoomManageModal from "./RoomManageModal";
import type { UserProfile } from "@/types";
interface TopNavProps {
roomId: string;
@@ -16,6 +17,7 @@ interface TopNavProps {
locked?: boolean;
swipeCounts?: Record<string, number>;
totalCards?: number;
userProfiles?: Record<string, UserProfile>;
}
export default function TopNav({
@@ -28,6 +30,7 @@ export default function TopNav({
locked = false,
swipeCounts = {},
totalCards = 0,
userProfiles = {},
}: TopNavProps) {
const [toast, setToast] = useState("");
const [showQr, setShowQr] = useState(false);
@@ -119,6 +122,7 @@ export default function TopNav({
locked={locked}
swipeCounts={swipeCounts}
totalCards={totalCards}
userProfiles={userProfiles}
onToast={showToast}
/>
)}