[{"_1":2,"_143":-5,"_144":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/app.$appId",{"_12":13},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_5":44,"_56":57,"_58":41,"_59":60,"_61":62,"_63":64,"_65":60,"_66":41,"_67":64,"_68":64,"_69":64,"_70":17,"_71":17,"_72":73,"_74":75,"_76":77,"_78":79,"_80":81,"_97":-5,"_98":17,"_99":100,"_139":31,"_140":141,"_142":25},"id","4a1dae9202eaf46b95cb","isMyApp",false,"name","zero.fun","description","Enter the ultimate pixel-perfect precision tournament where your steady hand could win you a fortune in SOL! Stop the power surge meter as close to absolute zero as possible, competing against other players for a shared prize pool while enjoying retro-gaming aesthetics that'll make your inner arcade junkie scream with joy.","brief","Stop the power surge at perfect zero to win SOL in this pixel-perfect precision tournament!","isLive",true,"isPublic","tags",[29],"👑","cover","https://cdn.dev.fun/snapshot/4a1dae9202eaf46b95cb/91438_352b2722.webp","cdnUrl","https://cdn.dev.fun/app/4a1dae9202eaf46b95cb/91438","createdAt",["D",1749467140897],"updatedAt",["D",1753729233790],"lastCommitId",["B","91438"],"tier",1,"credits",141,{"_14":45,"_46":47,"_48":47,"_49":50,"_51":47,"_52":53,"_54":55},"1eaec144-69a9-4224-b940-fffc75be6107","uniqueId","kasper","username","solanaWallet","6SxLVfFovSjR2LAFcJ5wfT6RFjc8GxsscRekGnLq8BMe","displayName","bio","i paint pictures in my mind\nhttps://x.com/kasperwtrcolor","avatar","https://cdn.dev.fun/avatar/1eaec144-69a9-4224-b940-fffc75be6107/fe34aaaa.webp","commitCount",197,"forkCount","likeCount",3,"runsCount",1609,"downvoteCount",0,"upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","FrPWw9feXAdMbYbJaQqZ6srv8u4e9kczrmrbM8U8pump","code","import { useState, useEffect, useRef, useCallback } from 'react';\nimport { DevappProvider, useDevapp, UserButton, openLink } from '@devfunlabs/web-sdk';\nimport { X, Trophy, Zap, Share2, Twitter, Info, ArrowLeft, ArrowRight, List, Menu } from 'lucide-react';\nimport { motion } from 'framer-motion';\nfunction TournamentTimer({\n endTime,\n compact = false\n}) {\n const [timeLeft, setTimeLeft] = useState({\n hours: 0,\n minutes: 0,\n seconds: 0,\n isEnded: false\n });\n useEffect(() => {\n const calculateTimeLeft = () => {\n const difference = endTime - Date.now();\n if (difference <= 0) {\n return {\n hours: 0,\n minutes: 0,\n seconds: 0,\n isEnded: true\n };\n }\n return {\n hours: Math.floor(difference / (1000 * 60 * 60)),\n minutes: Math.floor(difference / 1000 / 60 % 60),\n seconds: Math.floor(difference / 1000 % 60),\n isEnded: false\n };\n };\n setTimeLeft(calculateTimeLeft());\n const timer = setInterval(() => {\n setTimeLeft(calculateTimeLeft());\n }, 1000);\n return () => clearInterval(timer);\n }, [endTime]);\n const formatTime = value => {\n return value.toString().padStart(2, '0');\n };\n if (timeLeft.isEnded) {\n return

\n TOURNAMENT ENDED\n

;\n }\n let bgColor = \"#8eff9c\";\n let textColor = \"#0a2540\";\n if (timeLeft.hours === 0) {\n if (timeLeft.minutes < 10) {\n bgColor = \"#ff8e8e\";\n textColor = \"#FFFFFF\";\n } else if (timeLeft.minutes < 30) {\n bgColor = \"#ff5bac\";\n textColor = \"#FFFFFF\";\n } else {\n bgColor = \"#6a3de8\";\n textColor = \"#FFFFFF\";\n }\n }\n return

{compact ? 'TIME LEFT' : 'TIME REMAINING'}

\n {formatTime(timeLeft.hours)}:{formatTime(timeLeft.minutes)}:{formatTime(timeLeft.seconds)}\n

;\n}\nfunction App() {\n const [connectionError, setConnectionError] = useState(false);\n const [errorMessage, setErrorMessage] = useState('Connection error occurred. Please try refreshing the page.');\n const handleConnectionError = error => {\n console.error(\"Connection error:\", error);\n if (error && error.message) {\n if (error.message.includes('User rejected the request') || error.message.includes('User rejected')) {\n setErrorMessage('Wallet connection was rejected. You can try again when ready!');\n } else if (error.message.includes('timeout')) {\n setErrorMessage('Connection timed out. Please try again.');\n } else if (error.message.includes('Wallet not ready')) {\n setErrorMessage('Wallet is not ready. Please make sure your wallet extension is unlocked.');\n } else {\n setErrorMessage('Connection error occurred: ' + error.message);\n }\n } else {\n setErrorMessage('Connection error occurred. Please try refreshing the page.');\n }\n setConnectionError(true);\n if (error && error.message && error.message.includes('User rejected')) {\n setTimeout(() => {\n setConnectionError(false);\n }, 5000);\n }\n };\n return \n \n {connectionError &&

\n {errorMessage}\n setConnectionError(false)} />\n

}\n ;\n}\nfunction TransactionProgress({\n stage,\n error,\n setView,\n setTxnProgress\n}) {\n const stages = [{\n key: 'preparing',\n label: 'PREPARING TRANSACTION'\n }, {\n key: 'approval',\n label: 'WAITING FOR WALLET APPROVAL'\n }, {\n key: 'sending',\n label: 'SENDING TRANSACTION'\n }, {\n key: 'confirming',\n label: 'CONFIRMING ON BLOCKCHAIN'\n }, {\n key: 'complete',\n label: 'TRANSACTION COMPLETE'\n }];\n const currentIndex = stages.findIndex(s => s.key === stage);\n return

TRANSACTION STATUS

\n {stages.map((s, index) => {\n let status = 'pending';\n if (index < currentIndex) status = 'complete';else if (index === currentIndex) status = 'active';\n return

\n {status === 'complete' ? '✓' : index + 1}\n

{s.label}

\n {status === 'active' &&

}\n

;\n })}\n

\n {error &&

\n {error}\n

}\n {stage === 'complete' && }\n

;\n}\nfunction SplashScreen({\n onComplete\n}) {\n const [stage, setStage] = useState(0);\n const [meterValue, setMeterValue] = useState(-50);\n const [direction, setDirection] = useState(1);\n const [speed, setSpeed] = useState(5);\n const [confetti, setConfetti] = useState([]);\n const [hitZero, setHitZero] = useState(false);\n const [showTap, setShowTap] = useState(false);\n const generateConfetti = () => {\n const newConfetti = [];\n for (let i = 0; i < 30; i++) {\n newConfetti.push({\n id: i,\n x: 50 + (Math.random() - 0.5) * 80,\n y: 40 + Math.random() * 20,\n size: Math.random() * 8 + 4,\n color: ['#ffde00', '#ff9500', '#ff69b4', '#4cd964', '#33e6ff'][Math.floor(Math.random() * 5)],\n rotation: Math.random() * 360,\n speed: Math.random() * 3 + 1\n });\n }\n setConfetti(newConfetti);\n };\n useEffect(() => {\n const sequence = [() => {\n setStage(0);\n setSpeed(8);\n }, () => {\n setStage(1);\n setSpeed(4);\n }, () => {\n setStage(2);\n setSpeed(2);\n }, () => {\n setStage(3);\n setHitZero(true);\n generateConfetti();\n }, () => {\n setStage(4);\n setShowTap(true);\n }];\n const timers = [];\n timers.push(setTimeout(() => sequence[0](), 500));\n timers.push(setTimeout(() => sequence[1](), 2500));\n timers.push(setTimeout(() => sequence[2](), 4000));\n timers.push(setTimeout(() => sequence[3](), 5500));\n timers.push(setTimeout(() => sequence[4](), 6500));\n return () => {\n timers.forEach(timer => clearTimeout(timer));\n };\n }, []);\n useEffect(() => {\n let lastTime = 0;\n let animationFrameId;\n const animate = time => {\n if (lastTime === 0) {\n lastTime = time;\n animationFrameId = requestAnimationFrame(animate);\n return;\n }\n const delta = time - lastTime;\n lastTime = time;\n if (hitZero) {\n setMeterValue(0);\n } else {\n setMeterValue(prevValue => {\n let newValue = prevValue + direction * speed * (delta / 16);\n if (newValue > 100) {\n newValue = 200 - newValue;\n setDirection(-1);\n } else if (newValue < -100) {\n newValue = -200 - newValue;\n setDirection(1);\n }\n if (stage === 2 && Math.abs(newValue) < 15) {\n return newValue * 0.8;\n }\n return newValue;\n });\n }\n animationFrameId = requestAnimationFrame(animate);\n };\n animationFrameId = requestAnimationFrame(animate);\n return () => {\n cancelAnimationFrame(animationFrameId);\n };\n }, [direction, speed, stage, hitZero]);\n const getMeterColor = value => {\n const absValue = Math.abs(value);\n if (absValue < 5) return '#8eff9c';\n if (absValue < 25) return '#ff5bac';\n if (absValue < 50) return '#6a3de8';\n return '#ff8e8e';\n };\n return \n \n\n {}\n

\n {}\n

ZERO

\n {}\n 0 ? [0, 5, 0] : [0, -5, 0]\n }} transition={{\n duration: 0.5,\n repeat: Infinity,\n ease: \"easeInOut\"\n }}>\n

\n \n {}\n {stage >= 2 && stage < 4 && \n \n }\n {}\n {confetti.map(particle => 180 ? -360 : 360)}deg`\n }} transition={{\n duration: 3,\n ease: \"easeOut\"\n }} />)}\n

-100

100

\n {}\n = 3 ? 1 : 0,\n y: stage >= 3 ? 0 : 20\n }} transition={{\n delay: 0.5,\n duration: 0.5\n }}>\n \n GET AS CLOSE TO ZERO AS POSSIBLE!\n \n \n WIN SOL PRIZES!\n \n \n {}\n {showTap && \n TAP TO PLAY\n }\n \n ;\n}\nfunction GameApp() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [showSplash, setShowSplash] = useState(true);\n const [view, setView] = useState('home');\n const [tournaments, setTournaments] = useState([]);\n const [selectedTournament, setSelectedTournament] = useState(null);\n const [userTickets, setUserTickets] = useState([]);\n const [showInfoPopup, setShowInfoPopup] = useState(false);\n const [unclaimedWinnings, setUnclaimedWinnings] = useState([]);\n const [activeTournaments, setActiveTournaments] = useState([]);\n const [pastTournaments, setPastTournaments] = useState([]);\n const [showTournamentDetails, setShowTournamentDetails] = useState(false);\n const [showMobileMenu, setShowMobileMenu] = useState(false);\n const [userStats, setUserStats] = useState({\n gamesPlayed: 0,\n bestScore: null,\n avgScore: 0,\n totalWinnings: 0,\n lastPlayed: null,\n hasWinningTickets: false\n });\n const [twitterUsername, setTwitterUsername] = useState(null);\n const [isAdmin, setIsAdmin] = useState(false);\n const [txnProgress, setTxnProgress] = useState({\n show: false,\n stage: 'preparing',\n error: null,\n onComplete: null\n });\n const [gameState, setGameState] = useState({\n meterValue: 0,\n isRunning: false,\n hasPlayed: false,\n score: null,\n canClaim: false\n });\n const [showPrizeNotification, setShowPrizeNotification] = useState(false);\n const [prizeNotificationDismissed, setPrizeNotificationDismissed] = useState(false);\n const [checkingPrizes, setCheckingPrizes] = useState(false);\n const [checkProgress, setCheckProgress] = useState(0);\n const [claimingPrize, setClaimingPrize] = useState(false);\n const [claimProgress, setClaimProgress] = useState(0);\n const fetchUnclaimedWinnings = useCallback(async (showAnimation = false) => {\n if (!devbaseClient || !userWallet) return;\n try {\n setError('');\n if (showAnimation) {\n setCheckingPrizes(true);\n setCheckProgress(10);\n const progressInterval = setInterval(() => {\n setCheckProgress(prev => {\n if (prev >= 95) {\n clearInterval(progressInterval);\n return prev;\n }\n return prev + Math.random() * 4 + 1;\n });\n }, 120);\n setTimeout(() => clearInterval(progressInterval), 10000);\n }\n let allTickets = [];\n try {\n allTickets = await Promise.race([devbaseClient.listEntities('tickets', {\n userId: userWallet\n }), new Promise((_, reject) => setTimeout(() => reject(new Error('Ticket fetch timeout')), 3500))]);\n if (showAnimation) setCheckProgress(40);\n } catch (err) {\n console.log(`Initial ticket fetch failed, using faster fallback method:`, err);\n allTickets = await devbaseClient.listEntities('tickets', {\n userId: userWallet\n });\n }\n if (pastTournaments.length > 0) {\n const unclaimed = [];\n if (showAnimation) setCheckProgress(60);\n const tournamentPromises = pastTournaments.map(async tournament => {\n if (showAnimation && checkProgress >= 95) return [];\n let tournamentData = tournament;\n const userTicketsForTournament = allTickets.filter(t => t.tournamentId === tournamentData.id && !t.claimed);\n if (userTicketsForTournament.length > 0) {\n let allTournamentTickets;\n try {\n allTournamentTickets = await Promise.race([devbaseClient.listEntities('tickets', {\n tournamentId: tournamentData.id\n }), new Promise((_, reject) => setTimeout(() => reject(new Error('Tournament tickets fetch timeout')), 2500))]);\n } catch (err) {\n console.log(`Fast tournament tickets fetch failed for ${tournamentData.id}, falling back:`, err);\n allTournamentTickets = await devbaseClient.listEntities('tickets', {\n tournamentId: tournamentData.id\n });\n }\n const sortedTickets = allTournamentTickets.sort((a, b) => Math.abs(a.score) - Math.abs(b.score));\n const winningTickets = userTicketsForTournament.flatMap(ticket => {\n const userRank = sortedTickets.findIndex(t => t.id === ticket.id);\n if (userRank > -1 && userRank < tournamentData.numWinners) {\n let totalPoolValue = typeof tournamentData.totalPool === 'number' ? tournamentData.totalPool : parseFloat(String(tournamentData.totalPool || '0').replace(/[^0-g.]/g, '')) || 0;\n const totalPrize = totalPoolValue * 0.9;\n let prizeAmount;\n if (tournamentData.numWinners === 1) {\n prizeAmount = totalPrize;\n } else if (userRank === 0) {\n prizeAmount = totalPrize * 0.5;\n } else if (userRank === 1) {\n prizeAmount = totalPrize * 0.3;\n } else {\n const remainingWinners = tournamentData.numWinners - 2;\n prizeAmount = totalPrize * 0.2 / Math.max(1, remainingWinners);\n }\n return [{\n tournamentId: tournamentData.id,\n tournamentTitle: tournamentData.title,\n ticketId: ticket.id,\n score: ticket.score,\n rank: userRank + 1,\n prize: Math.max(0, prizeAmount || 0),\n endedAt: tournamentData.endTime,\n totalPool: tournamentData.totalPool\n }];\n }\n return [];\n });\n return winningTickets;\n }\n return [];\n });\n const allWinningTickets = await Promise.all(tournamentPromises);\n allWinningTickets.forEach(tickets => {\n unclaimed.push(...tickets);\n });\n setUnclaimedWinnings(unclaimed);\n if (showAnimation) setCheckProgress(100);\n if (unclaimed.length > 0) {\n setUserStats(prev => ({\n ...prev,\n hasWinningTickets: true\n }));\n if (view === 'profile' && !prizeNotificationDismissed) {\n setTimeout(() => {\n setShowPrizeNotification(true);\n }, 200);\n }\n }\n }\n if (showAnimation) {\n setCheckProgress(100);\n setTimeout(() => {\n setCheckingPrizes(false);\n if (unclaimedWinnings.length === 0) {\n setSuccessMessage(\"No unclaimed prizes found. Keep playing to win!\");\n setTimeout(() => setSuccessMessage(''), 2000);\n }\n }, 200);\n }\n } catch (err) {\n console.error(\"Error fetching unclaimed winnings:\", err);\n }\n }, [devbaseClient, userWallet, pastTournaments, view]);\n const [adminSettings, setAdminSettings] = useState({\n minTicketPrice: 0.001,\n numWinners: 3,\n endTime: Date.now() + 86400000,\n title: '',\n imageUrl: ''\n });\n const [leaderboard, setLeaderboard] = useState([]);\n const [error, setError] = useState('');\n const [walletError, setWalletError] = useState(false);\n const [currentPage, setCurrentPage] = useState(0);\n const [showDeleteConfirm, setShowDeleteConfirm] = useState(null);\n const ADMIN_WALLET = '6SxLVfFovSjR2LAFcJ5wfT6RFjc8GxsscRekGnLq8BMe';\n const fetchTournaments = useCallback(async () => {\n if (!devbaseClient) return;\n try {\n let attempts = 0;\n let allTournaments = [];\n while (attempts < 3) {\n try {\n allTournaments = await devbaseClient.listEntities('tournaments');\n break;\n } catch (retryErr) {\n attempts++;\n console.log(`Tournament fetch attempt ${attempts} failed:`, retryErr);\n if (attempts >= 3) throw retryErr;\n await new Promise(resolve => setTimeout(resolve, 1500 * attempts));\n }\n }\n const formattedTournaments = allTournaments.map(t => ({\n ...t,\n totalPool: typeof t.totalPool === 'number' ? parseFloat(t.totalPool.toFixed(6)) : parseFloat((t.totalPool || 0).toFixed(6))\n }));\n const active = formattedTournaments.filter(t => t.isActive);\n const past = formattedTournaments.filter(t => !t.isActive);\n setTournaments(formattedTournaments);\n setActiveTournaments(active);\n setPastTournaments(past);\n if (active.length > 0 && !selectedTournament) {\n setSelectedTournament(active[0]);\n } else if (selectedTournament) {\n const updatedTournament = formattedTournaments.find(t => t.id === selectedTournament.id);\n if (updatedTournament) {\n setSelectedTournament(updatedTournament);\n }\n }\n } catch (err) {\n console.error(\"Error fetching tournaments:\", err);\n }\n }, [devbaseClient, selectedTournament]);\n useEffect(() => {\n if (userWallet) {\n setIsAdmin(userWallet === ADMIN_WALLET);\n setWalletError(false);\n }\n }, [userWallet]);\n useEffect(() => {\n if (selectedTournament && view !== 'admin') {\n setAdminSettings(prev => ({\n ...prev,\n endTime: selectedTournament.endTime\n }));\n }\n }, [selectedTournament, view]);\n useEffect(() => {\n if (view === 'admin') {\n setAdminSettings(prev => ({\n ...prev,\n endTime: Date.now() + 86400000\n }));\n }\n }, [view]);\n const [manuallySelected, setManuallySelected] = useState(false);\n useEffect(() => {\n if (view !== 'home') {\n setManuallySelected(false);\n setShowTournamentDetails(false);\n }\n }, [view]);\n useEffect(() => {\n if (view === 'profile' && userWallet) {\n fetchUnclaimedWinnings(false);\n } else if (view !== 'profile') {\n setShowPrizeNotification(false);\n }\n }, [view, userWallet, fetchUnclaimedWinnings]);\n useEffect(() => {\n if (userWallet) {\n setPrizeNotificationDismissed(false);\n }\n }, [userWallet]);\n useEffect(() => {\n if (view === 'home' && selectedTournament && !selectedTournament.isActive && !manuallySelected) {\n setSelectedTournament(null);\n setShowTournamentDetails(false);\n }\n }, [view, manuallySelected]);\n const shareOnX = useCallback((score, rank) => {\n if (!userWallet || !selectedTournament) return;\n const tournamentInfo = `ZERO.FUN Tournament`;\n const scoreText = `I scored ${score.toFixed(4)} points`;\n const rankText = rank ? ` and ranked #${rank}` : '';\n const message = `${tournamentInfo}: ${scoreText}${rankText}! Can you get closer to zero? Play now at zero.fun #ZeroFun #PlayToEarn`;\n const url = `https://twitter.com/intent/tweet?text=${encodeURIComponent(message)}`;\n openLink(url);\n }, [userWallet, selectedTournament]);\n const fetchUserTickets = useCallback(async () => {\n if (!devbaseClient || !userWallet) return;\n try {\n let allTickets = [];\n let success = false;\n for (let attempt = 0; attempt < 3; attempt++) {\n try {\n allTickets = await devbaseClient.listEntities('tickets', {\n userId: userWallet\n });\n success = true;\n break;\n } catch (err) {\n console.log(`User tickets fetch attempt ${attempt + 1} failed:`, err);\n await new Promise(resolve => setTimeout(resolve, 1000 * (attempt + 1)));\n }\n }\n if (!success && userTickets.length > 0) {\n console.log(\"Using cached user tickets data due to network error\");\n } else if (selectedTournament) {\n const tickets = allTickets.filter(t => t.tournamentId === selectedTournament.id);\n setUserTickets(tickets);\n if (tickets.length > 0) {\n setGameState(prev => ({\n ...prev,\n hasPlayed: true,\n score: tickets[0].score\n }));\n } else {\n setGameState(prev => ({\n ...prev,\n hasPlayed: false,\n score: null\n }));\n }\n }\n await fetchUnclaimedWinnings(false);\n } catch (err) {\n console.error(\"Error fetching user tickets:\", err);\n }\n }, [devbaseClient, userWallet, selectedTournament, fetchUnclaimedWinnings]);\n useEffect(() => {\n if (userWallet) {\n fetchUnclaimedWinnings(false);\n }\n }, [userWallet, fetchUnclaimedWinnings]);\n const fetchUserStats = useCallback(async () => {\n if (!devbaseClient || !userWallet) return;\n try {\n const allUserTickets = await devbaseClient.listEntities('tickets', {\n userId: userWallet\n });\n const userClaims = await devbaseClient.listEntities('claims', {\n userId: userWallet,\n isProtocolFee: false\n });\n let hasWinningTickets = false;\n if (unclaimedWinnings.length > 0) {\n hasWinningTickets = true;\n }\n if (allUserTickets.length > 0) {\n const scores = allUserTickets.map(t => Math.abs(t.score));\n const bestScore = Math.min(...scores);\n const avgScore = scores.reduce((a, b) => a + b, 0) / scores.length;\n const totalWinnings = userClaims.reduce((sum, claim) => sum + claim.amount, 0);\n const lastPlayed = Math.max(...allUserTickets.map(t => t.createdAt || 0));\n setUserStats({\n gamesPlayed: allUserTickets.length,\n bestScore: bestScore,\n avgScore: avgScore,\n totalWinnings: totalWinnings,\n lastPlayed: lastPlayed > 0 ? new Date(lastPlayed) : null,\n hasWinningTickets: hasWinningTickets\n });\n }\n } catch (err) {\n console.error(\"Error fetching user stats:\", err);\n }\n }, [devbaseClient, userWallet, unclaimedWinnings.length]);\n const checkTwitterConnection = useCallback(async () => {\n if (!devbaseClient || !userWallet) return;\n try {\n const username = await devbaseClient.evalString('$USER_X_USERNAME');\n if (username && username !== 'undefined' && username !== 'null') {\n setTwitterUsername(username);\n } else {\n setTwitterUsername(null);\n }\n } catch (err) {\n console.error(\"Error checking Twitter connection:\", err);\n setTwitterUsername(null);\n }\n }, [devbaseClient, userWallet]);\n const connectTwitter = useCallback(() => {\n if (!userWallet) {\n setError('Please connect your wallet first');\n return;\n }\n const twitterLoginUrl = `https://oauth.dev.fun/twitter/login/4a1dae9202eaf46b95cb/${userWallet}`;\n openLink(twitterLoginUrl);\n }, [userWallet, setError]);\n const fetchLeaderboard = useCallback(async () => {\n if (!devbaseClient) return;\n try {\n if (selectedTournament) {\n let tickets = [];\n let fetchSuccess = false;\n for (let i = 0; i < 3; i++) {\n try {\n tickets = await devbaseClient.listEntities('tickets', {\n tournamentId: selectedTournament.id\n });\n fetchSuccess = true;\n break;\n } catch (err) {\n console.log(`Leaderboard fetch attempt ${i + 1} failed:`, err);\n if (i < 2) await new Promise(r => setTimeout(r, 1200 * (i + 1)));\n }\n }\n if (!fetchSuccess && leaderboard.length > 0) {\n console.log(\"Using cached leaderboard data due to network issues\");\n tickets = leaderboard.filter(t => t.tournamentId === selectedTournament.id);\n }\n const sortedTickets = tickets.sort((a, b) => {\n return Math.abs(a.score) - Math.abs(b.score);\n });\n setLeaderboard(sortedTickets);\n if (userWallet && selectedTournament && !selectedTournament.isActive) {\n const userTicket = tickets.find(t => t.userId === userWallet);\n if (userTicket) {\n const userRank = sortedTickets.findIndex(t => t.id === userTicket.id);\n if (userRank < selectedTournament.numWinners && !userTicket.claimed) {\n setGameState(prev => ({\n ...prev,\n canClaim: true\n }));\n }\n }\n }\n } else if (view === 'history') {\n const allTickets = await devbaseClient.listEntities('tickets');\n setLeaderboard(allTickets);\n }\n } catch (err) {\n console.error(\"Error fetching leaderboard:\", err);\n }\n }, [devbaseClient, selectedTournament, userWallet, view]);\n useEffect(() => {\n fetchTournaments().catch(err => {\n console.log(\"Initial tournament fetch failed:\", err);\n setTimeout(() => fetchTournaments(), 3000);\n });\n const autoRefreshInterval = setInterval(() => {\n fetchTournaments().catch(err => {\n console.log(\"Auto-refresh tournament fetch failed:\", err);\n });\n }, 15000);\n return () => clearInterval(autoRefreshInterval);\n }, [fetchTournaments, isAdmin, userWallet]);\n useEffect(() => {\n if (selectedTournament && userWallet) {\n fetchUserTickets();\n fetchLeaderboard();\n const liveUpdateInterval = setInterval(() => {\n fetchUserTickets();\n fetchLeaderboard();\n if (selectedTournament && selectedTournament.id) {\n const refreshSelectedTournament = async () => {\n try {\n if (devbaseClient) {\n const freshTournament = await devbaseClient.getEntity('tournaments', selectedTournament.id);\n if (freshTournament) {\n setSelectedTournament(freshTournament);\n }\n }\n } catch (err) {\n console.error(\"Error refreshing selected tournament:\", err);\n }\n };\n refreshSelectedTournament();\n }\n }, 10000);\n return () => clearInterval(liveUpdateInterval);\n } else if (view === 'history' && userWallet) {\n fetchUserTickets();\n const fetchAllLeaderboards = async () => {\n if (!devbaseClient) return;\n const allTickets = await devbaseClient.listEntities('tickets');\n setLeaderboard(allTickets);\n };\n fetchAllLeaderboards();\n const historyUpdateInterval = setInterval(() => {\n fetchUserTickets();\n fetchAllLeaderboards();\n }, 20000);\n return () => clearInterval(historyUpdateInterval);\n }\n }, [selectedTournament?.id, userWallet, fetchUserTickets, fetchLeaderboard, view, devbaseClient]);\n useEffect(() => {\n if (userWallet) {\n fetchUserStats();\n checkTwitterConnection();\n }\n }, [userWallet, fetchUserStats, checkTwitterConnection]);\n useEffect(() => {\n if (view === 'profile' && userWallet) {\n checkTwitterConnection();\n }\n const handleFocus = () => {\n if (userWallet) {\n checkTwitterConnection();\n }\n };\n window.addEventListener('focus', handleFocus);\n return () => window.removeEventListener('focus', handleFocus);\n }, [view, userWallet, checkTwitterConnection]);\n const [isCreatingTournament, setIsCreatingTournament] = useState(false);\n const [creationProgress, setCreationProgress] = useState(0);\n const createTournament = async () => {\n if (!devbaseClient || !isAdmin) return;\n const activeTourn = await devbaseClient.listEntities('tournaments', {\n isActive: true\n });\n if (activeTourn.length > 0) {\n setError('There is already an active tournament. Only one tournament can be active at a time.');\n return false;\n }\n let settings = adminSettings;\n if (!settings.title || settings.title.trim() === '') {\n setError('Tournament title is required');\n return false;\n }\n if (Date.now() >= settings.endTime) {\n setError('End time must be in the future');\n return false;\n }\n if (settings.numWinners < 1) {\n setError('Number of winners must be at least 1');\n return false;\n }\n if (settings.minTicketPrice <= 0) {\n setError('Ticket price must be greater than 0');\n return false;\n }\n setIsCreatingTournament(true);\n setCreationProgress(10);\n try {\n const {\n imageUrl\n } = settings;\n if (imageUrl && imageUrl.length > 1000) {\n setError('Image URL is too long. Please use a shorter URL.');\n setIsCreatingTournament(false);\n return false;\n }\n setCreationProgress(30);\n await new Promise(resolve => setTimeout(resolve, 300));\n const newTournament = {\n minTicketPrice: settings.minTicketPrice,\n numWinners: settings.numWinners,\n isActive: true,\n startTime: Date.now(),\n endTime: settings.endTime,\n totalPool: 0.0,\n title: settings.title || 'ZERO TOURNAMENT',\n imageUrl: settings.imageUrl\n };\n setCreationProgress(60);\n await new Promise(resolve => setTimeout(resolve, 200));\n console.log(\"Creating tournament with settings:\", newTournament);\n await devbaseClient.createEntity('tournaments', newTournament);\n setCreationProgress(90);\n await new Promise(resolve => setTimeout(resolve, 200));\n setError('');\n await fetchTournaments();\n setCreationProgress(100);\n await new Promise(resolve => setTimeout(resolve, 300));\n await fetchTournaments();\n setIsCreatingTournament(false);\n setAdminSettings({\n minTicketPrice: 0.001,\n numWinners: 3,\n endTime: Date.now() + 86400000,\n title: '',\n imageUrl: ''\n });\n setView('home');\n setManuallySelected(false);\n setShowTournamentDetails(false);\n return true;\n } catch (err) {\n console.error(\"Error creating tournament:\", err);\n if (err.message) {\n setError(`Tournament creation failed: ${err.message}`);\n } else {\n setError('Failed to create tournament. Please check your inputs and try again.');\n }\n setIsCreatingTournament(false);\n setCreationProgress(0);\n return false;\n }\n };\n const endTournament = async tournamentId => {\n if (!devbaseClient || !isAdmin) return;\n try {\n const tournament = tournaments.find(t => t.id === tournamentId);\n if (!tournament) {\n setError('Tournament not found');\n return;\n }\n const currentTournament = await devbaseClient.getEntity('tournaments', tournament.id);\n if (currentTournament && !currentTournament.isActive) {\n setError('Tournament is already ended');\n await fetchTournaments();\n return;\n }\n await devbaseClient.updateEntity('tournaments', tournament.id, {\n ...tournament,\n isActive: false\n });\n const existingFees = await devbaseClient.listEntities('claims', {\n tournamentId: tournament.id,\n isProtocolFee: true\n });\n if (existingFees.length === 0) {\n const protocolFee = tournament.totalPool * 0.1;\n await devbaseClient.createEntity('claims', {\n tournamentId: tournament.id,\n amount: protocolFee,\n isProtocolFee: true,\n userId: ADMIN_WALLET,\n processed: false\n });\n }\n setError('');\n await fetchTournaments();\n } catch (err) {\n console.error(\"Error ending tournament:\", err);\n setError('Failed to end tournament');\n }\n };\n const [deletionProgress, setDeletionProgress] = useState(0);\n const [isDeleting, setIsDeleting] = useState(false);\n const [successMessage, setSuccessMessage] = useState('');\n const confirmDeleteTournament = async tournamentId => {\n if (!devbaseClient || !isAdmin) return;\n setIsDeleting(true);\n setDeletionProgress(10);\n try {\n setShowDeleteConfirm(null);\n setError('');\n setDeletionProgress(30);\n await new Promise(resolve => setTimeout(resolve, 300));\n setDeletionProgress(60);\n await devbaseClient.deleteEntity('tournaments', tournamentId);\n setDeletionProgress(80);\n await new Promise(resolve => setTimeout(resolve, 200));\n await fetchTournaments();\n setDeletionProgress(100);\n await new Promise(resolve => setTimeout(resolve, 200));\n setSuccessMessage('Tournament deleted successfully');\n setTimeout(() => setSuccessMessage(''), 3000);\n setIsDeleting(false);\n } catch (err) {\n console.error(\"Error deleting tournament:\", err);\n setError('Failed to delete tournament: ' + (err.message || 'Unknown error'));\n setIsDeleting(false);\n }\n };\n const updateTournamentEndTime = async () => {\n if (!devbaseClient || !isAdmin || !selectedTournament) return;\n if (adminSettings.endTime <= Date.now()) {\n setError('End time must be in the future');\n return;\n }\n try {\n await devbaseClient.updateEntity('tournaments', selectedTournament.id, {\n ...selectedTournament,\n endTime: adminSettings.endTime\n });\n setError('');\n await fetchTournaments();\n } catch (err) {\n console.error(\"Error updating tournament end time:\", err);\n setError('Failed to update tournament end time');\n }\n };\n const autoEndExpiredTournaments = useCallback(async () => {\n if (!devbaseClient) return;\n const expiredTournaments = activeTournaments.filter(t => t.isActive && t.endTime < Date.now());\n if (expiredTournaments.length > 0) {\n try {\n for (const tournament of expiredTournaments) {\n try {\n await devbaseClient.updateEntity('tournaments', tournament.id, {\n ...tournament,\n isActive: false\n });\n console.log(`Tournament ${tournament.id} automatically ended at scheduled time`);\n } catch (err) {\n console.error(`Error auto-ending tournament ${tournament.id}:`, err);\n }\n }\n await fetchTournaments();\n } catch (err) {\n console.error(\"Error processing expired tournaments:\", err);\n }\n }\n }, [devbaseClient, activeTournaments, fetchTournaments]);\n const checkTournamentStatus = useCallback(async () => {\n if (!devbaseClient) return;\n try {\n await autoEndExpiredTournaments();\n } catch (err) {\n console.log(\"Error in autoEndExpiredTournaments:\", err);\n }\n const expiredTournaments = tournaments.filter(t => t.isActive && t.endTime < Date.now());\n if (expiredTournaments.length > 0) {\n try {\n for (const tournament of expiredTournaments) {\n try {\n const refreshedTournament = await devbaseClient.getEntity('tournaments', tournament.id);\n if (refreshedTournament && refreshedTournament.isActive) {\n try {\n await devbaseClient.updateEntity('tournaments', tournament.id, {\n ...tournament,\n isActive: false\n });\n console.log(`Tournament ${tournament.id} automatically ended.`);\n } catch (updateErr) {\n console.log(`Failed to update tournament ${tournament.id} status:`, updateErr);\n }\n }\n } catch (fetchErr) {\n console.log(`Failed to fetch tournament ${tournament.id} for status check:`, fetchErr);\n }\n }\n await fetchTournaments();\n } catch (err) {\n console.error(\"Error ending expired tournaments:\", err);\n }\n }\n if (isAdmin) {\n const manualEndTournaments = activeTournaments.filter(t => t.isActive && (t.endTime < Date.now() || t.forceEnd));\n if (manualEndTournaments.length > 0) {\n try {\n for (const tournament of manualEndTournaments) {\n const refreshedTournament = await devbaseClient.getEntity('tournaments', tournament.id);\n if (refreshedTournament && refreshedTournament.isActive) {\n await endTournament(tournament.id);\n console.log(`Tournament ${tournament.id} manually ended.`);\n }\n }\n } catch (err) {\n console.error(\"Error ending expired tournaments manually:\", err);\n }\n }\n }\n }, [devbaseClient, tournaments, activeTournaments, isAdmin, fetchTournaments, endTournament, autoEndExpiredTournaments]);\n useEffect(() => {\n checkTournamentStatus();\n const intervalId = setInterval(checkTournamentStatus, 15000);\n const handleVisibilityChange = () => {\n if (document.visibilityState === 'visible') {\n fetchTournaments();\n if (selectedTournament) {\n fetchLeaderboard();\n fetchUserTickets();\n }\n }\n };\n document.addEventListener('visibilitychange', handleVisibilityChange);\n return () => {\n clearInterval(intervalId);\n document.removeEventListener('visibilitychange', handleVisibilityChange);\n };\n }, [checkTournamentStatus, fetchTournaments, fetchLeaderboard, fetchUserTickets, selectedTournament]);\n const claimPrize = async (tournamentId, ticketId) => {\n if (!devbaseClient) {\n setError('Connection error. Please try again.');\n return;\n }\n if (!userWallet) {\n setError('Please connect your wallet to claim your prize');\n setWalletError(true);\n return;\n }\n setClaimingPrize(true);\n setClaimProgress(10);\n const progressInterval = setInterval(() => {\n setClaimProgress(prev => {\n if (prev >= 95) {\n clearInterval(progressInterval);\n return prev;\n }\n return prev + Math.random() * 3 + 1;\n });\n }, 100);\n setTimeout(() => clearInterval(progressInterval), 10000);\n let ticketToUpdate;\n let transactionSucceeded = false;\n try {\n const [tournament, userTicket] = await Promise.all([devbaseClient.getEntity('tournaments', tournamentId), ticketId ? devbaseClient.getEntity('tickets', ticketId) : null]);\n if (!tournament) {\n setError('Tournament information not found');\n setClaimingPrize(false);\n clearInterval(progressInterval);\n return;\n }\n setClaimProgress(50);\n console.log(\"Claiming prize from tournament:\", tournament.id, \"with pool:\", tournament.totalPool);\n let finalUserTicket = userTicket;\n if (!finalUserTicket && userTickets.length > 0) {\n finalUserTicket = userTickets.find(t => t.tournamentId === tournamentId);\n }\n setClaimProgress(60);\n if (!finalUserTicket) {\n setError('No ticket found for this tournament');\n clearInterval(progressInterval);\n return;\n }\n ticketToUpdate = finalUserTicket;\n if (finalUserTicket.claimed) {\n setError('You have already claimed your prize.');\n clearInterval(progressInterval);\n return;\n }\n setTxnProgress({\n show: true,\n stage: 'preparing',\n error: null\n });\n const tickets = await devbaseClient.listEntities('tickets', {\n tournamentId: tournament.id\n });\n const sortedTickets = tickets.sort((a, b) => Math.abs(a.score) - Math.abs(b.score));\n const userRank = sortedTickets.findIndex(t => t.id === finalUserTicket.id);\n if (userRank >= tournament.numWinners) {\n setError('Sorry, you are not a winner in this tournament.');\n clearInterval(progressInterval);\n return;\n }\n setError('');\n const totalPoolValue = typeof tournament.totalPool === 'number' ? tournament.totalPool : parseFloat(String(tournament.totalPool || '0').replace(/[^0-9.]/g, '')) || 0;\n const totalPrize = totalPoolValue * 0.9;\n let prizeAmount;\n if (tournament.numWinners === 1) {\n prizeAmount = totalPrize;\n } else if (userRank === 0) {\n prizeAmount = totalPrize * 0.5;\n } else if (userRank === 1) {\n prizeAmount = totalPrize * 0.3;\n } else {\n const remainingWinners = tournament.numWinners - 2;\n prizeAmount = totalPrize * 0.2 / Math.max(1, remainingWinners);\n }\n prizeAmount = Math.max(0, prizeAmount || 0);\n setTxnProgress(prev => ({\n ...prev,\n stage: 'approval'\n }));\n setClaimProgress(70);\n const [claimResult, _] = await Promise.allSettled([devbaseClient.createEntity('claims', {\n tournamentId: tournament.id,\n amount: prizeAmount,\n isProtocolFee: false,\n userId: userWallet,\n processed: false\n }), devbaseClient.updateEntity('tickets', ticketToUpdate.id, {\n ...ticketToUpdate,\n claimed: true\n }).catch(err => console.log(\"Early ticket update failed, will retry:\", err))]);\n transactionSucceeded = claimResult.status === 'fulfilled';\n if (!transactionSucceeded && claimResult.reason?.message?.includes('Transaction validation failed')) {\n console.log(\"Transaction appears to have succeeded despite validation error\");\n transactionSucceeded = true;\n }\n setClaimProgress(80);\n setTxnProgress(prev => ({\n ...prev,\n stage: 'sending'\n }));\n if (transactionSucceeded) {\n if (!_?.value) {\n try {\n await devbaseClient.updateEntity('tickets', ticketToUpdate.id, {\n ...ticketToUpdate,\n claimed: true\n });\n } catch (updateErr) {\n console.log(\"Fallback ticket update also failed, but prize claim succeeded:\", updateErr);\n }\n }\n setClaimProgress(90);\n setGameState(prev => ({\n ...prev,\n canClaim: false\n }));\n if (ticketToUpdate) {\n setUnclaimedWinnings(prev => prev.filter(win => !(win.tournamentId === tournamentId && win.ticketId === ticketToUpdate.id)));\n }\n setShowPrizeNotification(false);\n }\n setClaimProgress(95);\n setTxnProgress(prev => ({\n ...prev,\n stage: 'confirming'\n }));\n await new Promise(resolve => setTimeout(resolve, 500));\n setTxnProgress(prev => ({\n ...prev,\n stage: 'complete',\n onComplete: () => {\n setGameState(prev => ({\n ...prev,\n canClaim: false\n }));\n fetchUserTickets();\n fetchUnclaimedWinnings();\n }\n }));\n setClaimProgress(100);\n setTimeout(() => {\n if (txnProgress.onComplete) {\n txnProgress.onComplete();\n }\n setTxnProgress(prev => ({\n ...prev,\n show: false,\n onComplete: null\n }));\n }, 1000);\n setError('');\n } catch (err) {\n console.error(\"Error claiming prize:\", err);\n const errorDetails = err.message || 'Unknown error';\n console.log(\"Error details:\", errorDetails);\n if (errorDetails.includes('Transaction validation failed')) {\n console.log(\"Handling successful transaction with validation error\");\n transactionSucceeded = true;\n setTxnProgress(prev => ({\n ...prev,\n stage: 'confirming'\n }));\n setClaimProgress(85);\n try {\n if (ticketToUpdate) {\n await devbaseClient.updateEntity('tickets', ticketToUpdate.id, {\n ...ticketToUpdate,\n claimed: true\n });\n setUnclaimedWinnings(prev => prev.filter(win => !(win.tournamentId === tournamentId && win.ticketId === ticketToUpdate.id)));\n }\n } catch (ticketErr) {\n console.warn(\"Failed to mark ticket as claimed, but payment may be successful:\", ticketErr);\n }\n await new Promise(resolve => setTimeout(resolve, 1000));\n setTxnProgress(prev => ({\n ...prev,\n stage: 'complete'\n }));\n setGameState(prev => ({\n ...prev,\n canClaim: false\n }));\n await fetchUserTickets();\n setTimeout(() => {\n if (txnProgress.onComplete) {\n txnProgress.onComplete();\n setTxnProgress(prev => ({\n ...prev,\n show: false,\n onComplete: null\n }));\n } else {\n setTxnProgress(prev => ({\n ...prev,\n show: false\n }));\n }\n }, 2000);\n return;\n }\n if (err.message && (err.message.includes('User rejected') || err.message.includes('rejected the request') || err.message.includes('Transaction was not confirmed'))) {\n setWalletError(true);\n setError('Wallet transaction was rejected. Your prize was not claimed.');\n setTxnProgress(prev => ({\n ...prev,\n stage: 'approval',\n error: 'Transaction was rejected by wallet'\n }));\n } else if (err.message && err.message.includes('timeout')) {\n setError('Transaction timed out. Please try again.');\n setTxnProgress(prev => ({\n ...prev,\n stage: 'confirming',\n error: 'Transaction timed out'\n }));\n } else {\n setError(`Failed to claim prize: ${errorDetails}. Please try again.`);\n setTxnProgress(prev => ({\n ...prev,\n error: 'Transaction failed: ' + errorDetails\n }));\n }\n setTimeout(() => {\n setTxnProgress(prev => ({\n ...prev,\n show: false\n }));\n }, 3000);\n } finally {\n setTimeout(() => {\n setClaimingPrize(false);\n setClaimProgress(0);\n }, 500);\n }\n };\n const buyTicket = async () => {\n if (!devbaseClient) {\n setError('Connection error. Please try again.');\n return;\n }\n if (!userWallet) {\n setError('Please connect your wallet to play');\n setWalletError(true);\n return;\n }\n if (!selectedTournament) {\n setError('No tournament selected. Please select a tournament first.');\n return;\n }\n if (userTickets.length > 0) {\n setError('You already have a ticket for this tournament!');\n return;\n }\n if (selectedTournament.endTime < Date.now() || !selectedTournament.isActive) {\n setError('This tournament has ended!');\n return;\n }\n setGameState(prev => ({\n ...prev,\n isRunning: true,\n meterValue: -100\n }));\n setView('game');\n };\n const submitScore = async score => {\n if (!devbaseClient) {\n setError('Connection error. Please try again later.');\n setGameState(prev => ({\n ...prev,\n isRunning: false\n }));\n return;\n }\n if (!userWallet) {\n setError('Please connect your wallet to submit your score');\n setWalletError(true);\n setGameState(prev => ({\n ...prev,\n isRunning: false\n }));\n return;\n }\n if (!selectedTournament) {\n setError('Tournament has ended or is no longer active.');\n setGameState(prev => ({\n ...prev,\n isRunning: false\n }));\n return;\n }\n let freshTournament;\n try {\n try {\n freshTournament = await devbaseClient.getEntity('tournaments', selectedTournament.id);\n if (freshTournament) {\n setSelectedTournament(freshTournament);\n console.log(\"Fresh tournament data before ticket creation:\", freshTournament);\n }\n } catch (err) {\n console.log(\"Non-critical error refreshing tournament before score submission:\", err);\n }\n setTxnProgress({\n show: true,\n stage: 'preparing',\n error: null\n });\n freshTournament = await devbaseClient.getEntity('tournaments', selectedTournament.id);\n if (!freshTournament || !freshTournament.isActive) {\n setError('Tournament has ended or is no longer active.');\n setGameState(prev => ({\n ...prev,\n isRunning: false\n }));\n setTxnProgress(prev => ({\n ...prev,\n show: false\n }));\n return;\n }\n const ticketPrice = freshTournament.minTicketPrice || 0.001;\n const ticket = {\n tournamentId: selectedTournament.id,\n score: score,\n claimed: false,\n userId: userWallet,\n price: ticketPrice\n };\n setError('');\n setTimeout(() => {\n setTxnProgress(prev => ({\n ...prev,\n stage: 'approval'\n }));\n }, 1000);\n const createdTicket = await devbaseClient.createEntity('tickets', ticket);\n console.log(\"Ticket created successfully:\", createdTicket);\n setGameState(prev => ({\n ...prev,\n hasPlayed: true,\n score: score,\n isRunning: false\n }));\n setTxnProgress(prev => ({\n ...prev,\n stage: 'sending'\n }));\n try {\n const currentTournament = await devbaseClient.getEntity('tournaments', selectedTournament.id);\n if (currentTournament) {\n const exactTicketPrice = parseFloat(ticketPrice.toString());\n const newTotalPool = currentTournament.totalPool + exactTicketPrice;\n console.log(\"POOL UPDATE - Current pool:\", currentTournament.totalPool, \"SOL\");\n console.log(\"POOL UPDATE - Ticket price:\", exactTicketPrice, \"SOL\");\n console.log(\"POOL UPDATE - New pool total:\", newTotalPool, \"SOL\");\n try {\n const updatedTournament = await devbaseClient.updateEntity('tournaments', selectedTournament.id, {\n ...currentTournament,\n totalPool: newTotalPool\n });\n console.log(\"POOL UPDATE - Tournament pool updated successfully to:\", typeof updatedTournament.totalPool === 'number' ? updatedTournament.totalPool : parseFloat(updatedTournament.totalPool || '0'), \"SOL\");\n const formattedTotalPool = parseFloat(newTotalPool.toFixed(6));\n setSelectedTournament(prev => ({\n ...prev,\n totalPool: formattedTotalPool\n }));\n setTournaments(prevTournaments => prevTournaments.map(t => t.id === selectedTournament.id ? {\n ...t,\n totalPool: formattedTotalPool\n } : t));\n setActiveTournaments(prevActive => prevActive.map(t => t.id === selectedTournament.id ? {\n ...t,\n totalPool: formattedTotalPool\n } : t));\n } catch (updateError) {\n console.error(\"Failed to update tournament pool:\", updateError);\n const formattedTotalPool = parseFloat(newTotalPool.toFixed(6));\n setSelectedTournament(prev => ({\n ...prev,\n totalPool: formattedTotalPool\n }));\n setTournaments(prevTournaments => prevTournaments.map(t => t.id === selectedTournament.id ? {\n ...t,\n totalPool: formattedTotalPool\n } : t));\n setActiveTournaments(prevActive => prevActive.map(t => t.id === selectedTournament.id ? {\n ...t,\n totalPool: formattedTotalPool\n } : t));\n }\n await fetchTournaments();\n } else {\n console.error(\"Tournament not found for pool update\");\n }\n } catch (poolError) {\n console.error(\"Error updating tournament pool:\", poolError);\n await fetchTournaments();\n }\n setTxnProgress(prev => ({\n ...prev,\n stage: 'complete',\n onComplete: () => {\n setGameState(prev => ({\n ...prev,\n hasPlayed: true,\n score: score,\n isRunning: false\n }));\n fetchTournaments();\n fetchUserTickets();\n fetchLeaderboard();\n setView('home');\n }\n }));\n setGameState(prev => ({\n ...prev,\n hasPlayed: true,\n score: score,\n isRunning: false\n }));\n try {\n await fetchTournaments();\n if (selectedTournament) {\n const freshData = await devbaseClient.getEntity('tournaments', selectedTournament.id);\n if (freshData) {\n setSelectedTournament(prev => ({\n ...prev,\n ...freshData\n }));\n }\n }\n } catch (fetchErr) {\n console.error(\"Error refreshing tournaments (non-critical):\", fetchErr);\n }\n try {\n await fetchUserTickets();\n } catch (fetchErr) {\n console.error(\"Error refreshing tickets (non-critical):\", fetchErr);\n }\n try {\n await fetchLeaderboard();\n } catch (fetchErr) {\n console.error(\"Error refreshing leaderboard (non-critical):\", fetchErr);\n }\n setTimeout(() => {\n setTxnProgress(prev => ({\n ...prev,\n show: false,\n onComplete: null\n }));\n setView('home');\n }, 2000);\n } catch (err) {\n console.error(\"Error submitting score:\", err);\n if (err.message && (err.message.includes('User rejected') || err.message.includes('rejected the request') || err.message.includes('Transaction was not confirmed'))) {\n setWalletError(true);\n setError('Wallet transaction was rejected. Your score was not submitted.');\n setTxnProgress(prev => ({\n ...prev,\n stage: 'approval',\n error: 'Transaction was rejected by wallet'\n }));\n } else if (err.message && err.message.includes('timeout')) {\n setError('Transaction timed out. Please try again.');\n setTxnProgress(prev => ({\n ...prev,\n stage: 'confirming',\n error: 'Transaction timed out'\n }));\n } else {\n setError('Failed to submit score. Please try again.');\n setTxnProgress(prev => ({\n ...prev,\n error: 'Transaction failed: ' + (err.message || 'Unknown error')\n }));\n }\n setTimeout(() => {\n setTxnProgress(prev => ({\n ...prev,\n show: false\n }));\n }, 3000);\n setGameState(prev => ({\n ...prev,\n isRunning: false\n }));\n }\n };\n const createProtocolFee = async (tournamentId, totalPool) => {\n if (!devbaseClient || !isAdmin) return;\n try {\n const existingFees = await devbaseClient.listEntities('claims', {\n tournamentId: tournamentId,\n isProtocolFee: true\n });\n if (existingFees.length === 0) {\n const protocolFee = totalPool * 0.1;\n await devbaseClient.createEntity('claims', {\n tournamentId: tournamentId,\n amount: protocolFee,\n isProtocolFee: true,\n userId: ADMIN_WALLET,\n processed: false\n });\n console.log(`Created protocol fee for tournament ${tournamentId}`);\n }\n } catch (err) {\n console.error(`Error creating protocol fee for tournament ${tournamentId}:`, err);\n }\n };\n const claimAdminFees = async () => {\n if (!devbaseClient) {\n setError('Connection error. Please try again.');\n return;\n }\n if (!isAdmin) {\n setError('Only admin can perform this action');\n return;\n }\n try {\n setTxnProgress({\n show: true,\n stage: 'preparing',\n error: null\n });\n setError('');\n const completedTournaments = tournaments.filter(t => !t.isActive);\n for (const tournament of completedTournaments) {\n await createProtocolFee(tournament.id, tournament.totalPool);\n }\n const claims = await devbaseClient.listEntities('claims', {\n userId: ADMIN_WALLET,\n isProtocolFee: true\n });\n const unclaimedFees = claims.filter(c => !c.processed);\n if (unclaimedFees.length === 0) {\n setError('No unclaimed fees available');\n setTxnProgress(prev => ({\n ...prev,\n show: false\n }));\n return;\n }\n const totalAmount = unclaimedFees.reduce((sum, fee) => sum + fee.amount, 0);\n const tournamentIds = unclaimedFees.map(fee => fee.tournamentId).join(',');\n setTxnProgress(prev => ({\n ...prev,\n stage: 'approval'\n }));\n await devbaseClient.createEntity('batchedFeeClaims', {\n amount: totalAmount,\n tournamentIds: tournamentIds,\n userId: ADMIN_WALLET\n });\n setTxnProgress(prev => ({\n ...prev,\n stage: 'sending'\n }));\n for (const claim of unclaimedFees) {\n await devbaseClient.updateEntity('claims', claim.id, {\n ...claim,\n processed: true\n });\n }\n setTxnProgress(prev => ({\n ...prev,\n stage: 'confirming'\n }));\n await new Promise(resolve => setTimeout(resolve, 1500));\n setTxnProgress(prev => ({\n ...prev,\n stage: 'complete'\n }));\n setError('');\n setTimeout(() => {\n setTxnProgress(prev => ({\n ...prev,\n show: false\n }));\n alert(`Successfully claimed ${unclaimedFees.length} protocol fees totaling ${totalAmount.toFixed(4)} SOL in a single transaction`);\n }, 2000);\n } catch (err) {\n console.error(\"Error claiming admin fees:\", err);\n if (err.message && (err.message.includes('User rejected') || err.message.includes('rejected the request') || err.message.includes('Transaction was not confirmed'))) {\n setWalletError(true);\n setError('Wallet transaction was rejected. Fees were not claimed.');\n setTxnProgress(prev => ({\n ...prev,\n stage: 'approval',\n error: 'Transaction was rejected by wallet'\n }));\n } else if (err.message && err.message.includes('timeout')) {\n setError('Transaction timed out. Please try again.');\n setTxnProgress(prev => ({\n ...prev,\n stage: 'confirming',\n error: 'Transaction timed out'\n }));\n } else {\n setError('Failed to claim admin fees. Please try again.');\n setTxnProgress(prev => ({\n ...prev,\n error: 'Transaction failed: ' + (err.message || 'Unknown error')\n }));\n }\n setTimeout(() => {\n setTxnProgress(prev => ({\n ...prev,\n show: false\n }));\n }, 3000);\n }\n };\n const totalPages = Math.ceil(activeTournaments.length / 3);\n const selectTournament = async tournament => {\n try {\n let latestTournament = tournament;\n if (devbaseClient) {\n try {\n const freshTournament = await devbaseClient.getEntity('tournaments', tournament.id);\n if (freshTournament) {\n latestTournament = freshTournament;\n }\n } catch (err) {\n console.log(\"Non-critical error refreshing tournament on selection:\", err);\n }\n }\n setSelectedTournament(latestTournament);\n setManuallySelected(true);\n setGameState({\n meterValue: 0,\n isRunning: false,\n hasPlayed: false,\n score: null,\n canClaim: false\n });\n setShowTournamentDetails(true);\n window.scrollTo(0, 0);\n fetchUserTickets();\n fetchLeaderboard();\n } catch (err) {\n console.error(\"Error selecting tournament:\", err);\n setError(\"Failed to select tournament. Please try again.\");\n }\n };\n return

\n {showSplash && setShowSplash(false)} />}\n {!showSplash && <>\n

\n setView('home')} whileHover={{\n scale: 1.05\n }} whileTap={{\n scale: 0.95\n }} animate={{\n y: [0, -5, 0]\n }} transition={{\n duration: 2,\n repeat: Infinity,\n ease: \"easeInOut\"\n }}>\n

\n \n ZERO.FUN\n \n \n \n \n

\n\n {}\n

\n \n \n

\n {\n console.error(\"UserButton error:\", error);\n if (error.message && (error.message.includes('User rejected') || error.message.includes('User rejected the request'))) {\n setWalletError(true);\n setError('Wallet connection was rejected. You can try again when ready!');\n }\n }} />\n

\n\n {}\n

\n setView('home')} className={`btn-pixel text-xs py-2 px-4 rounded-full ${view === 'home' ? 'bg-[#ff5bac] text-white' : 'bg-white text-[#0a2540]'}`} whileHover={{\n scale: 1.1\n }} whileTap={{\n scale: 0.95\n }}>HOME\n setView('leaderboard')} className={`btn-pixel text-xs py-2 px-4 rounded-full ${view === 'leaderboard' ? 'bg-[#ff5bac] text-white' : 'bg-white text-[#0a2540]'}`} whileHover={{\n scale: 1.1\n }} whileTap={{\n scale: 0.95\n }}>SCORES\n {userWallet && setView('profile')} className={`btn-pixel text-xs py-2 px-4 rounded-full ${view === 'profile' ? 'bg-[#ff5bac] text-white' : 'bg-white text-[#0a2540]'}`} whileHover={{\n scale: 1.1\n }} whileTap={{\n scale: 0.95\n }}>PROFILE}\n {isAdmin && setView('admin')} className={`btn-pixel text-xs py-2 px-4 rounded-full ${view === 'admin' ? 'bg-[#ff5bac] text-white' : 'bg-white text-[#0a2540]'}`} whileHover={{\n scale: 1.1\n }} whileTap={{\n scale: 0.95\n }}>ADMIN}\n

\n openLink('https://pump.fun/coin/FrPWw9feXAdMbYbJaQqZ6srv8u4e9kczrmrbM8U8pump')} className=\"bg-gradient-to-r from-[#ffde00] to-[#ff5bac] rounded-full p-3 flex items-center justify-center\" whileHover={{\n scale: 1.1\n }} whileTap={{\n scale: 0.95\n }} animate={{\n boxShadow: ['0 0 0px rgba(255,222,0,0)', '0 0 20px rgba(255,222,0,0.8)', '0 0 0px rgba(255,222,0,0)']\n }} transition={{\n boxShadow: {\n duration: 2,\n repeat: Infinity\n },\n ease: \"easeInOut\"\n }} title=\"Buy $ZFUN Token\">\n \n 💰\n \n \n

\n\n {}\n {showMobileMenu && \n

\n {\n setView('home');\n setShowMobileMenu(false);\n }} className={`btn-pixel text-xs py-2 px-4 w-full ${view === 'home' ? 'bg-[#ff5bac] text-white' : 'bg-white text-[#0a2540]'}`} whileTap={{\n scale: 0.95\n }}>\n HOME\n \n {\n setView('leaderboard');\n setShowMobileMenu(false);\n }} className={`btn-pixel text-xs py-2 px-4 w-full ${view === 'leaderboard' ? 'bg-[#ff5bac] text-white' : 'bg-white text-[#0a2540]'}`} whileTap={{\n scale: 0.95\n }}>\n SCORES\n \n {userWallet && {\n setView('profile');\n setShowMobileMenu(false);\n }} className={`btn-pixel text-xs py-2 px-4 w-full ${view === 'profile' ? 'bg-[#ff5bac] text-white' : 'bg-white text-[#0a2540]'}`} whileTap={{\n scale: 0.95\n }}>\n PROFILE\n }\n {isAdmin && {\n setView('admin');\n setShowMobileMenu(false);\n }} className={`btn-pixel text-xs py-2 px-4 w-full ${view === 'admin' ? 'bg-[#ff5bac] text-white' : 'bg-white text-[#0a2540]'}`} whileTap={{\n scale: 0.95\n }}>\n ADMIN\n }\n

\n }\n {}\n {error &&

\n {error}\n setError('')} />\n

}\n {walletError &&

\n Wallet connection was rejected. You can try again when ready!\n \n

}\n {}\n

\n \n {}\n {view === 'home' &&

\n \n {showTournamentDetails ? selectedTournament?.title || \"TOURNAMENT DETAILS\" : \"ACTIVE TOURNAMENTS\"}\n \n {!userWallet &&

CONNECT YOUR WALLET TO PLAY

\n Click the button above to connect your Solana wallet. You'll need it to buy tickets and play the game.\n

\n If you don't have a Solana wallet, you can download Phantom Wallet from the browser extension store.\n

}\n {userWallet && activeTournaments.length === 0 &&

NO ACTIVE TOURNAMENTS

Check back later or contact an admin for tournament schedules.

\n {isAdmin && }\n

}\n {userWallet && activeTournaments.length > 0 && !showTournamentDetails &&

\n {}\n \n

\n {activeTournaments.map(tournament =>

selectTournament(tournament)}>\n

{tournament.title}

LIVE

\n {tournament.imageUrl &&

}\n

PRIZE POOL

{tournament.totalPool?.toFixed(3) || \"0.000\"} SOL

ENTRY FEE

{tournament.minTicketPrice} SOL

WINNERS

TOP {tournament.numWinners}

ENDS IN

{Math.max(0, Math.floor((tournament.endTime - Date.now()) / (1000 * 60 * 60)))}h {Math.max(0, Math.floor((tournament.endTime - Date.now()) / (1000 * 60) % 60))}m

\n \n

)}\n

\n {totalPages > 1 &&

\n \n

\n {currentPage + 1} / {totalPages}\n

\n \n

}\n

}\n {userWallet && selectedTournament && showTournamentDetails &&

{selectedTournament.title || \"TOURNAMENT\"}

\n {selectedTournament.isActive ?

LIVE

ENDED

}\n

\n {selectedTournament.imageUrl &&

}\n

TICKET

{selectedTournament.minTicketPrice} SOL

PRIZE

{selectedTournament.totalPool?.toFixed(3) || \"0.000\"} SOL

WINNERS

TOP {selectedTournament.numWinners}

\n Started: {new Date(selectedTournament.startTime || selectedTournament.createdAt || Date.now()).toLocaleString()}\n

\n \n

\n {gameState.hasPlayed ?

YOUR SCORE

{gameState.score.toFixed(4)}

\n {gameState.canClaim && claimPrize(selectedTournament.id)} className=\"btn-pixel bg-[#8eff9c] text-white text-sm py-1 px-3\" whileHover={{\n scale: 1.05\n }} whileTap={{\n scale: 0.95\n }} disabled={claimingPrize}>\n CLAIM PRIZE\n }\n {}\n {userTickets.some(t => t.tournamentId === selectedTournament?.id && t.claimed && t.userId === userWallet) &&

\n PRIZE CLAIMED ✓\n

}\n \n

STOP THE POWER METER AS CLOSE TO ZERO AS POSSIBLE!

\n {selectedTournament && selectedTournament.isActive && selectedTournament.endTime > Date.now() ? \n BUY TICKET & PLAY\n : \n TOURNAMENT HAS ENDED\n }\n

}\n

}\n {}\n {showInfoPopup &&

\n \n

HOW TO PLAY

Buy a ticket for {selectedTournament?.minTicketPrice || 0.001} SOL
A power meter will surge between -100 and +100
Click the button to stop the meter as close to ZERO as possible
The top {selectedTournament?.numWinners || 3} players closest to zero win!
Winners share 90% of the prize pool

\n \n

}\n

}\n {}\n {view === 'game' && setView('home')} shareOnX={shareOnX} />}\n {}\n {view === 'admin' && isAdmin &&

\n ADMIN PANEL\n

CREATE NEW TOURNAMENT

\n Tournament Title\n setAdminSettings({\n ...adminSettings,\n title: e.target.value\n })} className=\"w-full p-2 bg-white/10 border border-white/20 rounded-md text-white\" placeholder=\"Enter tournament title\" />\n

\n Tournament End Time\n

Start time: Immediate upon creation

Current time: {new Date().toLocaleString()}

\n End Date\n {\n const newDate = new Date(e.target.value);\n const currentEndTime = new Date(adminSettings.endTime);\n newDate.setHours(currentEndTime.getHours());\n newDate.setMinutes(currentEndTime.getMinutes());\n newDate.setSeconds(0);\n newDate.setMilliseconds(0);\n setAdminSettings({\n ...adminSettings,\n endTime: newDate.getTime()\n });\n }} className=\"w-full p-2 bg-white/10 border border-white/20 text-white rounded-lg\" />\n

\n End Time\n {\n const [hours, minutes] = e.target.value.split(':').map(Number);\n const newEndTime = new Date(adminSettings.endTime && !isNaN(adminSettings.endTime) ? adminSettings.endTime : Date.now());\n newEndTime.setHours(hours);\n newEndTime.setMinutes(minutes);\n newEndTime.setSeconds(0);\n newEndTime.setMilliseconds(0);\n const currentTime = new Date();\n if (newEndTime < currentTime) {\n newEndTime.setDate(newEndTime.getDate() + 1);\n }\n setAdminSettings({\n ...adminSettings,\n endTime: newEndTime.getTime()\n });\n }} className=\"w-full p-2 bg-white/10 border border-white/20 text-white rounded-lg\" />\n

Selected End Time:

{adminSettings.endTime && !isNaN(adminSettings.endTime) ? new Date(adminSettings.endTime).toLocaleString() : 'Not set'}

\n Duration: {adminSettings.endTime && !isNaN(adminSettings.endTime) ? `${Math.floor((adminSettings.endTime - Date.now()) / (1000 * 60 * 60))} hours ${Math.floor((adminSettings.endTime - Date.now()) / (1000 * 60) % 60)} minutes` : '0 hours 0 minutes'} from now\n

\n Tournament Image URL\n

\n setAdminSettings({\n ...adminSettings,\n imageUrl: e.target.value\n })} placeholder=\"https://example.com/image.jpg\" className=\"w-full p-2 bg-white/10 border border-white/20 rounded-md text-white\" />\n

Enter a direct URL to an image. Recommended dimensions: 400x200px

\n {adminSettings.imageUrl &&

\n $\"Tournament$ {\n e.target.onerror = null;\n e.target.src = '';\n setError('Invalid image URL. Please check the link and try again.');\n }} />\n \n

}\n

\n Ticket Price (SOL)\n setAdminSettings({\n ...adminSettings,\n minTicketPrice: parseFloat(e.target.value)\n })} className=\"w-full p-2 bg-white/10 border border-white/20 rounded-md text-white\" />\n

\n Number of Winners\n setAdminSettings({\n ...adminSettings,\n numWinners: parseInt(e.target.value)\n })} className=\"w-full p-2 bg-white/10 border border-white/20 rounded-md text-white\" />\n

\n {isCreatingTournament ?

\n Creating Tournament...\n {creationProgress}%\n

\n \n

\n {creationProgress < 30 && \"Validating tournament data...\"}\n {creationProgress >= 30 && creationProgress < 60 && \"Preparing tournament settings...\"}\n {creationProgress >= 60 && creationProgress < 90 && \"Creating tournament on blockchain...\"}\n {creationProgress >= 90 && \"Finalizing creation...\"}\n

: }\n {error &&

\n {error}\n

}\n

\n {}\n

ACTIVE TOURNAMENTS

\n {activeTournaments.length === 0 ?

\n No active tournaments\n

\n {activeTournaments.map(tournament =>

TOURNAMENT TITLE

{tournament.title || \"POWER SURGE TOURNAMENT\"}

TICKET PRICE

{tournament.minTicketPrice} SOL

PRIZE POOL

{tournament.totalPool?.toFixed(3) || \"0.000\"} SOL

WINNERS

TOP {tournament.numWinners}

END TIME

{new Date(tournament.endTime).toLocaleString()}

\n \n \n

)}\n

}\n

\n {selectedTournament &&

EDIT TOURNAMENT: {selectedTournament.title}

TOURNAMENT SCHEDULE

\n Started: {new Date(selectedTournament.startTime || selectedTournament.createdAt || Date.now()).toLocaleString()}\n

\n Ends: {new Date(selectedTournament.endTime).toLocaleString()}\n

\n \n

ADJUST END TIME

\n New End Date\n {\n const newDate = new Date(e.target.value);\n const currentTime = new Date();\n const currentEndTime = new Date(adminSettings.endTime);\n newDate.setHours(currentEndTime.getHours());\n newDate.setMinutes(currentEndTime.getMinutes());\n if (newDate < currentTime) {\n currentTime.setHours(currentTime.getHours() + 1);\n newDate.setHours(currentTime.getHours());\n newDate.setMinutes(currentTime.getMinutes());\n }\n setAdminSettings({\n ...adminSettings,\n endTime: newDate.getTime()\n });\n }} className=\"w-full p-2 bg-white/10 border border-white/20 text-white rounded-lg\" />\n

\n New End Time\n {\n const [hours, minutes] = e.target.value.split(':').map(Number);\n const newEndTime = new Date(adminSettings.endTime && !isNaN(adminSettings.endTime) ? adminSettings.endTime : Date.now());\n const currentTime = new Date();\n newEndTime.setHours(hours);\n newEndTime.setMinutes(minutes);\n if (newEndTime < currentTime) {\n newEndTime.setDate(newEndTime.getDate() + 1);\n }\n setAdminSettings({\n ...adminSettings,\n endTime: newEndTime.getTime()\n });\n }} className=\"w-full p-2 bg-white/10 border border-white/20 text-white rounded-lg\" />\n

\n \n

}\n

\n \n

ADMIN ACTIONS

\n \n

}\n {}\n {view === 'profile' && userWallet &&

\n PLAYER PROFILE\n

YOUR STATS

WALLET

\n {userWallet}\n

\n \n {\n await fetchUnclaimedWinnings(true);\n }} className=\"btn-pixel bg-gradient-to-r from-[#ffde00] to-[#ff5bac] text-[#0a2540] w-full py-3\" whileHover={{\n scale: 1.05\n }} whileTap={{\n scale: 0.95\n }} animate={{\n boxShadow: ['0 0 0px rgba(255,222,0,0)', '0 0 20px rgba(255,222,0,0.8)', '0 0 0px rgba(255,222,0,0)']\n }} transition={{\n boxShadow: {\n duration: 2,\n repeat: Infinity\n },\n ease: \"easeInOut\"\n }}>\n

\n \n 🏆\n \n CHECK PRIZES\n

\n \n\n {userStats.hasWinningTickets &&

🏆

WINNER NOTIFICATION!

You have prizes to claim!

}\n \n {}\n {unclaimedWinnings.length > 0 && \n \n 🏆 UNCLAIMED PRIZES!\n \n

\n {unclaimedWinnings.map((win, index) => \n

{win.tournamentTitle}

Rank #{win.rank} with score {win.score.toFixed(4)}

Prize: {win.prize.toFixed(4)} SOL

\n claimPrize(win.tournamentId, win.ticketId)} className=\"btn-pixel bg-[#8eff9c] text-white whitespace-nowrap\" whileHover={{\n scale: 1.05\n }} whileTap={{\n scale: 0.95\n }} disabled={claimingPrize}>\n CLAIM PRIZE\n \n )}\n

\n }\n

GAMES PLAYED

{userStats.gamesPlayed}

TOTAL WINNINGS

{userStats.totalWinnings.toFixed(4)} SOL

\n {unclaimedWinnings.length > 0 &&

🏆 YOU HAVE UNCLAIMED PRIZES!

\n \n SEE PRIZES ABOVE!\n \n

}\n {userStats.bestScore !== null &&

BEST SCORE

{userStats.bestScore.toFixed(4)}

AVG SCORE

{userStats.avgScore.toFixed(4)}

}\n {userStats.lastPlayed &&

LAST PLAYED

{userStats.lastPlayed.toLocaleString()}

}\n

RECENT GAMES

\n {userTickets.length > 0 ?

\n {userTickets.map(ticket =>

SCORE

{ticket.score.toFixed(4)}

\n \n

)}\n

No games played yet

}\n

CONNECT SOCIALS

\n {twitterUsername ?

\n \n

\n @{twitterUsername}\n \n ✓\n \n

X Account Connected

\n \n View Profile\n \n

\n \n

: }\n

\n \n

}\n {view === 'leaderboard' &&

\n LEADERBOARD\n

\n {selectedTournament ? <>\n

\n PRIZE POOL: {selectedTournament.totalPool.toFixed(3)} SOL\n

\n WINNERS: TOP {selectedTournament.numWinners}\n

\n STATUS: {selectedTournament.isActive ? 'ACTIVE' : 'ENDED'}\n

\n \n

PLAYER

SCORE

\n {leaderboard.length === 0 ?

\n No players yet\n

: leaderboard.map((ticket, index) =>

{index + 1}

\n {ticket.userId.slice(0, 4)}...{ticket.userId.slice(-4)}\n {userWallet && ticket.userId === userWallet && (YOU)}\n

{ticket.score.toFixed(4)}

\n \n

)}\n

\n {activeTournaments.length > 1 && }\n \n : activeTournaments.length > 0 ?

Please select a tournament to view its leaderboard

\n \n \n

No active tournaments

\n \n

}\n

\n {}\n \n }\n {}\n {!showSplash && txnProgress.show && }\n {}\n {!showSplash && showDeleteConfirm &&

CONFIRM DELETION

\n Are you sure you want to delete this tournament?
\n This action cannot be undone!\n

\n \n \n

}\n \n {}\n {isDeleting &&

DELETING TOURNAMENT

\n Deleting...\n {deletionProgress}%\n

\n \n

\n {deletionProgress < 30 && \"Preparing to delete tournament...\"}\n {deletionProgress >= 30 && deletionProgress < 60 && \"Removing tournament data...\"}\n {deletionProgress >= 60 && deletionProgress < 90 && \"Finalizing deletion...\"}\n {deletionProgress >= 90 && \"Completing deletion process...\"}\n

}\n \n {}\n {successMessage &&

\n {successMessage}\n setSuccessMessage('')} />\n

}\n \n {checkingPrizes &&

\n Checking for unclaimed prizes...\n setCheckingPrizes(false)} />\n

\n \n

\n {checkProgress < 40 && \"SCANNING YOUR TICKETS...\"}\n {checkProgress >= 40 && checkProgress < 60 && \"SEARCHING TOURNAMENTS...\"}\n {checkProgress >= 60 && checkProgress < 90 && \"FINDING PRIZES...\"}\n {checkProgress >= 90 && \"ALMOST DONE!\"}\n

}\n \n {}\n {claimingPrize &&

\n Claiming prize...\n setClaimingPrize(false)} />\n

\n \n \n

\n \n

\n {claimProgress < 40 && \"PREPARING PRIZE PAYOUT...\"}\n {claimProgress >= 40 && claimProgress < 70 && \"VERIFYING SCORE...\"}\n {claimProgress >= 70 && claimProgress < 90 && \"COLLECTING SOL...\"}\n {claimProgress >= 90 && \"ALMOST THERE!\"}\n

}\n \n {showPrizeNotification && unclaimedWinnings.length > 0 && \n \n

\n \n \n \n \n 🏆\n \n

YOU'RE A WINNER!

You have {unclaimedWinnings.length} unclaimed prize{unclaimedWinnings.length > 1 ? 's' : ''}!

\n \n \n

\n {unclaimedWinnings.map((win, index) => \n

{win.tournamentTitle}

Prize: {win.prize.toFixed(4)} SOL

Rank #{win.rank} with score {win.score.toFixed(4)}

\n claimPrize(win.tournamentId, win.ticketId)} className=\"btn-pixel bg-[#ff5bac] text-white whitespace-nowrap\" whileHover={{\n scale: 1.05\n }} whileTap={{\n scale: 0.95\n }} disabled={claimingPrize}>\n CLAIM PRIZE\n \n )}\n

\n \n

\n {\n if (unclaimedWinnings.length > 0) {\n const win = unclaimedWinnings[0];\n claimPrize(win.tournamentId, win.ticketId);\n }\n }} className=\"btn-pixel bg-[#8eff9c] text-[#0a2540] flex-1 py-3\" whileHover={{\n scale: 1.05\n }} whileTap={{\n scale: 0.95\n }} animate={{\n boxShadow: ['0 0 0px rgba(142,255,156,0)', '0 0 20px rgba(142,255,156,0.8)', '0 0 0px rgba(142,255,156,0)']\n }} transition={{\n boxShadow: {\n duration: 1.5,\n repeat: Infinity\n },\n ease: \"easeInOut\"\n }} disabled={claimingPrize}>\n CLAIM PRIZE\n \n \n

\n \n }\n \n {}\n \n

;\n}\nfunction PowerMeterGame({\n isRunning,\n initialValue,\n onComplete,\n onBack,\n shareOnX\n}) {\n const [meterValue, setMeterValue] = useState(initialValue || -100);\n const [direction, setDirection] = useState(1);\n const [speed, setSpeed] = useState(3.5);\n const [gameState, setGameState] = useState('running');\n const [finalScore, setFinalScore] = useState(null);\n const [sparkles, setSparkles] = useState([]);\n const animationRef = useRef(null);\n const [isMobile, setIsMobile] = useState(false);\n useEffect(() => {\n const checkMobile = () => {\n setIsMobile(window.innerWidth < 640);\n };\n checkMobile();\n window.addEventListener('resize', checkMobile);\n return () => window.removeEventListener('resize', checkMobile);\n }, []);\n useEffect(() => {\n if (gameState === 'running') {\n let lastTime = 0;\n const animate = time => {\n if (lastTime === 0) {\n lastTime = time;\n animationRef.current = requestAnimationFrame(animate);\n return;\n }\n const delta = time - lastTime;\n lastTime = time;\n setMeterValue(prevValue => {\n let newValue = prevValue + direction * speed * (delta / 16);\n if (newValue > 100) {\n newValue = 200 - newValue;\n setDirection(-1);\n } else if (newValue < -100) {\n newValue = -200 - newValue;\n setDirection(1);\n }\n setSpeed(prevSpeed => Math.min(prevSpeed + 0.005, 8));\n return newValue;\n });\n animationRef.current = requestAnimationFrame(animate);\n };\n animationRef.current = requestAnimationFrame(animate);\n return () => {\n if (animationRef.current) {\n cancelAnimationFrame(animationRef.current);\n }\n };\n }\n }, [gameState, direction, speed]);\n useEffect(() => {\n if (Math.abs(meterValue) < 5 && gameState === 'running') {\n const newSparkle = {\n id: Date.now(),\n left: `calc(${(meterValue + 100) / 200 * 100}%)`,\n top: `${Math.random() * 100}%`,\n size: Math.random() * 10 + 5,\n duration: Math.random() * 1 + 0.5\n };\n setSparkles(prev => [...prev, newSparkle]);\n setTimeout(() => {\n setSparkles(prev => prev.filter(s => s.id !== newSparkle.id));\n }, newSparkle.duration * 1000);\n }\n }, [meterValue, gameState]);\n const stopGame = () => {\n if (gameState === 'running') {\n setGameState('stopped');\n setFinalScore(meterValue);\n if (Math.abs(meterValue) < 10) {\n for (let i = 0; i < 20; i++) {\n setTimeout(() => {\n const newSparkle = {\n id: Date.now() + i,\n left: `${Math.random() * 100}%`,\n top: `${Math.random() * 100}%`,\n size: Math.random() * 15 + 5,\n duration: Math.random() * 2 + 1\n };\n setSparkles(prev => [...prev, newSparkle]);\n }, i * 100);\n }\n }\n setTimeout(() => {\n onComplete && onComplete(meterValue);\n }, 1500);\n }\n };\n const getMeterColor = value => {\n const absValue = Math.abs(value);\n if (absValue < 5) return '#8eff9c';\n if (absValue < 25) return '#ff5bac';\n if (absValue < 50) return '#6a3de8';\n return '#ff8e8e';\n };\n return

\n \n ZERO TOURNAMENT\n \n

\n -100\n TARGET: ZERO\n +100\n

\n {}\n

ZERO

\n {}\n 0 ? [0, 3, 0] : [0, -3, 0]\n }} transition={{\n duration: 0.5,\n repeat: Infinity,\n ease: \"easeInOut\"\n }}>\n {}\n

\n {}\n

\n {}\n {Math.abs(meterValue) < 5 ?

: Math.abs(meterValue) < 25 ?

}\n

\n {}\n

\n \n {}\n {sparkles.map(sparkle => )}\n {}\n

-100

-50

100

\n {gameState === 'stopped' ? \n {finalScore.toFixed(4)}\n : \n {meterValue.toFixed(4)}\n }\n

\n {}\n {gameState === 'running' && Math.abs(meterValue) < 3 && \n

\n \n \n MAGIC ZONE!\n \n

\n }\n {gameState === 'stopped' && \n

\n {Math.abs(finalScore) < 1 ? \n INCREDIBLE! ✨\n : Math.abs(finalScore) < 5 ? EXCELLENT! 🌟 : Math.abs(finalScore) < 15 ? GOOD! 👍 : TRY AGAIN! 🎯}\n

Score submitted to the leaderboard!

\n onComplete && onComplete(finalScore)} className=\"btn-pixel bg-[#3d91e8] text-white mr-2 px-6\" whileHover={{\n scale: 1.05\n }} whileTap={{\n scale: 0.95\n }}>\n CONTINUE\n \n shareOnX && shareOnX(finalScore)} className=\"btn-pixel bg-[#1DA1F2] text-white px-6\" whileHover={{\n scale: 1.05\n }} whileTap={{\n scale: 0.95\n }}>\n SHARE\n \n }\n

\n {gameState === 'running' ? \n STOP AT ZERO!\n : \n BACK TO HOME\n }\n

;\n}\nexport default App;","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"lucide-react\":\"0.441.0\",\"@devfunlabs/web-sdk\":\"0.5.5\",\"framer-motion\":\"10.16.4\",\"react-router-dom\":\"6.18.0\",\"recharts\":\"2.8.0\",\"socket.io-client\":\"4.7.2\",\"zod\":\"3.22.4\"}}","appFunctions",[],"token",{"_18":82,"_83":84,"_85":86,"_87":88,"_89":90,"_91":92,"_93":94,"_95":41,"_96":41,"_72":73},"ZERO.FUN","symbol","ZFUN","price",0.00000409,"marketcap",4272.23480056,"image","https://pump.mypinata.cloud/ipfs/bafybeihlyczqelmel7jiu45fa3ownc24cuneynwh43pvlogvrpkeaatfu4?img-width=256&img-dpr=2","website","https://dev.fun/p/4a1dae9202eaf46b95cb","twitter","https://x.com/kasperwtrcolor/status/1933506863976362028","devCount","appCount","upstreamApp","isLordOfDev","analytics",[101,105,107,109,111,113,115,117,119,121,123,125,127,129,131,132,133,134,136,138],{"_102":103,"_104":64},"day","2025-08-09","runCount",{"_102":106,"_104":64},"2025-08-10",{"_102":108,"_104":64},"2025-08-11",{"_102":110,"_104":64},"2025-08-12",{"_102":112,"_104":64},"2025-08-13",{"_102":114,"_104":64},"2025-08-14",{"_102":116,"_104":64},"2025-08-15",{"_102":118,"_104":64},"2025-08-16",{"_102":120,"_104":64},"2025-08-17",{"_102":122,"_104":64},"2025-08-18",{"_102":124,"_104":64},"2025-08-19",{"_102":126,"_104":64},"2025-08-20",{"_102":128,"_104":64},"2025-08-21",{"_102":130,"_104":64},"2025-08-22",{"_102":103,"_104":41},{"_102":108,"_104":41},{"_102":114,"_104":41},{"_102":116,"_104":135},4,{"_102":120,"_104":137},2,{"_102":122,"_104":41},"snapshot","ogImage","https://cdn.dev.fun/og/image/4a1dae9202eaf46b95cb/272741ae.webp","isDevbase","actionData","errors"]

say something