kurihada
4f4220652e
批次A：重命名 + 路由拆分 - store.ts → roomRepository.ts，更新全部 import - blindbox/plan/route.ts 精简为薄路由，业务逻辑抽取到 planActions.ts / planQueries.ts 批次B：blindboxPlanGen.ts 拆分（710行 → src/lib/plan/） - agentPlan.ts：Agent 工具调用与系统提示 - legacyPlan.ts：非 Agent 备用生成逻辑 - ideaSelection.ts：Idea 筛选与 Slot 映射 - transitEnrichment.ts：交通信息查询与填充 - index.ts：runPlanGeneration 主入口 批次C：SSE 连接稳定性 - useRoomPolling.ts 加入指数退避重连（上限60s，含Jitter） - plan/stream/route.ts 添加30s心跳 + abort信号清理 批次D：无障碍修复 - Modal：role=dialog、aria-modal、aria-labelledby - AuthModal：aria-label关闭按钮、tablist/tab/aria-selected - PlanItemEditModal、QrInviteModal：补全aria-label - BlindboxPlan：图标按钮aria-label 批次E：Zod 引入 - src/lib/schemas/ai.ts：AI返回值 Schema（IdeaTagsSchema等5个） - src/lib/schemas/requests.ts：请求体 Schema - ai.ts 手工验证替换为 Zod safeParse 批次F：Server Components - achievements/page.tsx → Server Component + AchievementsClient.tsx - profile/page.tsx → Server Component + ProfileClient.tsx 批次G：Room 关系化模型 - prisma/schema.prisma：新增 RoomMember、RoomRestaurant、RoomLike、RoomSwipe 4张表 - migration：20260302010000_room_relational_model - roomRepository.ts 完整重写（关系查询+应用锁） - buildRoomStatus.ts 适配关系查询 测试：全部329个用例通过，修复68个因auth mock缺失导致的测试失败
101 lines
2.9 KiB
TypeScript
101 lines
2.9 KiB
TypeScript
"use client";
|
|
|
|
import { useCallback } from "react";
|
|
import { QRCodeSVG } from "qrcode.react";
|
|
import { X, Copy, Share2, QrCode } from "lucide-react";
|
|
import type { SceneType } from "@/types";
|
|
import { getSceneConfig } from "@/lib/sceneConfig";
|
|
import Modal from "@/components/Modal";
|
|
import Button from "@/components/Button";
|
|
import { useShare } from "@/hooks/useShare";
|
|
|
|
interface QrInviteModalProps {
|
|
open: boolean;
|
|
onClose: () => void;
|
|
roomId: string;
|
|
scene?: SceneType;
|
|
}
|
|
|
|
export default function QrInviteModal({
|
|
open,
|
|
onClose,
|
|
roomId,
|
|
scene = "eat",
|
|
}: QrInviteModalProps) {
|
|
const { share, copyToClipboard } = useShare();
|
|
const sceneConfig = getSceneConfig(scene);
|
|
const inviteUrl =
|
|
typeof window !== "undefined"
|
|
? `${window.location.origin}/invite/${roomId}`
|
|
: "";
|
|
|
|
const handleCopy = useCallback(
|
|
() => copyToClipboard(inviteUrl, "邀请链接已复制，快去发给朋友吧！"),
|
|
[inviteUrl, copyToClipboard],
|
|
);
|
|
|
|
const handleShare = useCallback(
|
|
() => share({ title: sceneConfig.shareTitle, text: sceneConfig.shareText, url: inviteUrl }, handleCopy),
|
|
[inviteUrl, sceneConfig, share, handleCopy],
|
|
);
|
|
|
|
return (
|
|
<Modal open={open} onClose={onClose}>
|
|
<button
|
|
onClick={onClose}
|
|
aria-label="关闭"
|
|
className="absolute right-4 top-4 flex h-8 w-8 items-center justify-center rounded-full bg-elevated text-muted transition-colors active:bg-subtle"
|
|
>
|
|
<X size={16} />
|
|
</button>
|
|
|
|
<div className="flex flex-col items-center">
|
|
<div className="flex items-center gap-2 text-heading">
|
|
<QrCode size={18} className="text-accent" />
|
|
<h2 className="text-lg font-bold">邀请饭搭子</h2>
|
|
</div>
|
|
<p className="mt-1 text-xs text-muted">
|
|
{sceneConfig.qrSubtitle}
|
|
</p>
|
|
|
|
<div className="mt-5 rounded-2xl border-2 border-dashed border-subtle bg-elevated/50 p-4">
|
|
<QRCodeSVG
|
|
value={inviteUrl}
|
|
size={180}
|
|
level="M"
|
|
bgColor="transparent"
|
|
fgColor="#e5e7eb"
|
|
/>
|
|
</div>
|
|
|
|
<div className="mt-4 flex items-center gap-2">
|
|
<span className="text-xs text-muted">房间号</span>
|
|
<span className="rounded-full bg-elevated px-3 py-1 font-mono text-base font-bold tracking-[0.2em] text-accent ring-1 ring-border">
|
|
{roomId}
|
|
</span>
|
|
</div>
|
|
|
|
<div className="mt-5 flex w-full gap-2.5">
|
|
<Button
|
|
onClick={handleCopy}
|
|
variant="secondary"
|
|
size="lg"
|
|
icon={<Copy size={15} />}
|
|
className="flex-1"
|
|
>
|
|
复制链接
|
|
</Button>
|
|
<Button
|
|
onClick={handleShare}
|
|
size="lg"
|
|
icon={<Share2 size={15} />}
|
|
className="flex-1"
|
|
>
|
|
发送邀请
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</Modal>
|
|
);
|
|
}
|