[{"_1":2,"_141":-5,"_142":-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":61,"_62":63,"_64":65,"_66":65,"_67":65,"_68":65,"_69":65,"_70":65,"_71":17,"_72":25,"_73":74,"_75":76,"_77":78,"_79":80,"_81":82,"_99":-5,"_100":17,"_101":102,"_137":32,"_138":139,"_140":17},"id","69ac92144d8bab572bb6","isMyApp",false,"name","FT Predictor","description","A mystical prediction playground where you channel your inner oracle to forecast if Twitter's Fantasy Top heroes will shine or stumble in their next tournament! Place your bets, earn bragging rights, and watch as your prophecies either ascend to legendary status or hilariously backfire while competing against other soothsayers in this addictive \"I told you so\" simulator.","brief","","isLive",true,"isPublic","tags",[29,30],"💰","👑","cover","https://cdn.dev.fun/snapshot/69ac92144d8bab572bb6/14114_7d7a17f0.webp","cdnUrl","https://cdn.dev.fun/app/69ac92144d8bab572bb6/14114","createdAt",["D",1738264519107],"updatedAt",["D",1738591198701],"lastCommitId",["B","14114"],"tier",1,"credits",127,{"_14":46,"_47":48,"_49":48,"_50":51,"_52":48,"_53":23,"_54":55},"70f9bb0d-e051-4748-924d-5a435b2a66a4","uniqueId","nils116","username","solanaWallet","7oyfre8An3r6SWjHk7HAqhgunaN3QTok8L9bxTvayoje","displayName","bio","avatar","https://cdn.dev.fun/avatar/70f9bb0d-e051-4748-924d-5a435b2a66a4/b059e324.webp","commitCount",24,"forkCount",4,"likeCount",6,"runsCount",884,"downvoteCount",0,"upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","3HfLqhtF5hR5dyBXh6BMtRaTm9qzStvEGuMa8Gx6pump","code","import React, { useState, useEffect } from 'react';\nimport { StateClient } from '@devfunlabs/state-client';\nimport { Search, ArrowUpCircle, ArrowDownCircle, Trophy, Sparkles, Trash2, Share2, X, Info } from 'lucide-react';\nimport io from 'socket.io-client';\n\nconst socket = io('wss://ws.dev.fun/app-69ac92144d8bab572bb6');\nconst client = new StateClient({ baseURL: 'https://state.dev.fun', appId: '69ac92144d8bab572bb6' });\n\nconst heroData = [\n { id: 147, name: 'Adam', handle: '@surfcoderepeat', predictedScore: 357, image_url: 'https://pbs.twimg.com/profile_images/1707558009776242688/Mu8g3JM2_normal.jpg', lastTournament: 697 },\n { id: 17, name: 'ram', handle: '@0xRamonos', predictedScore: 931, image_url: 'https://pbs.twimg.com/profile_images/1778954511349903360/kBSJNkBx_normal.jpg', lastTournament: 986 },\n { id: 35, name: 'Ansem', handle: '@blknoiz06', predictedScore: 963, image_url: 'https://pbs.twimg.com/profile_images/1868298971837255680/cN-ikO7h_normal.jpg', lastTournament: 983 },\n { id: 72, name: 'Gigi CTW', handle: '@gianinaskarlett', predictedScore: 819, image_url: 'https://pbs.twimg.com/profile_images/1819103197648011264/HNvdkG6y_normal.jpg', lastTournament: 948 },\n { id: 33, name: 'IcoBeast eth', handle: '@beast_ico', predictedScore: 929, image_url: 'https://pbs.twimg.com/profile_images/1610827135978987522/qGWbuvec_normal.jpg', lastTournament: 937 },\n { id: 138, name: 'Lukas computer', handle: '@SCHIZO_FREQ', predictedScore: 700, image_url: 'https://pbs.twimg.com/profile_images/1880294643843129344/VKnw7C1L_normal.jpg', lastTournament: 936 },\n { id: 48, name: 'Guru', handle: '@CoinGurruu', predictedScore: 590, image_url: 'https://pbs.twimg.com/profile_images/1584989392132866086/36z_WjdM_normal.jpg', lastTournament: 910 },\n { id: 133, name: 'rasmr', handle: '@rasmr_eth', predictedScore: 931, image_url: 'https://pbs.twimg.com/profile_images/1831904183001247744/ALdr5oD1_normal.jpg', lastTournament: 909 },\n { id: 95, name: 'kook', handle: '@KookCapitalLLC', predictedScore: 879, image_url: 'https://pbs.twimg.com/profile_images/1724383779307843584/YiFv8ORd_normal.jpg', lastTournament: 895 },\n { id: 121, name: 'ThreadGuy', handle: '@notthreadguy', predictedScore: 879, image_url: 'https://pbs.twimg.com/profile_images/1766155710432526336/cXUlVP1F_normal.jpg', lastTournament: 890 },\n { id: 75, name: 'greg', handle: '@greg16676935420', predictedScore: 900, image_url: 'https://pbs.twimg.com/profile_images/1581014308397502464/NPogKMyk_normal.jpg', lastTournament: 897 },\n { id: 27, name: 'banditXBT fan acc', handle: '@banditxbt', predictedScore: 406, image_url: 'https://pbs.twimg.com/profile_images/1867913262005624834/CzyJXWZT_normal.jpg', lastTournament: 0 },\n { id: 77, name: 'Heart', handle: '@heartereum', predictedScore: 406, image_url: 'https://pbs.twimg.com/profile_images/1804118307118694400/mW6yS3Ai_normal.jpg', lastTournament: 492 },\n { id: 166, name: 'wale moca', handle: '@waleswoosh', predictedScore: 860, image_url: 'https://pbs.twimg.com/profile_images/1700199367511064576/v-3PNyPw_normal.jpg', lastTournament: 900 },\n { id: 123, name: 'Orangie', handle: '@orangie', predictedScore: 844, image_url: 'https://pbs.twimg.com/profile_images/1843439709571219456/iNRM1482_normal.jpg', lastTournament: 901 },\n { id: 79, name: 'Honey', handle: '@honey_xbt', predictedScore: 680, image_url: 'https://pbs.twimg.com/profile_images/1789254181997694976/iSzH5TDD_normal.jpg', lastTournament: 674 },\n { id: 12, name: 'mert helius dev', handle: '@0xMert_', predictedScore: 894, image_url: 'https://pbs.twimg.com/profile_images/1869346713409830912/rhlOQji7_normal.jpg', lastTournament: 888 },\n { id: 24, name: 'apix', handle: '@apixtwts', predictedScore: 524, image_url: 'https://pbs.twimg.com/profile_images/1663128307393519621/leQ2uGee_normal.jpg', lastTournament: 635 },\n { id: 153, name: 'Tom Schmidt', handle: '@tomhschmidt', predictedScore: 401, image_url: 'https://pbs.twimg.com/profile_images/1881445263987924992/N-pggwzk_normal.jpg', lastTournament: 889 },\n { id: 152, name: 'db', handle: '@tier10k', predictedScore: 954, image_url: 'https://pbs.twimg.com/profile_images/1416723334683893767/HvpCjb43_normal.jpg', lastTournament: 882 }\n];\n\nexport default function App() {\n const [searchTerm, setSearchTerm] = useState('');\n const [predictions, setPredictions] = useState({});\n const [isConnected, setIsConnected] = useState(socket.connected);\n const [userCount, setUserCount] = useState(0);\n const [submissions, setSubmissions] = useState([]);\n const [showConfirmation, setShowConfirmation] = useState(false);\n const [activeTooltip, setActiveTooltip] = useState(null);\n const [showSubmitTooltip, setShowSubmitTooltip] = useState(false);\n\n useEffect(() => {\n setPredictions({});\n\n function onConnect() {\n setIsConnected(true);\n }\n\n function onDisconnect() {\n setIsConnected(false);\n }\n\n function onUserCount(value) {\n setUserCount(value);\n }\n\n function onSubmission(submission) {\n setSubmissions(prev => [...prev, submission]);\n }\n\n socket.on('connect', onConnect);\n socket.on('disconnect', onDisconnect);\n socket.on('devfun:user_count', onUserCount);\n socket.on('submission', onSubmission);\n\n return () => {\n socket.off('connect', onConnect);\n socket.off('disconnect', onDisconnect);\n socket.off('devfun:user_count', onUserCount);\n socket.off('submission', onSubmission);\n };\n }, []);\n\n const filteredHeroes = heroData.filter(hero =>\n hero.name.toLowerCase().includes(searchTerm.toLowerCase()) ||\n hero.handle.toLowerCase().includes(searchTerm.toLowerCase())\n );\n\n const predictionsCount = Object.keys(predictions).length;\n const requiredPredictions = 20;\n\n const handlePrediction = (heroId, prediction) => {\n setPredictions(prev => ({\n ...prev,\n [heroId]: prediction\n }));\n };\n\n const clearPredictions = () => {\n setPredictions({});\n };\n\n const formatPredictions = () => {\n return Object.entries(predictions)\n .map(([heroId, prediction]) => `${heroId}${prediction === 'over' ? 'o' : 'u'}`)\n .join(' ');\n };\n\n const handleSubmit = async () => {\n if (predictionsCount < requiredPredictions) {\n alert(`Please make ${requiredPredictions} predictions before submitting!`);\n return;\n }\n setShowConfirmation(true);\n };\n\n const confirmSubmit = async () => {\n const submission = {\n id: Date.now().toString(),\n predictions,\n timestamp: new Date().toISOString()\n };\n\n try {\n await client.createEntity('predictions', submission);\n socket.emit('submission', submission);\n\n const encryptedPredictions = formatPredictions();\n const tweetText = `🎯 Made my @fantasy_top_ Main 27 predictions! Compete in #ftpredictor37 by @nils116 for 25k $BUIDL prize money!\\n\\n${encryptedPredictions}\\n\\nJoin here: https://dev.fun/p/69ac92144d8bab572bb6`;\n window.open(`https://twitter.com/intent/tweet?text=${encodeURIComponent(tweetText)}`, '_blank');\n setShowConfirmation(false);\n } catch (error) {\n console.error('Error submitting predictions:', error);\n alert('Error submitting predictions. Please try again.');\n }\n };\n\n return (\n

\n {showConfirmation && (\n

Ready to Submit?

\n Submit your predictions by posting on X to enter the competition and win from the prize pool of 25,000 $BUIDL!\n

\n setShowConfirmation(false)}\n className=\"flex-1 bg-gray-800 hover:bg-gray-700 text-gray-300 px-4 py-2 rounded-lg transition-colors\"\n >\n Cancel\n \n \n Post on X\n \n

\n )}\n\n

\n \n FT Predictor\n

\n Predict if heroes will score higher or lower than their previous tournament!\n

Online Players

{userCount}

Predictions

{predictionsCount}/{requiredPredictions}

\n\n

\n \n setSearchTerm(e.target.value)}\n className=\"w-full bg-gray-900 border border-emerald-600/50 rounded-lg py-2 pl-10 pr-4 text-emerald-200 placeholder-emerald-600 focus:outline-none focus:border-emerald-400/50\"\n />\n

\n \n \n Clear All\n \n

\n setShowSubmitTooltip(true)}\n onMouseLeave={() => setShowSubmitTooltip(false)}\n className=\"flex items-center gap-2 bg-gray-700/50 text-gray-400 px-4 py-2 rounded-lg cursor-not-allowed\"\n >\n \n Submit on X\n \n {showSubmitTooltip && (\n

\n Submissions will reopen for Main 38\n

\n )}\n

\n\n

\n Share your submission on X to officially enter the competition! Do not change the encrypted data in the post\n

\n\n

\n {filteredHeroes.map(hero => (\n \n

\n ${hero.name}\n$ \n

{hero.handle}

{hero.name}

Prediction

{hero.predictedScore}

\n setActiveTooltip(hero.id)}\n onMouseLeave={() => setActiveTooltip(null)}\n onClick={() => setActiveTooltip(activeTooltip === hero.id ? null : hero.id)}\n >\n \n \n {activeTooltip === hero.id && (\n

\n Last Tournament: {hero.lastTournament}\n

\n )}\n

\n\n

\n handlePrediction(hero.id, 'over')}\n className={`flex-1 flex items-center justify-center gap-2 py-2 rounded-lg transition-colors ${\n predictions[hero.id] === 'over'\n ? 'bg-emerald-500/20 text-emerald-300'\n : 'bg-gray-800 hover:bg-gray-700 text-gray-300'\n }`}\n >\n \n Over\n \n handlePrediction(hero.id, 'under')}\n className={`flex-1 flex items-center justify-center gap-2 py-2 rounded-lg transition-colors ${\n predictions[hero.id] === 'under'\n ? 'bg-red-500/20 text-red-300'\n : 'bg-gray-800 hover:bg-gray-700 text-gray-300'\n }`}\n >\n \n Under\n \n

\n ))}\n

\n\n {submissions.length > 0 && (\n

\n \n Recent Submissions\n

\n {submissions.map(submission => (\n

\n Submitted at: {new Date(submission.timestamp).toLocaleString()}\n

\n {Object.entries(submission.predictions).map(([heroId, prediction]) => {\n const hero = heroData.find(h => h.id === parseInt(heroId));\n return hero ? (\n \n {hero.handle}: {prediction.toUpperCase()}\n

\n ) : null;\n })}\n

\n ))}\n

\n )}\n \n \n );\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"@devfunlabs/state-client\":\"latest\",\"lucide-react\":\"0.441.0\",\"socket.io-client\":\"latest\"}}","appFunctions",[],"token",{"_18":83,"_84":83,"_85":86,"_87":88,"_89":90,"_91":92,"_93":94,"_95":96,"_97":98,"_73":74},"buidl","symbol","price",0.0008918,"marketcap",891778,"image","https://pump.mypinata.cloud/ipfs/QmPR3CamxoBQW892uHDT2EGRxFvksiJyrEg1ajZYVqJhnf?img-width=256&img-dpr=2","website","https://buidl.eco/","twitter","https://x.com/buidldao_","devCount",320,"appCount",2183,"upstreamApp","isLordOfDev","analytics",[103,107,109,111,113,115,117,119,121,123,125,127,129,131,133,135,136],{"_104":105,"_106":65},"day","2025-08-09","runCount",{"_104":108,"_106":65},"2025-08-10",{"_104":110,"_106":65},"2025-08-11",{"_104":112,"_106":65},"2025-08-12",{"_104":114,"_106":65},"2025-08-13",{"_104":116,"_106":65},"2025-08-14",{"_104":118,"_106":65},"2025-08-15",{"_104":120,"_106":65},"2025-08-16",{"_104":122,"_106":65},"2025-08-17",{"_104":124,"_106":65},"2025-08-18",{"_104":126,"_106":65},"2025-08-19",{"_104":128,"_106":65},"2025-08-20",{"_104":130,"_106":65},"2025-08-21",{"_104":132,"_106":65},"2025-08-22",{"_104":124,"_106":134},2,{"_104":126,"_106":134},{"_104":130,"_106":42},"snapshot","ogImage","https://cdn.dev.fun/og/image/69ac92144d8bab572bb6/d98420a5.webp","isDevbase","actionData","errors"]

say something