import { useState, useRef, useEffect } from "react"; import { motion, AnimatePresence } from "framer-motion"; import { Gamepad2, Download, Copy, Maximize2, Minimize2, Play, X, RefreshCw, Wand2, Zap, AlertTriangle, Settings2, ChevronDown, ChevronUp, Loader2, Save, Trash2, ExternalLink } from "lucide-react"; import { Button } from "@/components/ui/button"; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; import { Textarea } from "@/components/ui/textarea"; import { Label } from "@/components/ui/label"; import { useToast } from "@/hooks/use-toast"; import { toast } from "sonner"; import { ConfirmDialog } from "@/components/ui/confirm-dialog"; import { useGameMaker, GENRES, VISUAL_STYLES, DIFFICULTIES, THEMES, type GenerationStage, } from "@/hooks/useGameMaker"; /* ── Stage Labels ── */ const STAGE_LABELS: Record = { idle: "", thinking: "Analyzing game concept...", generating: "Writing game code...", compiling: "Compiling & optimizing...", done: "Game ready!", error: "Generation failed", }; /* ── Config Chip ── */ function ChipSelector({ label, options, value, onChange }: { label: string; options: { id: string; label: string; emoji?: string }[]; value: string; onChange: (v: string) => void; }) { return (
{options.map((opt) => ( ))}
); } /* ── Sandbox iframe ── */ function GamePreview({ html, isFullscreen, isLive = false }: { html: string; isFullscreen: boolean; isLive?: boolean }) { const [blobUrl, setBlobUrl] = useState(null); useEffect(() => { let content = html; if (isLive) { if (content.includes('')) content += ''; if (content.includes('') && !content.includes('')) content += ''; if (content.includes('') && !content.includes('')) content += ''; } const blob = new Blob([content], { type: "text/html" }); const url = URL.createObjectURL(blob); setBlobUrl(url); return () => URL.revokeObjectURL(url); }, [html, isLive]); if (!blobUrl) return null; return (
{isLive && (
Building Live
)}