[{"_1":2,"_121":-5,"_122":-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,"_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":25,"_71":-5,"_72":73,"_74":75,"_76":77,"_78":-5,"_79":-5,"_80":25,"_81":82,"_117":32,"_118":119,"_120":25},"id","762f5190e016f078bdb3","isMyApp",false,"name","SHIRTGATE","description","Connect your Twitter, drop that #DEVFUNSHIRT post, and enter the most dramatic t-shirt raffle in web history! Watch in real-time as entries flood in, your tweet gets verified with satisfying animations, and 4 lucky souls get chosen in an absolutely unhinged live drawing experience. It's not just a giveaway - it's a whole damn event with confetti explosions, countdown timers, and enough suspense to make reality TV jealous.","brief","Tweet #DEVFUNSHIRT and survive the most dramatic t-shirt raffle ever created!","isLive",true,"isPublic","tags",[29,30],"🔥","👑","cover","https://cdn.dev.fun/snapshot/762f5190e016f078bdb3/95213_d84e6e2d.webp","cdnUrl","https://cdn.dev.fun/app/762f5190e016f078bdb3/95213","createdAt",["D",1756312659580],"updatedAt",["D",1756322990168],"lastCommitId",["B","95213"],"tier",1,"credits",16,{"_14":46,"_47":48,"_49":48,"_50":51,"_52":48,"_53":48,"_54":55},"e7c7eec6-4d42-41cd-9dc3-801457e86467","uniqueId","Vibe_Killer","username","solanaWallet","HJAfDQfRB1anZNghyPKk5fCUxp2sXM73NvYyJmQvPAMP","displayName","bio","avatar","/avatar.svg","commitCount",71,"forkCount",0,"likeCount","runsCount",39,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import { useState, useEffect } from 'react';\nimport { useDevapp, DevappProvider, UserButton } from '@devfunlabs/web-sdk';\nimport { motion } from 'framer-motion';\nimport { io } from 'socket.io-client';\nimport { LineChart, Line, XAxis, YAxis, ResponsiveContainer, ReferenceLine } from 'recharts';\nconst socket = io('wss://ws.dev.fun/app-762f5190e016f078bdb3');\nconst ADMIN_WALLET = 'HJAfDQfRB1anZNghyPKk5fCUxp2sXM73NvYyJmQvPAMP';\nconst scrollbarStyles = `\n * {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !important;\n }\n \n .custom-scrollbar::-webkit-scrollbar {\n width: 12px;\n }\n .custom-scrollbar::-webkit-scrollbar-track {\n background: linear-gradient(180deg, rgba(26, 26, 40, 0.8), rgba(16, 16, 24, 0.9));\n border-radius: 8px;\n border: 1px solid rgba(90, 206, 144, 0.2);\n box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);\n }\n .custom-scrollbar::-webkit-scrollbar-thumb {\n background: linear-gradient(180deg, rgba(90, 206, 144, 0.8), rgba(74, 192, 128, 0.9));\n border-radius: 8px;\n border: 1px solid rgba(90, 206, 144, 0.4);\n box-shadow: 0 2px 8px rgba(90, 206, 144, 0.3);\n transition: all 0.3s ease;\n }\n .custom-scrollbar::-webkit-scrollbar-thumb:hover {\n background: linear-gradient(180deg, rgba(90, 206, 144, 1), rgba(74, 192, 128, 1));\n border-color: rgba(90, 206, 144, 0.8);\n box-shadow: 0 4px 12px rgba(90, 206, 144, 0.5);\n transform: scale(1.05);\n }\n .custom-scrollbar::-webkit-scrollbar-thumb:active {\n background: linear-gradient(180deg, rgba(74, 192, 128, 1), rgba(59, 176, 112, 1));\n box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);\n }\n .custom-scrollbar::-webkit-scrollbar-corner {\n background: rgba(26, 26, 40, 0.8);\n }\n .custom-scrollbar {\n scrollbar-width: thin;\n scrollbar-color: rgba(90, 206, 144, 0.8) rgba(26, 26, 40, 0.8);\n }\n`;\nfunction App() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [postUrl, setPostUrl] = useState('');\n const [hasPosted, setHasPosted] = useState(false);\n const [, setIsEntered] = useState(false);\n const [entries, setEntries] = useState([]);\n const [pendingEntries, setPendingEntries] = useState([]);\n const [isDrawing, setIsDrawing] = useState(false);\n const [winners, setWinners] = useState([]);\n const [countdown, setCountdown] = useState(0);\n const [showConfetti, setShowConfetti] = useState(false);\n const [currentWinnerIndex, setCurrentWinnerIndex] = useState(-1);\n const [, setIsConnected] = useState(false);\n const [isVerifying, setIsVerifying] = useState(false);\n const [twitterUsername, setTwitterUsername] = useState('');\n const [isAdmin, setIsAdmin] = useState(false);\n const [notification, setNotification] = useState(null);\n const [showHoldersModal, setShowHoldersModal] = useState(false);\n const [showMarketCapModal, setShowMarketCapModal] = useState(false);\n const [showParticipationModal, setShowParticipationModal] = useState(false);\n const [chartData, setChartData] = useState([]);\n useEffect(() => {\n if (!devbaseClient) {\n return;\n }\n setIsAdmin(userWallet === ADMIN_WALLET);\n loadUserData();\n loadEntries();\n loadWinners();\n generateChartData();\n if (userWallet === ADMIN_WALLET) {\n loadPendingEntries();\n }\n socket.on('connect', () => setIsConnected(true));\n socket.on('disconnect', () => setIsConnected(false));\n socket.on('newEntry', handleNewEntry);\n socket.on('raffleStart', handleRaffleStart);\n socket.on('winnerDrawn', handleWinnerDrawn);\n socket.on('raffleComplete', handleRaffleComplete);\n return () => {\n socket.off('connect');\n socket.off('disconnect');\n socket.off('newEntry');\n socket.off('raffleStart');\n socket.off('winnerDrawn');\n socket.off('raffleComplete');\n };\n }, [devbaseClient, userWallet]);\n useEffect(() => {\n generateChartData();\n }, [entries]);\n const generateChartData = () => {\n const baseData = [];\n const startTime = 9;\n const totalHours = 9;\n for (let i = 0; i < totalHours; i++) {\n const hour = startTime + i;\n const timeStr = `${hour.toString().padStart(2, '0')}:00`;\n baseData.push({\n time: timeStr,\n holders: 0,\n volume: 100 + Math.floor(Math.random() * 50)\n });\n }\n const progressiveData = [...baseData];\n for (let i = 0; i < entries.length; i++) {\n const entryIndex = Math.min(i + 3, progressiveData.length - 1);\n const baseValue = i + 1;\n const zigzagVariation = Math.sin(i * 0.8) * 0.3;\n const progressiveValue = baseValue + zigzagVariation;\n for (let j = entryIndex; j < progressiveData.length; j++) {\n progressiveData[j].holders = Math.max(progressiveData[j].holders, progressiveValue + (j - entryIndex) * 0.1);\n }\n }\n const currentTime = new Date().toLocaleTimeString('en-US', {\n hour12: false,\n hour: '2-digit',\n minute: '2-digit'\n });\n const currentValue = entries.length + Math.sin(entries.length * 0.5) * 0.2;\n progressiveData.push({\n time: currentTime,\n holders: Math.max(entries.length, currentValue),\n volume: 650 + entries.length * 20\n });\n setChartData(progressiveData);\n };\n const loadUserData = async () => {\n try {\n if (!devbaseClient) {\n return;\n }\n setIsEntered(false);\n setHasPosted(false);\n setPostUrl('');\n setTwitterUsername('');\n } catch (error) {\n console.error('Error loading user data:', error);\n }\n };\n const loadEntries = async () => {\n try {\n if (!devbaseClient) {\n return;\n }\n const allEntries = await devbaseClient.listEntities('entries');\n const approvedEntries = allEntries.filter(entry => entry.approved === true);\n setEntries(approvedEntries);\n } catch (error) {\n console.error('Error loading entries:', error);\n }\n };\n const loadPendingEntries = async () => {\n try {\n if (!devbaseClient) {\n return;\n }\n const allEntries = await devbaseClient.listEntities('entries');\n const pending = allEntries.filter(entry => entry.approved !== true);\n setPendingEntries(pending);\n } catch (error) {\n console.error('Error loading pending entries:', error);\n }\n };\n const loadWinners = async () => {\n try {\n if (!devbaseClient) {\n return;\n }\n const allWinners = await devbaseClient.listEntities('winners');\n setWinners(allWinners);\n } catch (error) {\n console.error('Error loading winners:', error);\n }\n };\n const showNotification = (message, type = 'success') => {\n setNotification({\n message,\n type\n });\n setTimeout(() => setNotification(null), 4000);\n };\n const clearAllEntries = async () => {\n if (!devbaseClient || userWallet !== ADMIN_WALLET) return;\n try {\n if (!confirm('Are you sure you want to delete ALL entries? This cannot be undone.')) {\n return;\n }\n const allEntries = await devbaseClient.listEntities('entries');\n for (const entry of allEntries) {\n await devbaseClient.deleteEntity('entries', entry.id);\n }\n const allWinners = await devbaseClient.listEntities('winners');\n for (const winner of allWinners) {\n await devbaseClient.deleteEntity('winners', winner.id);\n }\n loadEntries();\n loadWinners();\n loadPendingEntries();\n loadUserData();\n showNotification('All entries and winners have been cleared', 'success');\n } catch (error) {\n console.error('Error clearing entries:', error);\n showNotification('Error clearing entries', 'error');\n }\n };\n const approveEntry = async entryId => {\n if (!devbaseClient || userWallet !== ADMIN_WALLET) return;\n try {\n await devbaseClient.updateEntity('entries', entryId, {\n approved: true\n });\n loadEntries();\n loadPendingEntries();\n showNotification('Entry approved successfully!', 'success');\n } catch (error) {\n console.error('Error approving entry:', error);\n showNotification('Error approving entry', 'error');\n }\n };\n const rejectEntry = async entryId => {\n if (!devbaseClient || userWallet !== ADMIN_WALLET) return;\n try {\n if (!confirm('Are you sure you want to reject this entry?')) {\n return;\n }\n await devbaseClient.deleteEntity('entries', entryId);\n loadPendingEntries();\n showNotification('Entry rejected and deleted', 'warning');\n } catch (error) {\n console.error('Error rejecting entry:', error);\n showNotification('Error rejecting entry', 'error');\n }\n };\n const handleMakePost = () => {\n const tweetText = `T-SHIRT GIVEAWAY FROM @netvyxe\n\nEspecially for @devfunpump and @storedotfun\n\nhttps://dev.fun/p/762f5190e016f078bdb3`;\n const twitterUrl = `https://x.com/intent/tweet?text=${encodeURIComponent(tweetText)}`;\n window.open(twitterUrl, '_blank');\n };\n const handlePostVerification = async () => {\n if (!postUrl.trim()) return;\n try {\n setIsVerifying(true);\n const urlPattern = /(?:https?:\\/\\/)?(?:www\\.)?(twitter\\.com|x\\.com)\\/([^\\/\\s]+)\\/status\\/(\\d+)/;\n const urlMatch = postUrl.trim().match(urlPattern);\n if (!urlMatch) {\n showNotification('Please enter a valid Twitter/X post URL (e.g., https://twitter.com/username/status/123456789)', 'error');\n setIsVerifying(false);\n return;\n }\n const extractedUsername = urlMatch[2];\n const statusId = urlMatch[3];\n if (!/^[a-zA-Z0-9_]+$/.test(extractedUsername)) {\n showNotification('Invalid Twitter username in the URL', 'error');\n setIsVerifying(false);\n return;\n }\n if (statusId.length < 10) {\n showNotification('Invalid post URL - status ID too short', 'error');\n setIsVerifying(false);\n return;\n }\n const existingEntries = await devbaseClient.listEntities('entries', {\n postUrl: postUrl.trim()\n });\n if (existingEntries.length > 0) {\n showNotification('This post has already been submitted', 'warning');\n setIsVerifying(false);\n return;\n }\n setTimeout(async () => {\n try {\n await devbaseClient.createEntity('entries', {\n postUrl: postUrl.trim(),\n twitterUsername: extractedUsername,\n verified: true,\n approved: false,\n timestamp: Date.now()\n });\n setIsEntered(true);\n setHasPosted(true);\n setTwitterUsername(extractedUsername);\n setIsVerifying(false);\n showNotification('Entry submitted! Please wait for admin approval.', 'success');\n } catch (error) {\n console.error('Error creating entry:', error);\n showNotification('Error submitting entry. Please try again.', 'error');\n setIsVerifying(false);\n }\n }, 2000);\n } catch (error) {\n console.error('Error verifying post:', error);\n setIsVerifying(false);\n }\n };\n const startRaffle = async () => {\n if (!isAdmin || userWallet !== ADMIN_WALLET) {\n showNotification('Only admin can start the drawing!', 'error');\n return;\n }\n try {\n setIsDrawing(true);\n setCountdown(5);\n const countdownInterval = setInterval(() => {\n setCountdown(prev => {\n if (prev <= 1) {\n clearInterval(countdownInterval);\n return 0;\n }\n return prev - 1;\n });\n }, 1000);\n socket.emit('raffleStart');\n setTimeout(() => {\n drawWinners();\n }, 6000);\n } catch (error) {\n console.error('Error starting raffle:', error);\n }\n };\n const drawWinners = async () => {\n const allEntries = await devbaseClient.listEntities('entries');\n const shuffled = [...allEntries].sort(() => Math.random() - 0.5);\n const selectedWinners = shuffled.slice(0, 4);\n for (let i = 0; i < selectedWinners.length; i++) {\n setTimeout(async () => {\n setCurrentWinnerIndex(i);\n const winner = selectedWinners[i];\n await devbaseClient.createEntity('winners', {\n twitterUsername: winner.twitterUsername,\n position: i + 1,\n timestamp: Date.now()\n });\n setWinners(prev => [...prev, {\n ...winner,\n position: i + 1\n }]);\n setShowConfetti(true);\n setTimeout(() => setShowConfetti(false), 2000);\n socket.emit('winnerDrawn', {\n winner: winner.twitterUsername,\n position: i + 1\n });\n if (i === 3) {\n setTimeout(() => {\n setIsDrawing(false);\n setCurrentWinnerIndex(-1);\n socket.emit('raffleComplete');\n }, 3000);\n }\n }, i * 4000);\n }\n };\n const handleNewEntry = data => {\n loadEntries();\n };\n const handleRaffleStart = () => {\n setIsDrawing(true);\n setCountdown(5);\n };\n const handleWinnerDrawn = data => {\n loadWinners();\n setShowConfetti(true);\n setTimeout(() => setShowConfetti(false), 2000);\n };\n const handleRaffleComplete = () => {\n setIsDrawing(false);\n setCurrentWinnerIndex(-1);\n };\n const Confetti = () =>

\n {Array.from({\n length: 50\n }).map((_, i) => )}\n

;\n return

\n \n\n {showConfetti && }\n\n {notification && \n

\n {notification.type === 'success' && '[OK]'}\n {notification.type === 'error' && '[ERR]'}\n {notification.type === 'warning' && '[WARN]'}\n {notification.type === 'info' && '[INFO]'}\n

{notification.message}

\n \n

\n }\n\n

\n SHIRTGATE\n

\n the most dramatic t-shirt raffle\n

\n \n {twitterUsername &&

\n @{twitterUsername}\n

}\n {isAdmin && }\n

\n \n

\n\n

\n TSHIRT CHART\n

\n \n

Market Cap

\n \n

Holders

\n \n

\n\n {}\n

\n TSHIRT/HOLDERS\n 0 ? 'text-green-400' : 'text-red-400'}`}>\n {entries.length}\n \n 0 ? 'text-green-400' : 'text-red-400'}`}>\n {entries.length > 0 ? '+' : ''}{(entries.length * 100).toFixed(0)}%\n \n

\n ●\n

\n \n

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

\n {Array.from({\n length: 6\n }).map((_, i) =>

)}\n {Array.from({\n length: 8\n }).map((_, i) =>

)}\n

\n \n

\n 24h Range: 0 - {entries.length} holders\n Last: {new Date().toLocaleTimeString()}\n

\n\n

\n 4 T-Shirts Available | {entries.length} Participants | \n {entries.length > 0 ? ` ${(4 / entries.length * 100).toFixed(1)}% Win Chance` : ' 100% Win Chance'}\n {entries.length >= 4 ? ' | Ready to draw!' : ''}\n

\n\n {!isDrawing && winners.length === 0 && entries.length >= 4 && isAdmin && {\n if (confirm('Are you sure you want to start the raffle drawing? This will select 4 winners from all approved entries.')) {\n startRaffle();\n }\n }} className=\"w-full py-2 sm:py-3 font-black text-xs sm:text-sm mb-3 sm:mb-4 hover:bg-green-500/10 transition-colors border-2\" style={{\n backgroundColor: 'transparent',\n borderColor: '#5ace90',\n color: '#5ace90'\n }} whileHover={{\n scale: 1.05\n }} whileTap={{\n scale: 0.95\n }}>\n START THE DRAWING! (ADMIN ONLY)\n }\n \n {!isDrawing && winners.length === 0 && entries.length >= 4 && !isAdmin &&

\n Drawing will happen on September 3rd\n

}\n\n {countdown > 0 && \n \n {countdown}\n \n

Drawing starts in...

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

\n THE CHOSEN ONES\n

\n {winners.map((winner, index) => \n

\n #{winner.position}\n @{winner.twitterUsername}\n {currentWinnerIndex === index && \n JUST DRAWN!\n }\n

\n )}\n

}\n

\n\n

\n {isAdmin && pendingEntries.length > 0 &&

\n ADMIN PANEL - PENDING ENTRIES\n

\n {pendingEntries.map(entry =>

@{entry.twitterUsername}

{entry.postUrl}

Submitted: {new Date(entry.timestamp).toLocaleString()}

\n \n \n \n

)}\n

}\n

\n\n {showParticipationModal && setShowParticipationModal(false)}>\n e.stopPropagation()}>\n

Join Giveaway

\n \n

\n Step 1: Post & Submit\n

\n {!hasPosted ?

\n Post on Twitter, then paste your link below\n

\n \n

\n Post must contain: #DEVFUNSHIRT, @netvyxe, @devfunpump, @storedotfun\n

\n setPostUrl(e.target.value)} className=\"w-full p-2 text-sm bg-black/30 border border-gray-600 text-white mb-2\" />\n \n

Entry submitted for review

@{twitterUsername}

}\n \n

\n \n }\n\n {showHoldersModal && setShowHoldersModal(false)}>\n e.stopPropagation()}>\n

Holders ({entries.length})

\n \n

\n {entries.length === 0 ?

No approved entries yet

: entries.map((entry, index) => \n

\n #{index + 1}\n @{entry.twitterUsername}\n

\n \n {new Date(entry.timestamp).toLocaleDateString()}\n \n

\n \n )}\n

\n \n }\n\n {showMarketCapModal && setShowMarketCapModal(false)}>\n e.stopPropagation()}>\n

T-Shirt Design

\n \n

\n $\"T-Shirt$ \n

4 Premium Quality T-Shirts

Winners will receive this exclusive design

\n \n }\n

\n\n \n

;\n}\nexport default function AppWithProvider() {\n return \n \n ;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"framer-motion\":\"10.16.4\",\"lucide-react\":\"0.441.0\",\"socket.io-client\":\"4.7.1\",\"@devfunlabs/web-sdk\":\"0.5.6\",\"@solana/wallet-adapter-react-ui\":\"0.9.35\",\"@solana/wallet-adapter-react\":\"0.15.35\",\"@solana/wallet-adapter-wallets\":\"0.19.32\",\"@solana/web3.js\":\"1.95.3\",\"react-router-dom\":\"6.18.0\",\"recharts\":\"2.8.0\"}}","appFunctions",[],"token","upstreamApp","isLordOfDev","analytics",[83,87,89,91,93,95,97,99,101,103,105,107,109,111,114],{"_84":85,"_86":59},"day","2025-08-14","runCount",{"_84":88,"_86":59},"2025-08-15",{"_84":90,"_86":59},"2025-08-16",{"_84":92,"_86":59},"2025-08-17",{"_84":94,"_86":59},"2025-08-18",{"_84":96,"_86":59},"2025-08-19",{"_84":98,"_86":59},"2025-08-20",{"_84":100,"_86":59},"2025-08-21",{"_84":102,"_86":59},"2025-08-22",{"_84":104,"_86":59},"2025-08-23",{"_84":106,"_86":59},"2025-08-24",{"_84":108,"_86":59},"2025-08-25",{"_84":110,"_86":59},"2025-08-26",{"_84":112,"_86":113},"2025-08-27",35,{"_84":115,"_86":116},"2025-08-28",4,"snapshot","ogImage","https://cdn.dev.fun/og/image/762f5190e016f078bdb3/ff27123d.webp","isDevbase","actionData","errors"]

say something