[{"_1":2,"_125":-5,"_126":-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,"_124":-5,"_121":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":29,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_5":40,"_52":53,"_54":55,"_56":37,"_57":58,"_59":55,"_60":17,"_61":17,"_62":63,"_64":65,"_66":67,"_68":69,"_86":-5,"_87":17,"_88":89,"_121":27,"_122":123},"id","b94dc12bd0675c184753","isMyApp",false,"name","dewverse","description","Your portal to the expanding dewniverse! Showcase your crococorsa masterpiece while teasing the world with eight mysterious coming attractions.","isLive",true,"tags",[],"cover","https://cdn.dev.fun/snapshot/b94dc12bd0675c184753/30699_440548c7.webp","cdnUrl","https://cdn.dev.fun/app/b94dc12bd0675c184753/30699","createdAt",["D",1741882538357],"updatedAt",["D",1741894093280],"lastCommitId",["B","30699"],"tier",1,"credits",14,{"_14":41,"_42":43,"_44":-5,"_45":43,"_46":47,"_48":49,"_50":51},"46c87991-407f-42a0-9a88-9d9c1dee10e8","uniqueId","89sFxq9mLKJLsb8WDzjm3kiXFnQhAQYyJypfRBQexE8a","username","solanaWallet","displayName","89s...E8a","bio","(buidl, buidl)","avatar","/avatar.svg","commitCount",7,"forkCount",0,"likeCount","runsCount",131,"visitorCount","isArchived","isRenamed","contractAddress","d3N9wV6uJMXWz5Wq43JthkGjXFdFe8sM4RuSTGUpump","code","import { useState, useEffect, useRef } from 'react';\nimport { io } from 'socket.io-client';\nexport default function App() {\n const [hoverIndex, setHoverIndex] = useState(null);\n const [isPortalOpen, setIsPortalOpen] = useState(false);\n const [showDevTools, setShowDevTools] = useState(false);\n const [onlinePlayers, setOnlinePlayers] = useState({\n crococorsa: 0,\n stackchain: 0,\n dewfunwet: 0\n });\n const [isConnected, setIsConnected] = useState(false);\n const codeSnippetRef = useRef(null);\n const socketRef = useRef(null);\n const apps = [{\n name: \"crococorsa\",\n image: \"https://i.postimg.cc/6psQjBZ2/image-2025-03-13-17-18-14.png\",\n link: \"https://dev.fun/p/99459c6e1ebdc4d674a9\",\n isActive: true,\n pvpLink: \"https://dev.fun/p/99459c6e1ebdc4d674a9?mode=pvp\",\n id: \"crococorsa\"\n }, {\n name: \"stackchain\",\n image: \"https://i.postimg.cc/hP7Ddhjz/5.jpg\",\n link: \"https://dev.fun/p/320a369b2454a6163fd7\",\n isActive: true,\n pvpLink: \"https://dev.fun/p/320a369b2454a6163fd7?mode=pvp\",\n id: \"stackchain\"\n }, {\n name: \"dew.fun wet\",\n image: \"https://i.postimg.cc/gcMJFfws/6.jpg\",\n link: \"https://dev.fun/p/35db68b1b9c56526aa07\",\n isActive: true,\n pvpLink: \"https://dev.fun/p/35db68b1b9c56526aa07?mode=pvp\",\n id: \"dewfunwet\"\n }, ...Array(6).fill({\n name: \"Coming Soon\",\n isActive: false\n })];\n const handlePortalClick = (app, isPvp = false) => {\n if (app.isActive) {\n setIsPortalOpen(true);\n setTimeout(() => {\n window.location.href = isPvp ? app.pvpLink : app.link;\n }, 1000);\n }\n };\n useEffect(() => {\n socketRef.current = io('wss://ws.dev.fun/app-b94dc12bd0675c184753');\n socketRef.current.on('connect', () => {\n setIsConnected(true);\n console.log('Connected to socket server');\n });\n socketRef.current.on('disconnect', () => {\n setIsConnected(false);\n });\n socketRef.current.on('player_count_update', data => {\n setOnlinePlayers(prev => ({\n ...prev,\n [data.app]: data.count\n }));\n });\n\n // Simulate player counts for demo purposes\n const simulatePlayerCounts = () => {\n const simulatedCrococorsa = Math.floor(Math.random() * 5) + 1;\n const simulatedStackchain = Math.floor(Math.random() * 3) + 1;\n const simulatedDewfunwet = Math.floor(Math.random() * 4) + 1;\n setOnlinePlayers({\n crococorsa: simulatedCrococorsa,\n stackchain: simulatedStackchain,\n dewfunwet: simulatedDewfunwet\n });\n };\n simulatePlayerCounts();\n const interval = setInterval(simulatePlayerCounts, 10000);\n return () => {\n clearInterval(interval);\n if (socketRef.current) {\n socketRef.current.disconnect();\n }\n };\n }, []);\n useEffect(() => {\n const stars = [];\n const createStars = () => {\n const starContainer = document.getElementById('star-container');\n if (!starContainer) return;\n starContainer.innerHTML = '';\n for (let i = 0; i < 100; i++) {\n const star = document.createElement('div');\n star.className = 'absolute w-1 h-1 bg-white rounded-full';\n star.style.left = `${Math.random() * 100}%`;\n star.style.top = `${Math.random() * 100}%`;\n star.style.opacity = `${Math.random() * 0.8 + 0.2}`;\n star.style.animation = `twinkle ${Math.random() * 5 + 3}s infinite`;\n starContainer.appendChild(star);\n stars.push(star);\n }\n };\n createStars();\n const interval = setInterval(() => {\n stars.forEach(star => {\n star.style.opacity = `${Math.random() * 0.8 + 0.2}`;\n });\n }, 3000);\n return () => clearInterval(interval);\n }, []);\n return

\n \n \n \n

\n $\"dewverse$ \n

\n dewverse\n

\n Your portal to the expanding dewniverse! Showcase your crococorsa masterpiece while teasing the world with eight mysterious coming attractions.\n

\n \n

\n {apps.map((app, index) =>

setHoverIndex(index)} onMouseLeave={() => setHoverIndex(null)} onClick={() => handlePortalClick(app)}>\n

\n {app.isActive ? <>\n

{app.name}

\n {app.id && onlinePlayers[app.id] > 0 &&

\n \n {onlinePlayers[app.id]} online\n \n

}\n

handlePortalClick(app)} className=\"mt-2 bg-purple-600 hover:bg-purple-500 text-white px-4 py-2 rounded-full transition-colors duration-300 inline-block cursor-pointer\">\n Enter Portal\n

\n {app.pvpLink &&

handlePortalClick(app, true)} className=\"mt-2 bg-indigo-600 hover:bg-indigo-500 text-white px-4 py-2 rounded-full transition-colors duration-300 inline-block cursor-pointer\">\n Find Players\n

}\n

\n : <>\n

\n ???\n

Coming Soon

\n Locked\n

\n }\n

\n \n {isPortalOpen && index === 0 &&

}\n

)}\n

\n \n \n

;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"socket.io-client\":\"4.7.1\"}}","token",{"_18":70,"_71":70,"_72":73,"_74":75,"_76":77,"_78":79,"_80":81,"_82":83,"_84":85,"_62":63},"dew.fun","symbol","price",0.00000444,"marketcap",4530.1368617,"image","https://pump.mypinata.cloud/ipfs/QmSaHiKhCWWBymbkrbpR3YupL5XSUEXV9sgvnKF5QjbtLB?img-width=256&img-dpr=2","website","https://dev.fun/p/b94dc12bd0675c184753","twitter","https://x.com/dewdotfun","devCount",3,"appCount",6,"upstreamApp","isLordOfDev","analytics",[90,94,96,98,100,102,104,106,108,110,112,114,116,118,120],{"_91":92,"_93":55},"day","2025-03-19","runCount",{"_91":95,"_93":55},"2025-03-20",{"_91":97,"_93":55},"2025-03-21",{"_91":99,"_93":55},"2025-03-22",{"_91":101,"_93":55},"2025-03-23",{"_91":103,"_93":55},"2025-03-24",{"_91":105,"_93":55},"2025-03-25",{"_91":107,"_93":55},"2025-03-26",{"_91":109,"_93":55},"2025-03-27",{"_91":111,"_93":55},"2025-03-28",{"_91":113,"_93":55},"2025-03-29",{"_91":115,"_93":55},"2025-03-30",{"_91":117,"_93":55},"2025-03-31",{"_91":119,"_93":55},"2025-04-01",{"_91":101,"_93":37},"snapshot","ogImage","https://cdn.dev.fun/og/image/b94dc12bd0675c184753/1d1f0a4c.webp","commitDetail","actionData","errors"]