[V0_FILE]typescriptreact:file="app/auth/error/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; import { Button } from "@/components/ui/button"; import Link from "next/link"; export default async function ErrorPage({ searchParams, }: { searchParams: Promise<{ error: string }>; }) { const params = await searchParams; return (

Sorry, something went wrong. {params?.error ? (

Error: {params.error}

) : (

An unspecified error occurred.

)}

); } [V0_FILE]typescriptreact:file="app/auth/sign-up-success/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@/components/ui/card"; import Link from "next/link"; import { Button } from "@/components/ui/button"; export default function SignUpSuccessPage() { return (

Thank you for signing up! Check your email to confirm

You've successfully signed up. Please check your email to confirm your account before signing in.

); } [V0_FILE]typescript:file="app/auth/signout/route.ts" isMerged="true" import { createClient } from "@/lib/supabase/server"; import { revalidatePath } from "next/cache"; import { redirect } from 'next/navigation'; export async function POST() { const supabase = await createClient(); await supabase.auth.signOut(); revalidatePath("/", "layout"); redirect("/auth/login"); } [V0_FILE]typescriptreact:file="app/game/lobby/[id]/page.tsx" isEdit="true" isMerged="true" import { redirect } from "next/navigation" import { createClient } from "@/lib/supabase/server" import LobbyRoom from "@/components/lobby-room" export default async function LobbyPage({ params, searchParams, }: { params: Promise<{ id: string }> searchParams: Promise<{ [key: string]: string | string[] | undefined }> }) { const { id } = await params const search = await searchParams const autoJoin = search.join === "true" const supabase = await createClient() const { data, error } = await supabase.auth.getUser() if (error || !data?.user) { redirect(`/auth/login?redirect=/game/lobby/${id}${autoJoin ? "?join=true" : ""}`) } const { data: lobby } = await supabase.from("lobbies").select("*").eq("id", id).single() if (!lobby) { redirect("/game") } const { data: profile } = await supabase.from("profiles").select("*").eq("id", data.user.id).single() const { data: existingPlayer } = await supabase .from("lobby_players") .select("id") .eq("lobby_id", id) .eq("user_id", data.user.id) .is("kicked_at", null) .single() if (autoJoin && !existingPlayer && lobby.status === "waiting") { await supabase.from("lobby_players").insert({ lobby_id: id, user_id: data.user.id, score: 0, }) } return } [V0_FILE]json:file="components.json" isMerged="true" { "$schema": "https://ui.shadcn.com/schema.json", "style": "new-york", "rsc": true, "tsx": true, "tailwind": { "config": "", "css": "app/globals.css", "baseColor": "neutral", "cssVariables": true, "prefix": "" }, "aliases": { "components": "@/components", "utils": "@/lib/utils", "ui": "@/components/ui", "lib": "@/lib", "hooks": "@/hooks" }, "iconLibrary": "lucide" } [V0_FILE]typescriptreact:file="components/deck-manager.tsx" isMerged="true" "use client"; import { useState } from "react"; import { createClient } from "@/lib/supabase/client"; import { Button } from "@/components/ui/button"; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@/components/ui/card"; import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger, } from "@/components/ui/dialog"; import { Input } from "@/components/ui/input"; import { Label } from "@/components/ui/label"; import { Textarea } from "@/components/ui/textarea"; import { PlusCircle, Edit, Trash2, BookOpen, Share2, Download, Copy, Check } from 'lucide-react'; import { Badge } from "@/components/ui/badge"; type Deck = { id: string; name: string; words: string[]; created_at: string; }; export default function DeckManager({ userId, initialDecks, }: { userId: string; initialDecks: Deck[]; }) { const [decks, setDecks] = useState(initialDecks); const [isCreateOpen, setIsCreateOpen] = useState(false); const [editingDeck, setEditingDeck] = useState(null); const [deckName, setDeckName] = useState(""); const [deckWords, setDeckWords] = useState(""); const [isLoading, setIsLoading] = useState(false); const [isImportOpen, setIsImportOpen] = useState(false); const [importCode, setImportCode] = useState(""); const [exportingDeck, setExportingDeck] = useState(null); const [exportCode, setExportCode] = useState(""); const [copied, setCopied] = useState(false); const supabase = createClient(); const handleCreateDeck = async (e: React.FormEvent) => { e.preventDefault(); if (!deckName.trim() || !deckWords.trim()) return; setIsLoading(true); try { const words = deckWords .split("\n") .map(w => w.trim()) .filter(w => w.length > 0); if (words.length < 5) { alert("Please add at least 5 words to your deck"); return; } const { data, error } = await supabase .from("custom_decks") .insert({ user_id: userId, name: deckName, words: words, }) .select() .single(); if (error) throw error; setDecks([data, ...decks]); setDeckName(""); setDeckWords(""); setIsCreateOpen(false); } catch (error) { console.error("[v0] Error creating deck:", error); alert("Failed to create deck"); } finally { setIsLoading(false); } }; const handleUpdateDeck = async (e: React.FormEvent) => { e.preventDefault(); if (!editingDeck || !deckName.trim() || !deckWords.trim()) return; setIsLoading(true); try { const words = deckWords .split("\n") .map(w => w.trim()) .filter(w => w.length > 0); if (words.length < 5) { alert("Please add at least 5 words to your deck"); return; } const { error } = await supabase .from("custom_decks") .update({ name: deckName, words: words, }) .eq("id", editingDeck.id); if (error) throw error; setDecks(decks.map(d => d.id === editingDeck.id ? { ...d, name: deckName, words: words } : d )); setEditingDeck(null); setDeckName(""); setDeckWords(""); } catch (error) { console.error("[v0] Error updating deck:", error); alert("Failed to update deck"); } finally { setIsLoading(false); } }; const handleDeleteDeck = async (deckId: string) => { if (!confirm("Are you sure you want to delete this deck?")) return; try { const { error } = await supabase .from("custom_decks") .delete() .eq("id", deckId); if (error) throw error; setDecks(decks.filter(d => d.id !== deckId)); } catch (error) { console.error("[v0] Error deleting deck:", error); alert("Failed to delete deck"); } }; const startEdit = (deck: Deck) => { setEditingDeck(deck); setDeckName(deck.name); setDeckWords(deck.words.join("\n")); }; const cancelEdit = () => { setEditingDeck(null); setDeckName(""); setDeckWords(""); }; const handleExportDeck = (deck: Deck) => { const deckData = { name: deck.name, words: deck.words, version: 1, }; const encoded = btoa(JSON.stringify(deckData)); setExportCode(encoded); setExportingDeck(deck); }; const handleCopyCode = async () => { try { await navigator.clipboard.writeText(exportCode); setCopied(true); setTimeout(() => setCopied(false), 2000); } catch (error) { console.error("[v0] Error copying to clipboard:", error); alert("Failed to copy code"); } }; const handleImportDeck = async (e: React.FormEvent) => { e.preventDefault(); if (!importCode.trim()) return; setIsLoading(true); try { const decoded = JSON.parse(atob(importCode.trim())); if (!decoded.name || !Array.isArray(decoded.words) || decoded.words.length < 5) { alert("Invalid deck code. Please check and try again."); return; } const { data, error } = await supabase .from("custom_decks") .insert({ user_id: userId, name: decoded.name, words: decoded.words, }) .select() .single(); if (error) throw error; setDecks([data, ...decks]); setImportCode(""); setIsImportOpen(false); alert(`Successfully imported deck: ${decoded.name}`); } catch (error) { console.error("[v0] Error importing deck:", error); alert("Invalid deck code. Please check and try again."); } finally { setIsLoading(false); } }; const closeExportDialog = () => { setExportingDeck(null); setExportCode(""); setCopied(false); }; return (