[{"_1":2,"_120":-5,"_121":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/p.$appId",{"_12":13,"_118":-5,"_114":-5,"_119":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_5":43,"_54":55,"_56":57,"_58":57,"_59":60,"_61":57,"_62":57,"_63":57,"_64":57,"_65":57,"_66":57,"_67":17,"_68":17,"_69":-5,"_70":71,"_72":73,"_74":-5,"_75":-5,"_76":17,"_77":78,"_114":30,"_115":116,"_117":25},"id","021f4f8ec25fc30a28dd","isMyApp",false,"name","solachess","description","Challenge opponents to high-stakes chess matches where your SOL is on the line! Connect your Phantom wallet, stake your crypto, and outmaneuver your opponent on a sleek, minimalist board to claim 90% of the combined pot while your NFT profile tracks your rising ELO rating.","brief","Stake SOL, play chess, win crypto – all on a clean, blockchain-powered battleground.","isLive",true,"isPublic","tags",[],"cover","https://cdn.dev.fun/snapshot/021f4f8ec25fc30a28dd/79244_62946655.webp","cdnUrl","https://cdn.dev.fun/app/021f4f8ec25fc30a28dd/79244","createdAt",["D",1749656442856],"updatedAt",["D",1749662150764],"lastCommitId",["B","79244"],"tier",1,"credits",-16,{"_14":44,"_45":46,"_47":-5,"_48":46,"_49":50,"_51":-5,"_52":53},"2979d4f9-2fe6-467b-9964-4a91c3e941f4","uniqueId","5r7hkWsmbrBD4XbLBfSuDtNPvhmrKmbiQgYihN8k5dW7","username","solanaWallet","displayName","5r7...dW7","bio","avatar","/avatar.svg","commitCount",6,"forkCount",0,"likeCount","runsCount",17,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","if (typeof window !== 'undefined') {\n window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ = undefined;\n window.process = {\n env: {\n NODE_ENV: 'production'\n }\n };\n}\nimport { useState, useEffect, useRef } from 'react';\nimport { Chess } from 'chess.js';\nimport { Chessboard } from 'react-chessboard';\nimport { useDevapp, UserButton, DevappProvider, openLink } from '@devfunlabs/web-sdk';\nimport { io } from 'socket.io-client';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { Sword, Trophy, History, Clock, AlertCircle, User, CircleDollarSign, BarChart4, Crown, X, Link, Copy, Share2, Wallet, DollarSign, Sparkles } from 'lucide-react';\nconst socket = io('wss://ws.dev.fun/app-021f4f8ec25fc30a28dd');\nconst DEV_WALLET = '5r7hkWsmbrBD4XbLBfSuDtNPvhmrKmbiQgYihN8k5dW7';\nconst MIN_STAKE_AMOUNT = 0.05;\nconst DEV_FEE_PERCENTAGE = 10;\nconst WINNER_PERCENTAGE = 90;\nfunction App() {\n return \n \n ;\n}\nfunction SolaChess() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [game, setGame] = useState(new Chess());\n const [playerColor, setPlayerColor] = useState('w');\n const [gameState, setGameState] = useState('waiting');\n const [gameResult, setGameResult] = useState(null);\n const [, setOpponent] = useState(null);\n const [gameId, setGameId] = useState(null);\n const [players, setPlayers] = useState([]);\n const [challengeMode, setChallengeMode] = useState(false);\n const [challenges, setChallenges] = useState([]);\n const [userProfile, setUserProfile] = useState(null);\n const [matchHistory, setMatchHistory] = useState([]);\n const [leaderboard, setLeaderboard] = useState([]);\n const [activeTab, setActiveTab] = useState('play');\n const [isLoading, setIsLoading] = useState(false);\n const [errorMessage, setErrorMessage] = useState('');\n const [showTwitterConnect, setShowTwitterConnect] = useState(false);\n const [timeLeft, setTimeLeft] = useState(600);\n const [modalOpen, setModalOpen] = useState(false);\n const [modalContent, setModalContent] = useState(null);\n const [stakeAmount, setStakeAmount] = useState(MIN_STAKE_AMOUNT);\n const [inviteLink, setInviteLink] = useState('');\n const [showInviteLink, setShowInviteLink] = useState(false);\n const [gameTimeMinutes, setGameTimeMinutes] = useState(10);\n const [isFreePlay, setIsFreePlay] = useState(false);\n const inviteLinkRef = useRef(null);\n useEffect(() => {\n if (userWallet) {\n fetchUserProfile();\n fetchChallenges();\n fetchLeaderboard();\n fetchMatchHistory();\n const urlParams = new URLSearchParams(window.location.search);\n const inviteId = urlParams.get('invite');\n if (inviteId) {\n handleInviteLink(inviteId);\n }\n }\n }, [userWallet]);\n useEffect(() => {\n if (!userWallet) return;\n socket.on('game_challenge', handleGameChallenge);\n socket.on('challenge_accepted', handleChallengeAccepted);\n socket.on('game_move', handleGameMove);\n socket.on('game_over', handleGameOver);\n socket.on('player_joined', fetchPlayers);\n return () => {\n socket.off('game_challenge');\n socket.off('challenge_accepted');\n socket.off('game_move');\n socket.off('game_over');\n socket.off('player_joined');\n };\n }, [userWallet, game]);\n useEffect(() => {\n let interval;\n if (gameState === 'playing' && timeLeft > 0) {\n interval = setInterval(() => {\n setTimeLeft(prevTime => prevTime - 1);\n }, 1000);\n } else if (timeLeft === 0 && gameState === 'playing') {\n handleTimeUp();\n }\n return () => clearInterval(interval);\n }, [timeLeft, gameState]);\n const fetchUserProfile = async () => {\n try {\n const profileList = await devbaseClient.listEntities('players', {\n userId: userWallet\n });\n if (profileList.length > 0) {\n setUserProfile(profileList[0]);\n } else {\n const newProfile = {\n userId: userWallet,\n username: `Player_${userWallet.substring(0, 4)}`,\n elo: 1000,\n wins: 0,\n losses: 0,\n draws: 0\n };\n const createdProfile = await devbaseClient.createEntity('players', newProfile);\n setUserProfile(createdProfile);\n }\n const twitterUsername = await devbaseClient.evalString('$USER_X_USERNAME');\n if (twitterUsername) {\n const updatedProfile = {\n ...userProfile,\n username: twitterUsername\n };\n await devbaseClient.updateEntity('players', userProfile.id, updatedProfile);\n setUserProfile(updatedProfile);\n setShowTwitterConnect(false);\n } else {\n setShowTwitterConnect(true);\n }\n } catch (error) {\n console.error('Error fetching user profile:', error);\n setErrorMessage('Failed to load your profile. Please try again.');\n }\n };\n const fetchPlayers = async () => {\n try {\n const playersList = await devbaseClient.listEntities('players');\n setPlayers(playersList.filter(player => player.userId !== userWallet));\n } catch (error) {\n console.error('Error fetching players:', error);\n }\n };\n const fetchChallenges = async () => {\n try {\n const challengesList = await devbaseClient.listEntities('challenges', {\n status: 'pending',\n $or: [{\n challengerId: userWallet\n }, {\n opponentId: userWallet\n }]\n });\n setChallenges(challengesList);\n } catch (error) {\n console.error('Error fetching challenges:', error);\n }\n };\n const fetchLeaderboard = async () => {\n try {\n const players = await devbaseClient.listEntities('players');\n const sortedPlayers = players.sort((a, b) => b.elo - a.elo);\n setLeaderboard(sortedPlayers.slice(0, 10));\n } catch (error) {\n console.error('Error fetching leaderboard:', error);\n }\n };\n const fetchMatchHistory = async () => {\n try {\n if (!userWallet) return;\n const matches = await devbaseClient.listEntities('matches', {\n $or: [{\n whitePlayerId: userWallet\n }, {\n blackPlayerId: userWallet\n }]\n });\n const sortedMatches = matches.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt));\n setMatchHistory(sortedMatches);\n } catch (error) {\n console.error('Error fetching match history:', error);\n }\n };\n const handleGameChallenge = data => {\n if (data.opponentId === userWallet) {\n fetchChallenges();\n }\n };\n const handleChallengeAccepted = data => {\n if (data.challengerId === userWallet || data.opponentId === userWallet) {\n setGameId(data.gameId);\n setGame(new Chess());\n setPlayerColor(data.challengerId === userWallet ? 'w' : 'b');\n setOpponent(data.challengerId === userWallet ? data.opponentId : data.challengerId);\n setGameState('playing');\n setTimeLeft(data.gameTimeMinutes ? data.gameTimeMinutes * 60 : 600);\n fetchChallenges();\n }\n };\n const handleGameMove = data => {\n if (data.gameId === gameId) {\n try {\n const newGame = new Chess(data.fen);\n setGame(newGame);\n if (newGame.isGameOver()) {\n handleGameOver({\n gameId: gameId,\n winner: newGame.isCheckmate() ? newGame.turn() === 'w' ? 'b' : 'w' : 'draw',\n reason: newGame.isCheckmate() ? 'checkmate' : newGame.isStalemate() ? 'stalemate' : newGame.isInsufficientMaterial() ? 'insufficient material' : newGame.isThreefoldRepetition() ? 'threefold repetition' : 'draw'\n });\n }\n } catch (error) {\n console.error('Invalid move received:', error);\n }\n }\n };\n const handleGameOver = data => {\n if (data.gameId === gameId) {\n setGameState('finished');\n setGameResult({\n winner: data.winner,\n reason: data.reason\n });\n setModalContent({\n type: 'gameResult',\n result: data\n });\n setModalOpen(true);\n fetchMatchHistory();\n fetchLeaderboard();\n fetchUserProfile();\n }\n };\n const handleTimeUp = () => {\n const loser = game.turn();\n const winner = loser === 'w' ? 'b' : 'w';\n socket.emit('game_over', {\n gameId: gameId,\n winner: winner,\n reason: 'timeout'\n });\n };\n const onDrop = (sourceSquare, targetSquare) => {\n if (gameState !== 'playing' || game.turn() !== playerColor) return false;\n try {\n const moveConfig = {\n from: sourceSquare,\n to: targetSquare,\n promotion: 'q'\n };\n const move = game.move(moveConfig);\n if (move === null) return false;\n socket.emit('game_move', {\n gameId: gameId,\n move: move,\n fen: game.fen()\n });\n setGame(new Chess(game.fen()));\n return true;\n } catch (error) {\n console.error(\"Move error:\", error);\n return false;\n }\n };\n const challengePlayer = async (opponentId, isInvite = false) => {\n if (!userWallet) {\n setErrorMessage('Please connect your wallet first.');\n return;\n }\n setIsLoading(true);\n try {\n const totalPot = isFreePlay ? 0 : stakeAmount * 2;\n const winnerReward = isFreePlay ? 0 : (totalPot * WINNER_PERCENTAGE / 100).toFixed(3);\n const challenge = {\n challengerId: userWallet,\n opponentId: opponentId || null,\n stakeAmount: isFreePlay ? 0 : stakeAmount,\n status: 'pending',\n createdAt: new Date().toISOString(),\n isInvite: isInvite,\n gameTimeMinutes: gameTimeMinutes,\n isFreePlay: isFreePlay\n };\n let createdChallenge;\n if (isFreePlay) {\n createdChallenge = await devbaseClient.createEntity('challenges', challenge);\n } else {\n createdChallenge = await devbaseClient.createEntity('challenges', challenge);\n }\n if (opponentId) {\n socket.emit('game_challenge', {\n challengeId: createdChallenge.id,\n challengerId: userWallet,\n opponentId: opponentId,\n stakeAmount: stakeAmount\n });\n }\n if (isInvite) {\n const baseUrl = window.location.origin + window.location.pathname;\n const inviteUrl = `${baseUrl}?invite=${createdChallenge.id}`;\n setInviteLink(inviteUrl);\n setShowInviteLink(true);\n setModalContent({\n type: 'inviteCreated',\n inviteLink: inviteUrl,\n stakeAmount: stakeAmount,\n winnerReward: winnerReward\n });\n } else {\n setModalContent({\n type: 'challengeSent',\n opponent: opponentId,\n stakeAmount: stakeAmount,\n winnerReward: winnerReward\n });\n }\n setChallengeMode(false);\n setIsLoading(false);\n setModalOpen(true);\n } catch (error) {\n console.error('Error creating challenge:', error);\n setErrorMessage('Failed to create challenge. Please try again.');\n setIsLoading(false);\n }\n };\n const acceptChallenge = async challengeId => {\n if (!userWallet) {\n setErrorMessage('Please connect your wallet first.');\n return;\n }\n setIsLoading(true);\n try {\n const challenge = await devbaseClient.getEntity('challenges', challengeId);\n if (!challenge || challenge.status !== 'pending') {\n setErrorMessage('This challenge is no longer available.');\n setIsLoading(false);\n return;\n }\n if (challenge.isInvite && !challenge.opponentId) {\n challenge.opponentId = userWallet;\n }\n const updatedChallenge = {\n ...challenge,\n status: 'accepted',\n acceptedAt: new Date().toISOString(),\n opponentId: challenge.opponentId || userWallet\n };\n await devbaseClient.updateEntity('challenges', challengeId, updatedChallenge);\n const gameData = {\n whitePlayerId: challenge.challengerId,\n blackPlayerId: challenge.opponentId || userWallet,\n stakeAmount: challenge.stakeAmount || 0,\n status: 'active',\n moves: [],\n startTime: new Date().toISOString(),\n isFreePlay: challenge.isFreePlay || false\n };\n const createdGame = await devbaseClient.createEntity('matches', gameData);\n socket.emit('challenge_accepted', {\n challengeId: challengeId,\n gameId: createdGame.id,\n challengerId: challenge.challengerId,\n opponentId: challenge.opponentId || userWallet,\n gameTimeMinutes: challenge.gameTimeMinutes || 10\n });\n setGameId(createdGame.id);\n setGame(new Chess());\n setPlayerColor('b');\n setOpponent(challenge.challengerId);\n setGameState('playing');\n setTimeLeft(challenge.gameTimeMinutes ? challenge.gameTimeMinutes * 60 : 600);\n setIsLoading(false);\n } catch (error) {\n console.error('Error accepting challenge:', error);\n setErrorMessage('Failed to accept challenge. Please try again.');\n setIsLoading(false);\n }\n };\n const rejectChallenge = async challengeId => {\n try {\n const challenge = await devbaseClient.getEntity('challenges', challengeId);\n if (!challenge || challenge.status !== 'pending') {\n setErrorMessage('This challenge is no longer available.');\n return;\n }\n const updatedChallenge = {\n ...challenge,\n status: 'rejected',\n rejectedAt: new Date().toISOString()\n };\n await devbaseClient.updateEntity('challenges', challengeId, updatedChallenge);\n fetchChallenges();\n } catch (error) {\n console.error('Error rejecting challenge:', error);\n setErrorMessage('Failed to reject challenge. Please try again.');\n }\n };\n const connectTwitter = () => {\n if (!userWallet) return;\n const twitterLoginUrl = `https://oauth.dev.fun/twitter/login/021f4f8ec25fc30a28dd/${userWallet}`;\n openLink(twitterLoginUrl);\n };\n const formatTime = seconds => {\n const mins = Math.floor(seconds / 60);\n const secs = seconds % 60;\n return `${mins}:${secs < 10 ? '0' + secs : secs}`;\n };\n const handleInviteLink = async inviteId => {\n try {\n const challenge = await devbaseClient.getEntity('challenges', inviteId);\n if (!challenge) {\n setErrorMessage('Invalid invite link.');\n return;\n }\n setErrorMessage('Invite links are temporarily disabled. Please use the in-app challenge system.');\n return;\n } catch (error) {\n console.error('Error handling invite link:', error);\n setErrorMessage('Failed to process invite. Please try again.');\n }\n };\n const copyInviteLink = () => {\n if (inviteLinkRef.current) {\n inviteLinkRef.current.select();\n document.execCommand('copy');\n setErrorMessage('Invite link copied to clipboard!');\n setTimeout(() => setErrorMessage(''), 3000);\n }\n };\n const getResultText = () => {\n if (!gameResult) return '';\n const playerWon = gameResult.winner === 'w' && playerColor === 'w' || gameResult.winner === 'b' && playerColor === 'b';\n const isDraw = gameResult.winner === 'draw';\n if (isDraw) {\n return 'Game Drawn';\n } else if (playerWon) {\n return 'You Won!';\n } else {\n return 'You Lost';\n }\n };\n const renderModal = () => {\n if (!modalContent) return null;\n const calculateWinnerReward = stake => {\n const totalPot = stake * 2;\n return (totalPot * WINNER_PERCENTAGE / 100).toFixed(3);\n };\n switch (modalContent.type) {\n case 'gameResult':\n const totalPot = game?.stakeAmount ? game.stakeAmount * 2 : modalContent.totalPot;\n const winnerReward = (totalPot * WINNER_PERCENTAGE / 100).toFixed(3);\n return

\n {modalContent.result.winner === 'draw' ? 'Game Drawn' : modalContent.result.winner === playerColor ? 'You Won!' : 'You Lost'}\n

\n {modalContent.result.reason === 'checkmate' ? 'By checkmate' : modalContent.result.reason === 'timeout' ? 'By timeout' : modalContent.result.reason === 'resignation' ? 'By resignation' : `By ${modalContent.result.reason}`}\n

\n \n {!game.isFreePlay && modalContent.result.winner === playerColor &&

\n \n +{winnerReward} SOL\n

}\n \n \n

;\n case 'challengeSent':\n return

Challenge Sent!

\n Your challenge has been sent. You'll be notified when your opponent responds.\n

\n \n Stake: {modalContent.stakeAmount} SOL\n

\n \n

;\n case 'inviteCreated':\n return

Invite Created!

\n Share this link with a friend to invite them to play.\n

\n \n Stake: {modalContent.stakeAmount} SOL\n

\n \n Time Control: {modalContent.gameTimeMinutes || 10} minutes\n

\n \n \n

\n \n

;\n case 'inviteReceived':\n return

Chess Challenge!

\n You've been invited to play a game of chess.\n

\n \n Stake: {modalContent.stakeAmount} SOL\n

\n \n Time Control: {modalContent.gameTimeMinutes || 10} minutes\n

\n Winner gets: {calculateWinnerReward(modalContent.stakeAmount)} SOL ({WINNER_PERCENTAGE}%)\n

\n \n \n

;\n default:\n return null;\n }\n };\n return

\n {}\n

\n \n

SolaChess

\n {userProfile &&

\n {userProfile.username}\n ELO: {userProfile.elo}\n

}\n \n

\n\n {}\n

\n {}\n

\n \n Your Profile\n

\n \n {userWallet ? <>\n {userProfile ?

\n Username:\n {userProfile.username}\n

\n ELO Rating:\n {userProfile.elo}\n

\n Record:\n \n {userProfile.wins}W-{userProfile.losses}L-{userProfile.draws}D\n \n

\n \n {showTwitterConnect && }\n

Loading profile...

}\n :

Connect wallet to view profile

}\n

\n \n

\n \n Top Players\n

\n \n {leaderboard.length > 0 ?

\n {leaderboard.slice(0, 5).map((player, index) =>

\n {index === 0 && }\n {player.username}\n

\n {player.elo}\n

)}\n

No players yet

}\n

\n\n {}\n

\n {}\n

\n \n \n \n

\n\n {}\n {activeTab === 'play' &&

\n {}\n

\n {gameState === 'playing' ?

\n Opponent\n

\n \n {formatTime(timeLeft)}\n

\n \n

\n You\n

\n {game.turn() === playerColor ? 'Your move' : 'Waiting for opponent'}\n

\n \n {!game.isFreePlay ?

\n \n Total Pot: {(game.stakeAmount * 2).toFixed(3)} SOL\n

\n Winner gets: {(game.stakeAmount * 2 * WINNER_PERCENTAGE / 100).toFixed(3)} SOL ({WINNER_PERCENTAGE}%)\n

\n \n Free Play Game\n

}\n

: gameState === 'finished' ?

\n {getResultText()}\n

\n \n

\n {gameResult?.reason === 'checkmate' ? 'Checkmate' : gameResult?.reason === 'timeout' ? 'Time ran out' : gameResult?.reason === 'resignation' ? 'Resignation' : gameResult?.reason}\n

\n \n {!game.isFreePlay && gameResult && gameResult.winner === playerColor &&

\n \n +{(game.stakeAmount * 2 * WINNER_PERCENTAGE / 100).toFixed(3)} SOL\n

}\n

\n \n \n

Challenge a Player

\n \n {!userWallet ?

Connect your wallet to start playing

\n \n

\n \n Wallet Connection Instructions\n

1. Click the \"Connect Wallet\" button above

2. Select your preferred wallet (Phantom, Solflare, etc.)

3. Approve the connection request in your wallet

Works on both mobile and desktop devices!

: challengeMode ?

\n Select a player to challenge. {!isFreePlay ? `Each game requires a stake of ${stakeAmount} SOL with a` : 'Playing a free game with a'} {gameTimeMinutes} minute time control.\n

\n \n

\n {players.length > 0 ?

\n {players.map(player =>

\n {player.username}\n ELO: {player.elo}\n

\n \n

)}\n

\n No players available to challenge\n

}\n

\n \n

\n \n \n

\n \n {!isFreePlay && <>\n

\n \n Set Stake Amount (min {MIN_STAKE_AMOUNT} SOL):\n

\n setStakeAmount(Math.max(MIN_STAKE_AMOUNT, parseFloat(e.target.value) || MIN_STAKE_AMOUNT))} className=\"w-32 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500\" />\n \n

\n Winner takes {WINNER_PERCENTAGE}% of the pot ({(stakeAmount * 2 * WINNER_PERCENTAGE / 100).toFixed(3)} SOL)\n

\n {DEV_FEE_PERCENTAGE}% fee ({(stakeAmount * 2 * DEV_FEE_PERCENTAGE / 100).toFixed(3)} SOL) goes to the developer\n

\n }\n \n {isFreePlay &&

\n Playing a free game with no SOL at stake\n

}\n

\n \n

\n \n Select Game Time:\n

\n {[5, 10, 15].map(time => )}\n

\n \n

\n \n \n \n

}\n

\n\n {}\n {challenges.length > 0 &&

Pending Challenges

\n \n

\n {challenges.map(challenge =>

\n {challenge.challengerId === userWallet ?

\n Challenge sent\n

\n Waiting for opponent to accept\n

\n {STAKE_AMOUNT} SOL\n

Challenge received

\n {STAKE_AMOUNT} SOL\n

\n \n \n

}\n

)}\n

}\n

}\n\n {}\n {activeTab === 'history' &&

\n \n Your Match History\n

\n \n {!userWallet ?

\n Connect your wallet to view match history\n

: matchHistory.length > 0 ?

\n \n \n \n \n \n \n \n \n \n \n {matchHistory.map(match => \n \n \n \n \n )}\n \n

Date	Opponent	Result	Stake
\n {new Date(match.createdAt).toLocaleDateString()}\n	\n {match.whitePlayerId === userWallet ? match.blackPlayerName \|\| 'Opponent' : match.whitePlayerName \|\| 'Opponent'}\n	\n {match.status === 'active' ? \n In Progress\n : match.winner === userWallet ? \n Win\n : match.winner === 'draw' ? \n Draw\n : \n Loss\n }\n	\n {match.stakeAmount * 2} SOL\n

\n No match history yet\n

}\n

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

\n \n Global Leaderboard\n

\n \n {leaderboard.length > 0 ?

\n \n \n \n \n \n \n \n \n \n \n {leaderboard.map((player, index) => \n \n \n \n \n )}\n \n

Rank	Player	ELO	W/L/D
\n {index + 1}\n {index === 0 && 👑}\n	\n {player.username}\n {player.userId === userWallet && (You)}\n	\n {player.elo}\n	\n {player.wins}/{player.losses}/{player.draws}\n

\n No players yet\n

}\n

\n\n {}\n \n\n {}\n \n {errorMessage && \n \n {errorMessage}\n \n }\n \n \n {}\n \n {modalOpen && \n \n

\n \n

\n {renderModal()}\n \n }\n \n

;\n}\nexport default App;","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"framer-motion\":\"10.16.4\",\"lucide-react\":\"0.441.0\",\"socket.io-client\":\"4.7.2\",\"@devfunlabs/web-sdk\":\"0.5.5\",\"chess.js\":\"1.0.0-beta.6\",\"react-chessboard\":\"4.2.0\"}}","token","upstreamApp","isLordOfDev","analytics",[79,83,85,87,89,91,93,95,97,99,101,103,105,107,109,110,112],{"_80":81,"_82":57},"day","2025-06-21","runCount",{"_80":84,"_82":57},"2025-06-22",{"_80":86,"_82":57},"2025-06-23",{"_80":88,"_82":57},"2025-06-24",{"_80":90,"_82":57},"2025-06-25",{"_80":92,"_82":57},"2025-06-26",{"_80":94,"_82":57},"2025-06-27",{"_80":96,"_82":57},"2025-06-28",{"_80":98,"_82":57},"2025-06-29",{"_80":100,"_82":57},"2025-06-30",{"_80":102,"_82":57},"2025-07-01",{"_80":104,"_82":57},"2025-07-02",{"_80":106,"_82":57},"2025-07-03",{"_80":108,"_82":57},"2025-07-04",{"_80":84,"_82":40},{"_80":106,"_82":111},7,{"_80":108,"_82":113},3,"snapshot","ogImage","https://cdn.dev.fun/og/image/021f4f8ec25fc30a28dd/28ce723e.webp","isDevbase","commitDetail","livestream","actionData","errors"]