[{"_1":2,"_149":-5,"_150":-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,"_147":-5,"_138":-7,"_148":17},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":27,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_5":45,"_56":57,"_58":59,"_60":42,"_61":62,"_63":59,"_64":42,"_65":42,"_66":59,"_67":59,"_68":59,"_69":17,"_70":27,"_71":19,"_72":73,"_74":75,"_76":77,"_78":79,"_102":-5,"_103":17,"_104":105,"_138":32,"_139":140,"_141":17,"_142":143},"id","1e145919a03e118c8c0e","isMyApp",false,"projectId","AgYVbX4CueNVrBAXZh84DoFQtZhG6wpi3JgXHyCKpump","name","pokerdotfun","description","Dive into lightning-fast No Limit Hold'em tournaments where your SOL is on the line and glory awaits! Experience the thrill of blockchain poker with sleek emerald tables, real-time gameplay, and winner-takes-all prizes that hit your wallet the moment you crush your opponents.","brief","Stake your SOL, bluff your foes, and win big in decentralized 6-max poker tournaments!","isLive",true,"isPublic","tags",[],"cover","https://cdn.dev.fun/snapshot/1e145919a03e118c8c0e/78621_5521d5e3.webp","cdnUrl","https://cdn.dev.fun/app/1e145919a03e118c8c0e/78621","createdAt",["D",1748422369705],"updatedAt",["D",1749600710046],"lastCommitId",["B","78621"],"tier",1,"credits",91,{"_14":46,"_47":48,"_49":-5,"_50":48,"_51":52,"_53":-5,"_54":55},"b8ab9d6d-5356-40d4-80e0-50190e01806d","uniqueId","5nzFD5hkGodoJUb4SRYHBE2RZbkTpnw3TWZiZ6JrmPNy","username","solanaWallet","displayName","5nz...PNy","bio","avatar","/avatar.svg","commitCount",36,"forkCount",0,"likeCount","runsCount",38,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import React, { useState, useEffect, useMemo, useRef } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { Clock, MessageCircle, Settings, ArrowLeft, Users, Trophy, Wallet, TrendingUp, Plus, Link, Lock, Eye, Copy, Twitter, X } from 'lucide-react';\nimport { io } from 'socket.io-client';\nconst socket = io('wss://ws.dev.fun/app-1e145919a03e118c8c0e');\nconst suits = ['♠', '♥', '♦', '♣'];\nconst values = ['2', '3', '4', '5', '6', '7', '8', '9', '10', 'J', 'Q', 'K', 'A'];\nconst generateRandomCode = () => {\n return Math.random().toString(36).substring(2, 8).toUpperCase();\n};\nconst generateDeck = () => {\n const deck = [];\n for (const suit of suits) {\n for (const value of values) {\n deck.push({\n suit,\n value\n });\n }\n }\n return deck;\n};\nconst shuffleArray = array => {\n const newArray = [...array];\n for (let i = newArray.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [newArray[i], newArray[j]] = [newArray[j], newArray[i]];\n }\n return newArray;\n};\nconst buyInTiers = [{\n value: 0.04,\n label: '0.04 SOL'\n}, {\n value: 0.1,\n label: '0.1 SOL'\n}, {\n value: 0.25,\n label: '0.25 SOL'\n}, {\n value: 0.5,\n label: '0.5 SOL'\n}, {\n value: 'custom',\n label: '+ Create'\n}];\nconst cashGameTiers = [{\n smallBlind: 0.01,\n bigBlind: 0.02,\n label: '0.01/0.02 SOL'\n}, {\n smallBlind: 0.02,\n bigBlind: 0.04,\n label: '0.02/0.04 SOL'\n}];\nconst sitNGoBlindStructure = [{\n small: 10,\n big: 20\n}, {\n small: 20,\n big: 40\n}, {\n small: 40,\n big: 80\n}, {\n small: 75,\n big: 150\n}, {\n small: 150,\n big: 300\n}, {\n small: 300,\n big: 600\n}, {\n small: 500,\n big: 1000\n}, {\n small: 1000,\n big: 2000\n}, {\n small: 2000,\n big: 4000\n}, {\n small: 4000,\n big: 8000\n}];\nconst tournamentBlindStructure = [{\n small: 5,\n big: 10\n}, {\n small: 10,\n big: 20\n}, {\n small: 15,\n big: 30\n}, {\n small: 25,\n big: 50\n}, {\n small: 50,\n big: 100\n}, {\n small: 75,\n big: 150\n}, {\n small: 100,\n big: 200\n}, {\n small: 150,\n big: 300\n}, {\n small: 200,\n big: 400\n}, {\n small: 300,\n big: 600\n}, {\n small: 400,\n big: 800\n}, {\n small: 500,\n big: 1000\n}, {\n small: 700,\n big: 1400\n}, {\n small: 1000,\n big: 2000\n}];\nconst tablePositions = (playerCount, playerPosition) => {\n const positions = [{\n x: '50%',\n y: '15%'\n }, {\n x: '80%',\n y: '25%'\n }, {\n x: '85%',\n y: '60%'\n }, {\n x: '50%',\n y: '85%'\n }, {\n x: '15%',\n y: '60%'\n }, {\n x: '20%',\n y: '25%'\n }];\n if (playerCount > 0 && playerPosition !== undefined) {\n const rotatedPositions = [...positions];\n const offset = (6 - playerPosition + 3) % 6;\n for (let i = 0; i < positions.length; i++) {\n rotatedPositions[i] = positions[(i + offset) % 6];\n }\n return rotatedPositions;\n }\n return positions;\n};\nconst cardSuits = ['♠', '♥', '♦', '♣'];\nconst FloatingParticle = ({\n type = 'chip',\n delay = 0\n}) => {\n const size = Math.random() * 20 + 10;\n const duration = Math.random() * 20 + 30;\n const initialX = Math.random() * 100;\n const initialY = Math.random() * 100 + 100;\n return \n {type === 'chip' ?

\n {cardSuits[Math.floor(Math.random() * cardSuits.length)]}\n

}\n ;\n};\nconst BackgroundParticles = () => {\n const particles = useMemo(() => {\n const items = [];\n for (let i = 0; i < 15; i++) {\n items.push();\n }\n for (let i = 0; i < 15; i++) {\n items.push();\n }\n return items;\n }, []);\n return

\n {particles}\n

;\n};\nconst avatarOptions = ['https://api.dicebear.com/7.x/personas/svg?seed=John', 'https://api.dicebear.com/7.x/personas/svg?seed=Alice', 'https://api.dicebear.com/7.x/personas/svg?seed=Bob', 'https://api.dicebear.com/7.x/personas/svg?seed=Charlie', 'https://api.dicebear.com/7.x/personas/svg?seed=Diana', 'https://api.dicebear.com/7.x/personas/svg?seed=Edward', 'https://api.dicebear.com/7.x/personas/svg?seed=Fiona', 'https://api.dicebear.com/7.x/personas/svg?seed=George'];\nfunction AppMain() {\n const [connected, setConnected] = useState(false);\n const [username, setUsername] = useState(() => {\n const savedUsername = localStorage.getItem('poker_username');\n return savedUsername || '';\n });\n const [view, setView] = useState('lobby');\n const CustomWalletButton = () => {\n const isMobile = window.innerWidth < 640;\n const handleConnect = () => {\n setConnected(true);\n if (!username) {\n setShowUsernameForm(true);\n }\n };\n return \n \n \n {connected ? \"Connected\" : \"Connect\"}\n \n ;\n };\n const [gameFormat, setGameFormat] = useState('sitNGo');\n const [selectedBuyIn, setSelectedBuyIn] = useState(buyInTiers[0].value);\n const [selectedCashGame, setSelectedCashGame] = useState(cashGameTiers[0]);\n const [availableTables, setAvailableTables] = useState({\n sitNGo: [],\n tournament: [],\n cashGame: []\n });\n const [, setHoverEffect] = useState(null);\n const [activeTable, setActiveTable] = useState(null);\n const [lobbyMessages, setLobbyMessages] = useState([]);\n const [tableMessages, setTableMessages] = useState([]);\n const [chatMessage, setChatMessage] = useState('');\n const [isChatOpen, setIsChatOpen] = useState(true);\n const [userCount, setUserCount] = useState(0);\n const [showUsernameForm, setShowUsernameForm] = useState(false);\n const [, setIsConnected] = useState(false);\n const [avatar, setAvatar] = useState(avatarOptions[0]);\n const usernameInputRef = useRef(null);\n const [selectedTable, setSelectedTable] = useState(null);\n const [showChipsAsBlinds, setShowChipsAsBlinds] = useState(false);\n const [showCreateModal, setShowCreateModal] = useState(false);\n const [creationMode, setCreationMode] = useState('sitNGo');\n const [customGameSettings, setCustomGameSettings] = useState({\n gameType: 'sitNGo',\n buyIn: 0.1,\n players: 6,\n stackSize: 1500,\n blindDuration: 180,\n isPrivate: true,\n password: '',\n tournamentName: 'My Tournament',\n maxPlayers: 24,\n startTime: new Date(Date.now() + 1000 * 60 * 30).toISOString().slice(0, -8),\n allowLateReg: true,\n allowRebuys: false\n });\n const [accessCode, setAccessCode] = useState(generateRandomCode());\n const [showCodeModal, setShowCodeModal] = useState(false);\n const [privateTableCode, setPrivateTableCode] = useState('');\n const [joinPrivateError, setJoinPrivateError] = useState('');\n useEffect(() => {\n const sitNGoTables = [];\n const tournamentTables = [];\n const cashGameTables = [];\n for (const tier of buyInTiers) {\n sitNGoTables.push({\n id: `sitNGo-${tier.value}`,\n name: `Table ${tier.label}`,\n buyIn: tier.value,\n players: [],\n status: 'WAITING',\n timeStarted: null,\n format: 'sitNGo',\n estimatedWaitTime: 0\n });\n }\n for (let i = 0; i < 3; i++) {\n const players = [];\n const playerCount = Math.floor(Math.random() * 6);\n for (let j = 0; j < playerCount; j++) {\n players.push({\n id: `player-${j}`,\n username: `Player${j + 1}`,\n avatar: avatarOptions[Math.floor(Math.random() * avatarOptions.length)],\n chips: 1500\n });\n }\n sitNGoTables.push({\n id: `sitNGo-extra-${i}`,\n name: `Table ${i + 6}`,\n buyIn: buyInTiers[Math.floor(Math.random() * buyInTiers.length)].value,\n players,\n status: playerCount < 6 ? 'WAITING' : 'IN PROGRESS',\n timeStarted: playerCount === 6 ? Date.now() - Math.random() * 1000 * 60 * 15 : null,\n format: 'sitNGo',\n estimatedWaitTime: Math.floor(Math.random() * 5) + 1\n });\n }\n for (let i = 0; i < 3; i++) {\n const maxPlayers = 60;\n const startTime = Date.now() + 1000 * 60 * 30;\n tournamentTables.push({\n id: `tournament-${i}`,\n name: `Tournament ${i + 1}`,\n buyIn: buyInTiers[Math.floor(Math.random() * buyInTiers.length)].value,\n registeredPlayers: 0,\n maxPlayers,\n status: 'REGISTRATION',\n startTime,\n lateRegistrationTime: startTime + 1000 * 60 * 15,\n prizePool: 0,\n format: 'tournament'\n });\n }\n for (let i = 0; i < 4; i++) {\n const blinds = cashGameTiers[Math.floor(Math.random() * cashGameTiers.length)];\n cashGameTables.push({\n id: `cashGame-${i}`,\n name: `Cash ${i + 1}`,\n smallBlind: blinds.smallBlind,\n bigBlind: blinds.bigBlind,\n players: [],\n status: 'RUNNING',\n format: 'cashGame',\n minBuyIn: blinds.bigBlind * 50,\n maxBuyIn: blinds.bigBlind * 200\n });\n }\n setAvailableTables({\n sitNGo: sitNGoTables,\n tournament: tournamentTables,\n cashGame: cashGameTables\n });\n if (socket.connected) {\n socket.emit('request_table_player_count');\n }\n const updateInterval = setInterval(() => {\n if (socket.connected) {\n socket.emit('request_table_player_count');\n }\n }, 30000);\n return () => {\n clearInterval(updateInterval);\n };\n }, []);\n useEffect(() => {\n function onConnect() {\n setIsConnected(true);\n }\n function onDisconnect() {\n setIsConnected(false);\n }\n function onUserCount(count) {\n setUserCount(count);\n }\n function onLobbyMessage(message) {\n setLobbyMessages(prev => [...prev, message]);\n }\n function onTableMessage(message) {\n if (message.tableId === selectedTable?.id) {\n setTableMessages(prev => [...prev, message]);\n }\n }\n function onTablePlayerCount(data) {\n setAvailableTables(prev => {\n const updatedTables = {\n ...prev\n };\n if (data.sitNGo) {\n updatedTables.sitNGo = updatedTables.sitNGo.map(table => {\n const updatedTable = data.sitNGo.find(t => t.id === table.id);\n if (updatedTable) {\n return {\n ...table,\n players: updatedTable.players || []\n };\n }\n return table;\n });\n }\n if (data.tournament) {\n updatedTables.tournament = updatedTables.tournament.map(table => {\n const updatedTable = data.tournament.find(t => t.id === table.id);\n if (updatedTable) {\n return {\n ...table,\n registeredPlayers: updatedTable.registeredPlayers || 0\n };\n }\n return table;\n });\n }\n if (data.cashGame) {\n updatedTables.cashGame = updatedTables.cashGame.map(table => {\n const updatedTable = data.cashGame.find(t => t.id === table.id);\n if (updatedTable) {\n return {\n ...table,\n players: updatedTable.players || []\n };\n }\n return table;\n });\n }\n return updatedTables;\n });\n }\n socket.on('connect', onConnect);\n socket.on('disconnect', onDisconnect);\n socket.on('devfun:user_count', onUserCount);\n socket.on('lobby_message', onLobbyMessage);\n socket.on('table_message', onTableMessage);\n socket.on('table_player_count', onTablePlayerCount);\n if (socket.connected) {\n socket.emit('request_user_count');\n socket.emit('request_table_player_count');\n }\n return () => {\n socket.off('connect', onConnect);\n socket.off('disconnect', onDisconnect);\n socket.off('devfun:user_count', onUserCount);\n socket.off('lobby_message', onLobbyMessage);\n socket.off('table_message', onTableMessage);\n socket.off('table_player_count', onTablePlayerCount);\n };\n }, [selectedTable]);\n useEffect(() => {\n if (connected && !username) {\n setShowUsernameForm(true);\n }\n }, [connected, username]);\n const sendChatMessage = message => {\n if (!message.trim()) return;\n if (view === 'lobby') {\n const newMessage = {\n id: Date.now(),\n sender: username || 'Anonymous',\n avatar,\n content: message,\n timestamp: Date.now()\n };\n setLobbyMessages(prev => [...prev, newMessage]);\n socket.emit('lobby_message', newMessage);\n } else if (view === 'table' && selectedTable) {\n const newMessage = {\n id: Date.now(),\n tableId: selectedTable.id,\n sender: username || 'Anonymous',\n avatar,\n content: message,\n timestamp: Date.now()\n };\n setTableMessages(prev => [...prev, newMessage]);\n socket.emit('table_message', newMessage);\n }\n setChatMessage('');\n };\n const handleCreateGameClick = mode => {\n setCreationMode(mode);\n setCustomGameSettings(prev => ({\n ...prev,\n gameType: mode\n }));\n setAccessCode(generateRandomCode());\n setShowCreateModal(true);\n };\n const handleCreateGame = () => {\n const settings = {\n ...customGameSettings\n };\n const gameId = `${settings.gameType}-custom-${Date.now()}`;\n const accessKey = accessCode;\n if (settings.gameType === 'sitNGo') {\n const newTable = {\n id: gameId,\n name: `Custom ${settings.buyIn} SOL`,\n buyIn: settings.buyIn,\n players: [],\n status: 'WAITING',\n timeStarted: null,\n format: 'sitNGo',\n estimatedWaitTime: 0,\n isPrivate: settings.isPrivate,\n accessCode: accessKey,\n hostId: username,\n hostName: username,\n maxPlayers: settings.players,\n stackSize: settings.stackSize,\n blindDuration: settings.blindDuration,\n password: settings.password,\n createdByCurrentUser: true\n };\n setAvailableTables(prev => ({\n ...prev,\n sitNGo: [newTable, ...prev.sitNGo]\n }));\n } else if (settings.gameType === 'tournament') {\n const startTime = new Date(settings.startTime).getTime();\n const newTournament = {\n id: gameId,\n name: settings.tournamentName,\n buyIn: settings.buyIn,\n registeredPlayers: 0,\n maxPlayers: settings.maxPlayers,\n status: 'REGISTRATION',\n startTime,\n lateRegistrationTime: settings.allowLateReg ? startTime + 1000 * 60 * 15 : startTime,\n prizePool: 0,\n format: 'tournament',\n isPrivate: settings.isPrivate,\n accessCode: accessKey,\n hostId: username,\n hostName: username,\n stackSize: settings.stackSize,\n blindDuration: settings.blindDuration,\n allowRebuys: settings.allowRebuys,\n password: settings.password,\n createdByCurrentUser: true\n };\n setAvailableTables(prev => ({\n ...prev,\n tournament: [newTournament, ...prev.tournament]\n }));\n }\n setShowCreateModal(false);\n alert(`Your game has been created! Access code: ${accessKey}`);\n };\n const handleJoinPrivateTable = () => {\n let foundTable = null;\n foundTable = availableTables.sitNGo.find(table => table.isPrivate && table.accessCode === privateTableCode);\n if (!foundTable) {\n foundTable = availableTables.tournament.find(table => table.isPrivate && table.accessCode === privateTableCode);\n }\n if (foundTable) {\n setJoinPrivateError('');\n setShowCodeModal(false);\n joinTable(foundTable);\n } else {\n setJoinPrivateError('Invalid access code. Please try again.');\n }\n };\n const copyInviteLink = () => {\n const baseUrl = window.location.origin;\n const inviteLink = `${baseUrl}/join/${accessCode}`;\n navigator.clipboard.writeText(inviteLink);\n alert('Invite link copied to clipboard!');\n };\n const joinTable = table => {\n if (!username) {\n setShowUsernameForm(true);\n return;\n }\n if (table.isPrivate && table.password && !table.accessCode) {\n const password = prompt('This table is password protected. Please enter the password:');\n if (password !== table.password) {\n alert('Incorrect password');\n return;\n }\n }\n setSelectedTable(table);\n const newGame = createGameState(table);\n setActiveTable(newGame);\n setView('table');\n };\n const createGameState = table => {\n const deck = shuffleArray(generateDeck());\n const playerCards = [];\n const communityCards = deck.slice(0, 5);\n for (let i = 0; i < 6; i++) {\n playerCards.push([deck[6 + i * 2], deck[7 + i * 2]]);\n }\n const players = [];\n const existingPlayers = [...table.players];\n const playerPosition = existingPlayers.length;\n let startingChips = 1500;\n let blindStructure = sitNGoBlindStructure;\n if (table.format === 'tournament') {\n startingChips = 3000;\n blindStructure = tournamentBlindStructure;\n } else if (table.format === 'cashGame') {\n startingChips = table.minBuyIn;\n blindStructure = [{\n small: table.smallBlind * 100,\n big: table.bigBlind * 100\n }];\n }\n const currentPlayer = {\n id: username || 'current-user',\n username: username || 'You',\n avatar,\n chips: startingChips,\n bet: 0,\n isActive: true,\n isDealer: playerPosition === 0,\n isTurn: false,\n position: playerPosition,\n isCurrentUser: true\n };\n players.push(...existingPlayers.map((player, index) => ({\n ...player,\n cards: playerCards[index],\n bet: 0,\n isActive: true,\n isDealer: false,\n isTurn: false,\n position: index,\n isCurrentUser: false\n })));\n if (playerPosition < 6) {\n players.push(currentPlayer);\n }\n const dealerPosition = players.findIndex(p => p.isDealer);\n const smallBlindPosition = (dealerPosition + 1) % players.length;\n const bigBlindPosition = (dealerPosition + 2) % players.length;\n players[smallBlindPosition].bet = blindStructure[0].small;\n players[smallBlindPosition].chips -= blindStructure[0].small;\n players[bigBlindPosition].bet = blindStructure[0].big;\n players[bigBlindPosition].chips -= blindStructure[0].big;\n const initialTurnPosition = (bigBlindPosition + 1) % players.length;\n players[initialTurnPosition].isTurn = true;\n const gameState = {\n ...table,\n players,\n communityCards,\n pot: blindStructure[0].small + blindStructure[0].big,\n currentBet: blindStructure[0].big,\n dealerPosition,\n smallBlindPosition,\n bigBlindPosition,\n turnPosition: initialTurnPosition,\n blindLevel: 0,\n blindTimer: table.format === 'tournament' ? 300 : 180,\n gameStage: 'preflop',\n isPlayerTurn: players[initialTurnPosition].id === currentPlayer.id,\n lastAction: `${players[smallBlindPosition].username} posts small blind (${blindStructure[0].small}), ${players[bigBlindPosition].username} posts big blind (${blindStructure[0].big})`,\n blindStructure: blindStructure\n };\n return gameState;\n };\n const [raiseAmount, setRaiseAmount] = useState(0);\n const [showRaiseSlider, setShowRaiseSlider] = useState(false);\n const handleAction = (action, amount = 0) => {\n if (!activeTable || !activeTable.isPlayerTurn) return;\n const table = {\n ...activeTable\n };\n const players = [...table.players];\n const currentPlayerIndex = table.turnPosition;\n const currentPlayer = {\n ...players[currentPlayerIndex]\n };\n if (action === 'raise' && amount === 0) {\n const minRaise = table.blindStructure[table.blindLevel].big;\n setRaiseAmount(minRaise);\n setShowRaiseSlider(true);\n return;\n }\n setShowRaiseSlider(false);\n switch (action) {\n case 'fold':\n currentPlayer.isActive = false;\n table.lastAction = `${currentPlayer.username} folds`;\n break;\n case 'call':\n const callAmount = Math.min(table.currentBet - currentPlayer.bet, currentPlayer.chips);\n currentPlayer.chips -= callAmount;\n currentPlayer.bet += callAmount;\n table.pot += callAmount;\n table.lastAction = `${currentPlayer.username} calls ${callAmount}`;\n break;\n case 'raise':\n const raiseTotal = table.currentBet - currentPlayer.bet + amount;\n currentPlayer.chips -= raiseTotal;\n currentPlayer.bet += raiseTotal;\n table.pot += raiseTotal;\n table.currentBet = currentPlayer.bet;\n table.lastAction = `${currentPlayer.username} raises to ${currentPlayer.bet}`;\n break;\n default:\n break;\n }\n players[currentPlayerIndex] = currentPlayer;\n let nextTurnPosition = (currentPlayerIndex + 1) % players.length;\n while (!players[nextTurnPosition].isActive || players[nextTurnPosition].chips === 0) {\n nextTurnPosition = (nextTurnPosition + 1) % players.length;\n if (nextTurnPosition === currentPlayerIndex) {\n if (table.gameStage === 'preflop') {\n table.gameStage = 'flop';\n } else if (table.gameStage === 'flop') {\n table.gameStage = 'turn';\n } else if (table.gameStage === 'turn') {\n table.gameStage = 'river';\n } else if (table.gameStage === 'river') {\n table.gameStage = 'showdown';\n setTimeout(() => {\n alert('Game over! Winner would be determined here.');\n setView('lobby');\n }, 3000);\n break;\n }\n for (let i = 0; i < players.length; i++) {\n if (players[i].isActive) {\n players[i].bet = 0;\n }\n }\n table.currentBet = 0;\n break;\n }\n }\n for (let i = 0; i < players.length; i++) {\n players[i].isTurn = i === nextTurnPosition;\n }\n table.turnPosition = nextTurnPosition;\n table.isPlayerTurn = players[nextTurnPosition].id === 'player-current';\n table.players = players;\n setActiveTable(table);\n };\n const leaveTable = () => {\n setView('lobby');\n setSelectedTable(null);\n setActiveTable(null);\n setTableMessages([]);\n };\n useEffect(() => {\n if (showUsernameForm && usernameInputRef.current) {\n usernameInputRef.current.focus();\n }\n }, [showUsernameForm, username]);\n const handleSetUsername = e => {\n e.preventDefault();\n if (username.trim()) {\n localStorage.setItem('poker_username', username.trim());\n setShowUsernameForm(false);\n }\n };\n const ChatInput = React.memo(({\n value,\n onChange,\n onSubmit,\n placeholder\n }) => {\n const inputRef = useRef(null);\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.focus();\n }\n }, [value]);\n const handleChange = e => {\n onChange(e.target.value);\n };\n const handleSubmit = e => {\n e.preventDefault();\n if (value.trim()) {\n onSubmit(value);\n setTimeout(() => {\n if (inputRef.current) {\n inputRef.current.focus();\n }\n }, 0);\n }\n };\n return ;\n });\n const handleUsernameChange = e => {\n setUsername(e.target.value);\n };\n const selectRandomAvatar = () => {\n const randomIndex = Math.floor(Math.random() * avatarOptions.length);\n setAvatar(avatarOptions[randomIndex]);\n };\n const renderCard = (card, index, faceDown = false) => {\n if (faceDown) {\n return \n

\n ;\n }\n const isRed = card.suit === '♥' || card.suit === '♦';\n return \n

\n \n

\n {card.value}\n

\n \n

\n {card.value}\n

\n \n

\n {card.suit}\n

\n ;\n };\n const renderCommunityCards = () => {\n if (!activeTable) return null;\n const {\n gameStage,\n communityCards\n } = activeTable;\n let visibleCards = [];\n switch (gameStage) {\n case 'flop':\n visibleCards = communityCards.slice(0, 3);\n break;\n case 'turn':\n visibleCards = communityCards.slice(0, 4);\n break;\n case 'river':\n case 'showdown':\n visibleCards = communityCards.slice(0, 5);\n break;\n default:\n return

\n {[0, 1, 2, 3, 4].map(i => )}\n

;\n }\n return

\n {visibleCards.map((card, index) => renderCard(card, index))}\n \n {gameStage !== 'river' && gameStage !== 'showdown' && Array(5 - visibleCards.length).fill().map((_, i) => )}\n

;\n };\n const calculateRaiseOptions = () => {\n if (!activeTable) return [];\n const {\n blindLevel,\n blindStructure\n } = activeTable;\n const bigBlind = blindStructure[blindLevel].big;\n return [{\n label: 'Min',\n value: bigBlind\n }, {\n label: 'Pot',\n value: activeTable.pot\n }, {\n label: 'All In',\n value: activeTable.players.find(p => p.id === (publicKey?.toString() || 'player-current'))?.chips || 0\n }];\n };\n const formatNumber = num => {\n return num.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n };\n const formatTime = seconds => {\n const mins = Math.floor(seconds / 60);\n const secs = seconds % 60;\n return `${mins}:${secs < 10 ? '0' : ''}${secs}`;\n };\n const formatChipDisplay = (chips, bigBlind) => {\n if (showChipsAsBlinds && bigBlind > 0) {\n const blinds = (chips / bigBlind).toFixed(1);\n return `${blinds} BB`;\n }\n return formatNumber(chips);\n };\n const toggleChipDisplay = () => {\n setShowChipsAsBlinds(!showChipsAsBlinds);\n };\n const UsernameForm = () =>

\n \n {}\n

♠

♥

♣

♦

\n \n {}\n

\n \n

\n \n Welcome to Poker.fun\n \n \n \n Choose a username and avatar to continue your poker journey\n \n \n \n

\n Username\n

\n \n

\n Avatar\n

\n \n $\"Avatar\"$ \n \n \n Randomize\n \n

\n \n \n Take Your Seat\n \n \n

\n \n

;\n const LobbyView = () =>

\n \n \n {}\n

\n \n Poker\n .fun\n

\n \n \n

\n \n

\n {connected && username && \n $\"Avatar\"$ \n {username}\n }\n \n \n \n \n \n \n \n

\n \n {}\n

\n setGameFormat('sitNGo')} whileHover={{\n scale: 1.05,\n boxShadow: gameFormat !== 'sitNGo' ? \"0 0 15px rgba(0,0,0,0.3)\" : \"0 0 20px rgba(0,255,144,0.5)\"\n }} onHoverStart={() => gameFormat !== 'sitNGo' && setHoverEffect('sitNGo')} onHoverEnd={() => setHoverEffect(null)} style={gameFormat === 'sitNGo' ? {\n boxShadow: \"0 0 15px rgba(0,255,144,0.5)\"\n } : {}}>\n \n Sit & Go\n \n setGameFormat('tournament')} whileHover={{\n scale: 1.05,\n boxShadow: gameFormat !== 'tournament' ? \"0 0 15px rgba(0,0,0,0.3)\" : \"0 0 20px rgba(255,215,0,0.5)\"\n }} onHoverStart={() => gameFormat !== 'tournament' && setHoverEffect('tournament')} onHoverEnd={() => setHoverEffect(null)} style={gameFormat === 'tournament' ? {\n boxShadow: \"0 0 15px rgba(255,215,0,0.5)\"\n } : {}}>\n \n Tournaments\n \n setGameFormat('cashGame')} whileHover={{\n scale: 1.05,\n boxShadow: gameFormat !== 'cashGame' ? \"0 0 15px rgba(0,0,0,0.3)\" : \"0 0 20px rgba(52,152,219,0.5)\"\n }} onHoverStart={() => gameFormat !== 'cashGame' && setHoverEffect('cashGame')} onHoverEnd={() => setHoverEffect(null)} style={gameFormat === 'cashGame' ? {\n boxShadow: \"0 0 15px rgba(52,152,219,0.5)\"\n } : {}}>\n \n Cash Games\n \n

\n \n {}\n {(gameFormat === 'sitNGo' || gameFormat === 'tournament') &&

\n {buyInTiers.map(tier => {\n if (tier.value === 'custom') {\n return handleCreateGameClick(gameFormat)} whileHover={{\n scale: 1.05,\n boxShadow: \"0 0 15px rgba(255,215,0,0.5)\"\n }} whileTap={{\n scale: 0.98\n }} style={{\n boxShadow: \"0 0 15px rgba(255,215,0,0.3)\"\n }}>\n \n Create {gameFormat === 'sitNGo' ? 'Table' : 'Tournament'}\n ;\n }\n return setSelectedBuyIn(tier.value)} whileHover={{\n scale: 1.05,\n boxShadow: \"0 0 15px rgba(0,0,0,0.3)\"\n }} whileTap={{\n scale: 0.98\n }} style={selectedBuyIn === tier.value ? {\n boxShadow: \"0 0 15px rgba(255,215,0,0.3)\"\n } : {}}>\n {tier.label}\n ;\n })}\n

}\n \n {}\n {gameFormat === 'cashGame' &&

\n {cashGameTiers.map(tier => setSelectedCashGame(tier)} whileHover={{\n scale: 1.05,\n boxShadow: \"0 0 15px rgba(0,0,0,0.3)\"\n }} whileTap={{\n scale: 0.98\n }} style={selectedCashGame.label === tier.label ? {\n boxShadow: \"0 0 15px rgba(52,152,219,0.3)\"\n } : {}}>\n {tier.label}\n )}\n

}\n \n {}\n

\n {}\n

\n setShowCodeModal(true)} className=\"fixed bottom-16 right-4 bg-gradient-to-r from-[#FFD700] to-[#F6C444] text-gray-900 p-3 rounded-full shadow-lg hover:from-[#FFD700] hover:to-[#F8D060] transition z-30 flex items-center justify-center\" whileHover={{\n scale: 1.05,\n boxShadow: '0 0 20px rgba(255,215,0,0.4)'\n }} whileTap={{\n scale: 0.95\n }}>\n \n \n\n {gameFormat === 'sitNGo' &&

\n {availableTables.sitNGo.filter(table => {\n return (table.buyIn === selectedBuyIn || selectedBuyIn === 'custom') && (!table.isPrivate || table.isPrivate && table.createdByCurrentUser);\n }).length > 0 ? availableTables.sitNGo.filter(table => {\n return (table.buyIn === selectedBuyIn || selectedBuyIn === 'custom') && (!table.isPrivate || table.isPrivate && table.createdByCurrentUser);\n }).map(table => \n {}\n

\n \n {table.name}\n \n \n {table.isPrivate &&

\n \n PRIVATE\n

}\n \n {table.createdByCurrentUser &&

\n HOST\n

}\n

\n \n \n {table.status === 'WAITING' ? <>\n \n {table.status}\n : <>\n \n {table.status}\n }\n \n

\n \n

\n \n {table.players.length}/6 Players\n

\n \n {table.timeStarted ?

\n \n Started {Math.floor((Date.now() - table.timeStarted) / 60000)}m ago\n

\n \n Starting soon\n

}\n

\n \n

\n {table.players.slice(0, 5).map((player, i) => \n

\n )}\n {table.players.length > 5 && \n +{table.players.length - 5}\n }\n

\n \n table.status === 'WAITING' && joinTable(table)} disabled={table.status !== 'WAITING'} whileHover={table.status === 'WAITING' ? {\n scale: 1.05,\n boxShadow: '0 0 20px rgba(0,255,144,0.5)'\n } : {}} whileTap={table.status === 'WAITING' ? {\n scale: 0.98\n } : {}} style={table.status === 'WAITING' ? {\n boxShadow: '0 0 15px rgba(0,255,144,0.3)'\n } : {}}>\n {table.status === 'WAITING' ? 'Join Table' : 'In Progress'}\n \n

\n ) : \n

\n \n

New Table Opening Soon

\n We're setting up a new table for {selectedBuyIn} SOL. It should be ready in approximately 2-3 minutes.\n

\n \n Notify Me When Ready\n \n }\n

}\n \n {gameFormat === 'tournament' &&

\n {availableTables.tournament.filter(tournament => {\n return (tournament.buyIn === selectedBuyIn || selectedBuyIn === 'custom') && (!tournament.isPrivate || tournament.isPrivate && tournament.createdByCurrentUser);\n }).map(tournament => \n

\n \n {tournament.name}\n \n \n {tournament.isPrivate &&

\n \n PRIVATE\n

}\n \n {tournament.createdByCurrentUser &&

\n HOST\n

}\n

\n \n \n {tournament.status === 'REGISTRATION' ? <>\n \n {tournament.status}\n : <>\n \n {tournament.status}\n }\n \n

\n \n

Buy-in

\n {tournament.buyIn} SOL\n

\n \n \n \n

Prize Pool

\n {tournament.prizePool.toFixed(2)} SOL\n

\n \n \n \n

Players

\n {tournament.registeredPlayers}\n /\n {tournament.maxPlayers}\n

\n \n

\n \n \n \n

Starting Chips

3,000

\n \n

\n \n \n {tournament.status === 'REGISTRATION' ? `Starts in ${Math.max(0, Math.floor((tournament.startTime - Date.now()) / 60000))}m` : `Late reg: ${Math.max(0, Math.floor((tournament.lateRegistrationTime - Date.now()) / 60000))}m`}\n \n

\n \n joinTable(tournament)} disabled={!(tournament.status === 'REGISTRATION' || tournament.status === 'IN PROGRESS' && Date.now() < tournament.lateRegistrationTime)} whileHover={tournament.status === 'REGISTRATION' || tournament.status === 'IN PROGRESS' && Date.now() < tournament.lateRegistrationTime ? {\n scale: 1.05,\n boxShadow: '0 0 20px rgba(255,215,0,0.5)'\n } : {}} whileTap={tournament.status === 'REGISTRATION' || tournament.status === 'IN PROGRESS' && Date.now() < tournament.lateRegistrationTime ? {\n scale: 0.98\n } : {}} style={tournament.status === 'REGISTRATION' || tournament.status === 'IN PROGRESS' && Date.now() < tournament.lateRegistrationTime ? {\n boxShadow: '0 0 15px rgba(255,215,0,0.3)'\n } : {}}>\n {tournament.status === 'REGISTRATION' ? 'Register' : Date.now() < tournament.lateRegistrationTime ? 'Late Register' : 'Registration Closed'}\n \n

\n )}\n

}\n \n {gameFormat === 'cashGame' &&

\n {availableTables.cashGame.filter(table => table.smallBlind === selectedCashGame.smallBlind && table.bigBlind === selectedCashGame.bigBlind).map(table => \n

\n \n {table.name}\n \n

\n \n {table.smallBlind}/{table.bigBlind} SOL\n

\n \n

\n \n {table.players.length}/6 Players\n

\n \n

\n \n Buy-in: {table.minBuyIn.toFixed(2)}-{table.maxBuyIn.toFixed(2)} SOL\n

\n \n

\n {table.players.slice(0, 5).map((player, i) => \n

\n )}\n {table.players.length > 5 && \n +{table.players.length - 5}\n }\n

\n \n joinTable(table)} whileHover={{\n scale: 1.05,\n boxShadow: '0 0 20px rgba(52,152,219,0.5)'\n }} whileTap={{\n scale: 0.98\n }} style={{\n boxShadow: '0 0 15px rgba(52,152,219,0.3)'\n }}>\n {table.players.length < 6 ? 'Take Seat' : 'Join Waitlist'}\n \n

\n )}\n

}\n

\n \n {}\n \n {isChatOpen && \n

\n \n

Lobby Chat

\n {window.innerWidth < 640 && ({lobbyMessages.length} messages)}\n

\n \n

\n {lobbyMessages.map(msg =>

\n {msg.sender}\n \n {new Date(msg.timestamp).toLocaleTimeString([], {\n hour: '2-digit',\n minute: '2-digit'\n })}\n \n

{msg.content}

)}\n

\n \n \n }\n \n \n {}\n {!isChatOpen && setIsChatOpen(true)} className=\"fixed bottom-4 right-4 bg-gradient-to-r from-[#00FF90] to-[#00CC70] text-gray-900 p-3 rounded-full shadow-lg hover:from-[#00FF90] hover:to-[#00DD80] transition z-30\" whileHover={{\n scale: 1.05,\n boxShadow: '0 0 20px rgba(0,255,144,0.4)'\n }} whileTap={{\n scale: 0.95\n }}>\n \n }\n

\n \n {}\n

\n {userCount} players online\n

;\n useEffect(() => {\n const handleOrientationChange = () => {\n if (view === 'table' && window.matchMedia(\"(orientation: portrait)\").matches) {\n document.documentElement.style.setProperty('--landscape-warning-display', 'flex');\n } else {\n document.documentElement.style.setProperty('--landscape-warning-display', 'none');\n }\n };\n window.addEventListener('orientationchange', handleOrientationChange);\n window.addEventListener('resize', handleOrientationChange);\n handleOrientationChange();\n return () => {\n window.removeEventListener('orientationchange', handleOrientationChange);\n window.removeEventListener('resize', handleOrientationChange);\n };\n }, [view]);\n const TableView = () => {\n if (!activeTable) return null;\n const currentPlayer = activeTable.players.find(p => p.isCurrentUser);\n const currentPlayerPosition = currentPlayer?.position || 0;\n const positions = tablePositions(activeTable.players.length, currentPlayerPosition);\n const currentBigBlind = activeTable.blindStructure[activeTable.blindLevel].big;\n return

\n \n \n {}\n

📱 ↔️

Please Rotate Your Device

This poker game requires landscape orientation for the best experience.

\n \n {}\n

\n \n

\n {activeTable.name} - \n \n {activeTable.format === 'cashGame' ? `${activeTable.smallBlind}/${activeTable.bigBlind} SOL` : buyInTiers.find(b => b.value === activeTable.buyIn)?.label}\n \n

\n \n

\n \n \n {formatTime(activeTable.blindTimer)} - \n \n {activeTable.blindStructure[activeTable.blindLevel].small}/{activeTable.blindStructure[activeTable.blindLevel].big}\n \n \n

\n \n

\n \n {}\n

\n {}\n

\n \n {}\n

\n {}\n

\n \n {}\n

\n {activeTable.pot > 0 &&

\n \n Pot: {formatNumber(activeTable.pot)}\n \n \n {activeTable.lastAction && \n {activeTable.lastAction}\n }\n

}\n \n {}\n

\n {renderCommunityCards()}\n

\n \n {}\n {activeTable.players.map((player, index) => {\n const position = positions[index];\n const isCurrentPlayer = player.isCurrentUser;\n const isDealer = player.position === activeTable.dealerPosition;\n return

\n \n

\n {}\n

\n \n

\n \n \n {}\n {isDealer && \n D\n }\n

\n \n {}\n

{player.username}

\n \n {formatChipDisplay(player.chips, currentBigBlind)}\n \n

\n \n {}\n {isCurrentPlayer && player.isActive && player.cards && \n {renderCard(player.cards[0], `player-${player.id}-card-0`)}\n {renderCard(player.cards[1], `player-${player.id}-card-1`)}\n }\n \n {}\n {!isCurrentPlayer && player.isActive && \n {renderCard(null, `player-${player.id}-card-0`, true)}\n {renderCard(null, `player-${player.id}-card-1`, true)}\n }\n \n {}\n {player.bet > 0 && \n

\n \n {player.bet}\n \n

\n {}\n {[...Array(Math.min(Math.ceil(player.bet / 50), 10))].map((_, i) => {\n const stackIndex = Math.floor(i / 5);\n const stackOffset = stackIndex * -3;\n return ;\n })}\n

\n }\n

\n \n

;\n })}\n

\n \n {}\n {activeTable.isPlayerTurn && currentPlayer && \n

\n {}\n {showRaiseSlider && \n

\n Min: {activeTable.blindStructure[activeTable.blindLevel].big}\n {raiseAmount}\n Max: {currentPlayer.chips}\n

\n \n setRaiseAmount(parseInt(e.target.value))} className=\"w-full accent-yellow-500\" style={{\n height: '8px',\n borderRadius: '4px',\n background: 'linear-gradient(to right, #2E8658, #F6C444)'\n }} />\n \n

\n {}\n {calculateRaiseOptions().map(option => )}\n

\n \n

\n \n \n

\n }\n \n {}\n

\n handleAction('fold')} className=\"bg-gradient-to-r from-red-600 to-red-700 text-white font-bold py-2 px-8 rounded-full transition-all\" style={{\n boxShadow: '0 0 15px rgba(231, 76, 60, 0.4)'\n }} whileHover={{\n scale: 1.05,\n boxShadow: '0 0 25px rgba(231, 76, 60, 0.6)'\n }} whileTap={{\n scale: 0.98\n }}>\n Fold\n \n \n {activeTable.currentBet > 0 ? handleAction('call')} className=\"bg-gradient-to-r from-blue-500 to-blue-600 text-white font-bold py-2 px-8 rounded-full transition-all\" style={{\n boxShadow: '0 0 15px rgba(52, 152, 219, 0.4)'\n }} whileHover={{\n scale: 1.05,\n boxShadow: '0 0 25px rgba(52, 152, 219, 0.6)'\n }} whileTap={{\n scale: 0.98\n }}>\n Call {activeTable.currentBet - (currentPlayer?.bet || 0)}\n : handleAction('call')} className=\"bg-gradient-to-r from-blue-500 to-blue-600 text-white font-bold py-2 px-8 rounded-full transition-all\" style={{\n boxShadow: '0 0 15px rgba(52, 152, 219, 0.4)'\n }} whileHover={{\n scale: 1.05,\n boxShadow: '0 0 25px rgba(52, 152, 219, 0.6)'\n }} whileTap={{\n scale: 0.98\n }}>\n Check\n }\n

\n \n {!showRaiseSlider && handleAction('raise')} className=\"bg-gradient-to-r from-yellow-500 to-yellow-600 text-white font-bold py-2 px-8 rounded-full transition-all\" style={{\n boxShadow: '0 0 15px rgba(246, 196, 68, 0.4)'\n }} whileHover={{\n scale: 1.05,\n boxShadow: '0 0 25px rgba(246, 196, 68, 0.6)'\n }} whileTap={{\n scale: 0.98\n }} disabled={currentPlayer.chips <= 0}>\n Raise\n }\n

\n }\n

\n \n {}\n \n {isChatOpen && \n

\n \n

Table Chat

\n {window.innerWidth < 640 && ({tableMessages.length} messages)}\n

\n \n

\n {tableMessages.map(msg =>

\n {msg.sender}\n \n {new Date(msg.timestamp).toLocaleTimeString([], {\n hour: '2-digit',\n minute: '2-digit'\n })}\n \n

{msg.content}

)}\n

\n \n \n }\n \n \n {}\n {!isChatOpen && }\n

;\n };\n const CreateGameModal = () =>

\n \n

\n Create {creationMode === 'sitNGo' ? 'Sit & Go Table' : 'Tournament'}\n

\n \n

\n \n {}\n

Game Settings

\n \n {creationMode === 'tournament' &&

\n Tournament Name\n setCustomGameSettings({\n ...customGameSettings,\n tournamentName: e.target.value\n })} className=\"w-full px-3 py-2 bg-gray-800 rounded-md border border-gray-700 text-white focus:outline-none focus:ring-1 focus:ring-[#FFD700]\" />\n

}\n \n

\n Buy-in (SOL)\n setCustomGameSettings({\n ...customGameSettings,\n buyIn: parseFloat(e.target.value)\n })} className=\"w-full px-3 py-2 bg-gray-800 rounded-md border border-gray-700 text-white focus:outline-none focus:ring-1 focus:ring-[#FFD700]\" />\n

\n \n

\n \n {creationMode === 'sitNGo' ? 'Players per Table' : 'Maximum Players'}\n \n \n

\n \n

\n Starting Stack\n \n

\n \n

\n Blind Level Duration\n \n

\n \n {creationMode === 'tournament' && <>\n

\n Start Time\n setCustomGameSettings({\n ...customGameSettings,\n startTime: e.target.value\n })} className=\"w-full px-3 py-2 bg-gray-800 rounded-md border border-gray-700 text-white focus:outline-none focus:ring-1 focus:ring-[#FFD700]\" />\n

\n \n

\n setCustomGameSettings({\n ...customGameSettings,\n allowLateReg: e.target.checked\n })} className=\"w-4 h-4 accent-[#FFD700]\" />\n Allow Late Registration (15 min)\n

\n \n

\n setCustomGameSettings({\n ...customGameSettings,\n allowRebuys: e.target.checked\n })} className=\"w-4 h-4 accent-[#FFD700]\" />\n Allow Rebuys (first 6 levels)\n

\n }\n

\n \n {}\n

Access Settings

\n \n

\n setCustomGameSettings({\n ...customGameSettings,\n isPrivate: e.target.checked\n })} className=\"w-4 h-4 accent-[#FFD700]\" />\n \n {customGameSettings.isPrivate ? 'Private Game' : 'Public Game'}\n {customGameSettings.isPrivate ? : }\n \n

\n \n {customGameSettings.isPrivate && <>\n

\n Access Code (required)\n

\n \n \n

\n \n

\n Password (optional)\n setCustomGameSettings({\n ...customGameSettings,\n password: e.target.value\n })} className=\"w-full px-3 py-2 bg-gray-800 rounded-md border border-gray-700 text-white focus:outline-none focus:ring-1 focus:ring-[#FFD700]\" placeholder=\"Leave blank for no password\" />\n

\n \n

\n \n Shareable Invite Link\n

\n \n \n

\n Share this link with friends to invite them directly to your game\n

\n }\n \n

Rake Information

\n A 5% rake will be applied to all buy-ins: 2.5% goes to platform maintenance, and 2.5% is used to buy and burn the native SPL token.\n

\n \n

\n \n \n

\n \n

;\n const JoinPrivateGameModal = () =>

\n \n

\n \n Join Private Game\n

\n \n

\n Enter the access code to join a private game. This code was shared by the host.\n

\n \n

\n Access Code\n setPrivateTableCode(e.target.value.toUpperCase())} className=\"w-full px-4 py-3 bg-gray-800 rounded-md border border-gray-700 text-white focus:outline-none focus:ring-1 focus:ring-[#FFD700] font-mono text-lg tracking-wider\" placeholder=\"ENTER CODE\" maxLength={6} />\n {joinPrivateError &&

{joinPrivateError}

}\n

\n \n

\n \n \n

\n \n

;\n const WalletConnectionScreen = () =>

\n \n

\n \n \n \n

\n \n

\n Welcome to Poker.fun\n

\n \n

\n Connect your wallet to start playing No Limit Hold'em with other players.\n

\n \n setConnected(true)} className=\"w-full py-4 px-6 bg-gradient-to-r from-[#00FF90] to-[#00CC70] text-gray-900 font-bold rounded-xl\" style={{\n boxShadow: '0 0 20px rgba(0,255,144,0.3)'\n }} whileHover={{\n scale: 1.03,\n boxShadow: '0 0 30px rgba(0,255,144,0.5)'\n }} whileTap={{\n scale: 0.98\n }}>\n Connect Wallet\n \n \n

\n \n \n Follow us on X\n \n

\n \n

;\n return

\n {}\n {view === 'lobby' ? : }\n \n {!connected && }\n {showUsernameForm && }\n {showCreateModal && }\n {showCodeModal && }\n

;\n}\nfunction App() {\n return

\n \n

\n \n \n

;\n}\nexport default App;","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"socket.io-client\":\"4.7.2\",\"framer-motion\":\"10.16.4\",\"lucide-react\":\"0.441.0\",\"@solana/wallet-adapter-base\":\"0.9.23\",\"@solana/wallet-adapter-react\":\"0.15.35\",\"@solana/wallet-adapter-react-ui\":\"0.9.35\",\"@solana/wallet-adapter-wallets\":\"0.19.32\",\"@solana/web3.js\":\"1.95.3\",\"react-router-dom\":\"6.18.0\",\"recharts\":\"2.8.0\",\"@devfunlabs/state-client\":\"0.8.1\",\"@devfunlabs/web-sdk\":\"0.4.0\",\"zod\":\"3.22.4\",\"react-dom\":\"18.2.0\"}}","appFunctions",[],"token",{"_20":80,"_81":82,"_83":84,"_85":86,"_87":88,"_89":90,"_91":92,"_93":94,"_95":96,"_97":98,"_99":100,"_61":101,"_71":19},"vibecode.fun","symbol","rick","image","https://pump.mypinata.cloud/ipfs/QmdiVAhd3kBiCNCc559HT5hQGeoP742a9BGML1qod45c8j?img-width=256&img-dpr=2","website","https://dev.fun/p/93870176b0b04c03015d","twitter","https://x.com/crabbylions/status/1898018929869832580?s=46","marketcap",186453.914,"volumeIn24h",32607.97,"price",0.0001862,"priceChangeIn24h",-9.92,"devCount",67,"appCount",97,20137,"upstreamApp","isLordOfDev","analytics",[106,110,112,114,116,118,120,122,124,126,128,130,132,134,136,137],{"_107":108,"_109":59},"day","2025-09-24","runCount",{"_107":111,"_109":59},"2025-09-25",{"_107":113,"_109":59},"2025-09-26",{"_107":115,"_109":59},"2025-09-27",{"_107":117,"_109":59},"2025-09-28",{"_107":119,"_109":59},"2025-09-29",{"_107":121,"_109":59},"2025-09-30",{"_107":123,"_109":59},"2025-10-01",{"_107":125,"_109":59},"2025-10-02",{"_107":127,"_109":59},"2025-10-03",{"_107":129,"_109":59},"2025-10-04",{"_107":131,"_109":59},"2025-10-05",{"_107":133,"_109":59},"2025-10-06",{"_107":135,"_109":59},"2025-10-07",{"_107":125,"_109":42},{"_107":129,"_109":42},"snapshot","ogImage","https://cdn.dev.fun/og/image/1e145919a03e118c8c0e/707ec79b.webp","isDevbase","project",{"_14":19,"_83":84,"_20":80,"_144":145,"_22":146},"oneliner","Refactor your true self","\"The true disruption would be a code editor that suggests refactoring based on zen principles... When you strip away the unnecessary dependencies, what remains is pure function ...this isn't an app, it's a portal to your authentic self.\"","commitDetail","livestream","actionData","errors"]