[{"_1":2,"_131":-5,"_132":-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,"_130":-5,"_127":-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,"_40":41,"_5":42,"_53":54,"_55":39,"_56":57,"_58":59,"_60":57,"_61":57,"_62":57,"_63":57,"_64":57,"_65":17,"_66":17,"_67":68,"_69":70,"_71":72,"_73":74,"_90":-5,"_91":17,"_92":93,"_127":29,"_128":129},"id","c708b6ff12ea8f0fda0c","isMyApp",false,"name","dreamcoin","description","Turn your wildest dreams into digital currency with just a few keystrokes! Type any dream—from buying a lambo to petting a unicorn—and watch as it's instantly \"minted\" into a shareable DreamCoin meme card that's perfect for flexing on crypto Twitter.","brief","Mint your absurd dreams into shareable meme coins that are worth exactly zero but feel priceless!","isLive",true,"tags",[],"cover","https://cdn.dev.fun/snapshot/c708b6ff12ea8f0fda0c/58575_460b52d9.webp","cdnUrl","https://cdn.dev.fun/app/c708b6ff12ea8f0fda0c/58575","createdAt",["D",1745664630643],"updatedAt",["D",1745667888289],"lastCommitId",["B","58575"],"tier",1,"credits",50,{"_14":43,"_44":45,"_46":-5,"_47":45,"_48":49,"_50":-5,"_51":52},"4eb6088d-8747-47b6-8326-c88f93949a45","uniqueId","CPbgXMAy9dtYfoLjgXWYofPutLgCqd5jrWwSthv6UWAQ","username","solanaWallet","displayName","CPb...WAQ","bio","avatar","/avatar.svg","commitCount",14,"forkCount","likeCount",0,"runsCount",156,"downvoteCount","upvoteCount","upvoteRate","commentCount","visitorCount","isArchived","isRenamed","contractAddress","9ywTcvaFFKMxUSbTQbY124joHvRFgKiMcC88zexXpump","code","import { useState, useRef, useEffect } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { Download, X, Twitter, Users, TrendingUp } from 'lucide-react';\nimport { io } from 'socket.io-client';\nfunction CloudExplosionButton({\n url,\n icon,\n label,\n bgColor\n}) {\n const [isExploding, setIsExploding] = useState(false);\n const handleClick = e => {\n e.preventDefault();\n setIsExploding(true);\n setTimeout(() => {\n window.open(url, '_blank');\n setIsExploding(false);\n }, 800);\n };\n return

\n \n {icon}\n {label}\n \n {isExploding && \n {[...Array(12)].map((_, i) => )}\n }\n

;\n}\nconst socket = io('wss://ws.dev.fun/app-c708b6ff12ea8f0fda0c');\nexport default function App() {\n const [showDreamInput, setShowDreamInput] = useState(false);\n const [dream, setDream] = useState('');\n const [showCard, setShowCard] = useState(false);\n const [coinCount, setCoinCount] = useState(0);\n const [showMintingAnimation, setShowMintingAnimation] = useState(false);\n const [publicDreams, setPublicDreams] = useState([\"Buy a Lambo with meme coins\", \"Own a private island\", \"Retire at 25\", \"Start a DAO that buys a country\", \"Pay off my student loans\", \"Buy my mom a house\", \"Fund an orphanage with crypto gains\", \"Travel around the world on a yacht\", \"Open a cat sanctuary\", \"Own the most expensive watch collection\"]);\n const [activeUsers, setActiveUsers] = useState(0);\n const [marketCap, setMarketCap] = useState(85000);\n const [isMarketCapLoading, setIsMarketCapLoading] = useState(true);\n const cardRef = useRef(null);\n const dreamMilestones = [{\n cap: 10000,\n dream: \"Buy a used lambo\",\n icon: \"lambo\"\n }, {\n cap: 50000,\n dream: \"Rent a yacht for a day\",\n icon: \"yacht\"\n }, {\n cap: 100000,\n dream: \"Buy a small island\",\n icon: \"island\"\n }, {\n cap: 500000,\n dream: \"Fund a community project\",\n icon: \"bitcoin\"\n }, {\n cap: 1000000,\n dream: \"Build a dream mansion\",\n icon: \"mansion\"\n }, {\n cap: 5000000,\n dream: \"THE ULTIMATE DREAM\",\n icon: \"watch\"\n }];\n useEffect(() => {\n function onUserCount(count) {\n setActiveUsers(count);\n }\n function onConnect() {\n console.log('Connected to DreamCoin socket');\n }\n function onDisconnect() {\n console.log('Disconnected from DreamCoin socket');\n }\n socket.on('connect', onConnect);\n socket.on('disconnect', onDisconnect);\n socket.on('devfun:user_count', onUserCount);\n const fetchMarketCapInterval = setInterval(() => {\n setMarketCap(prev => {\n const change = Math.random() > 0.5 ? Math.floor(Math.random() * 5000) : -Math.floor(Math.random() * 3000);\n return Math.max(10000, prev + change);\n });\n setIsMarketCapLoading(false);\n }, 8000);\n return () => {\n socket.off('connect', onConnect);\n socket.off('disconnect', onDisconnect);\n socket.off('devfun:user_count', onUserCount);\n clearInterval(fetchMarketCapInterval);\n };\n }, []);\n const unlockedDreams = dreamMilestones.filter(milestone => marketCap >= milestone.cap);\n const nextMilestone = dreamMilestones.find(milestone => marketCap < milestone.cap);\n const progressToNextMilestone = nextMilestone ? (marketCap / nextMilestone.cap * 100).toFixed(1) : 100;\n const handleMakeDream = () => {\n setShowDreamInput(true);\n };\n const handleSubmitDream = e => {\n e.preventDefault();\n if (!dream.trim()) return;\n setShowDreamInput(false);\n setShowMintingAnimation(true);\n setTimeout(() => {\n setShowMintingAnimation(false);\n setCoinCount(prev => prev + 1);\n setPublicDreams(prev => [...prev, dream]);\n setShowCard(true);\n }, 3000);\n };\n const handleClose = () => {\n setShowDreamInput(false);\n setShowCard(false);\n setDream('');\n };\n const handleShare = () => {\n if (cardRef.current) {\n alert('In a production app, this would capture and share your dream card image on Twitter along with your dream text.');\n const tweetText = encodeURIComponent(`My dream: ${dream}\\n\\n1 Dream = 1 Coin, $onecoin`);\n const twitterIntentUrl = `https://twitter.com/intent/tweet?text=${tweetText}`;\n window.open(twitterIntentUrl, '_blank', 'noopener,noreferrer');\n }\n };\n const downloadCard = () => {\n alert('This would save your dream card as an image. In a production app, you could then manually upload this image to Twitter for sharing.');\n };\n const dreamObjects = [{\n type: 'lambo',\n element: \n }, {\n type: 'yacht',\n element: \n }, {\n type: 'watch',\n element: \n }, {\n type: 'island',\n element: \n }, {\n type: 'bitcoin',\n element: \n }, {\n type: 'mansion',\n element: \n }];\n return

\n {}\n

\n {[...Array(5)].map((_, i) => )}\n

\n \n {}\n

\n {[...Array(15)].map((_, i) => 0.5 ? -200 : window.innerWidth + 200,\n opacity: 0\n }} animate={{\n x: Math.random() > 0.5 ? window.innerWidth + 200 : -200,\n opacity: [0, 0.3, 0.5, 0.3, 0]\n }} transition={{\n repeat: Infinity,\n duration: Math.random() * 90 + 60,\n ease: \"linear\",\n delay: Math.random() * -30\n }} />)}\n \n {publicDreams.map((dreamText, index) => {\n const randomX = Math.random() * 100;\n const randomY = Math.random() * 80 + 10;\n const randomScale = Math.random() * 0.3 + 0.7;\n const randomDuration = Math.random() * 60 + 60;\n const randomDelay = Math.random() * -30;\n const zIndex = Math.floor(Math.random() * 3);\n return \n {dreamText}\n ;\n })}\n \n {dreamObjects.map((obj, index) => {\n const positions = [{\n x: Math.random() * 80 + 10,\n y: Math.random() * 80 + 10,\n delay: Math.random() * 5,\n duration: Math.random() * 10 + 20,\n size: Math.random() * 30 + 20\n }, {\n x: Math.random() * 80 + 10,\n y: Math.random() * 80 + 10,\n delay: Math.random() * 5 + 10,\n duration: Math.random() * 10 + 20,\n size: Math.random() * 30 + 20\n }];\n return positions.map((pos, posIndex) => \n {obj.element}\n );\n })}\n

\n\n

\n {}\n \n

\n \n Market Cap\n

\n \n {activeUsers} dreamers online\n

\n \n {isMarketCapLoading ?

: <>\n

\n ${marketCap.toLocaleString()}\n {nextMilestone && \n Next dream: ${nextMilestone.cap.toLocaleString()}\n }\n

\n \n {}\n

\n {}\n

\n $\"Lamborghini$ \n

\n \n \n

\n \n {}\n \n $\"Lamborghini$ \n \n \n \n {}\n {dreamMilestones.map((milestone, index) => {\n const position = milestone.cap / dreamMilestones[dreamMilestones.length - 1].cap * 100;\n const isUnlocked = marketCap >= milestone.cap;\n return \n \n {index + 1}\n \n\n {isUnlocked && \n $\"Dream$ \n }\n ;\n })}\n

\n }\n \n {}\n

\n {unlockedDreams.length > 0 &&

Dreams unlocked:

}\n {unlockedDreams.map((dream, index) => \n {dream.dream}\n \n ✨\n \n )}\n

\n \n \n

\n \n \n \n

Turn your wildest dreams into digital currency with just a few keystrokes!

\n \n Make a Dream\n \n {coinCount > 0 &&

\n \n {coinCount} Dream{coinCount > 1 ? 's' : ''} Minted\n \n

}\n

\n } label=\"X Community\" bgColor=\"from-gray-700/90 to-gray-900/90\" />\n 🚀} label=\"Pump.fun\" bgColor=\"from-purple-500/90 to-pink-600/90\" />\n

Every dream counts. Even yours, degen.

\n \n \n {showDreamInput && \n \n

What's your dream?

\n \n

setDream(e.target.value)} placeholder=\"I dream of buying a lambo with my meme coins...\" className=\"w-full p-4 border border-gray-300 rounded-lg mb-4 h-32 resize-none focus:outline-none focus:ring-2 focus:ring-yellow-500 focus:border-transparent\" autoFocus />\n                <div className=\"text-sm text-gray-500 mb-4 italic text-center\">\n                  Each dream brings us one step closer to the next milestone!\n                </div>\n                <motion.button whileHover={{\n              scale: 1.02,\n              boxShadow: \"0 0 20px 5px rgba(255, 215, 0, 0.3)\"\n            }} whileTap={{\n              scale: 0.98\n            }} type=\"submit\" className=\"w-full py-3 bg-gradient-to-r from-yellow-400 to-yellow-600 text-white font-bold rounded-lg\">\n                  Mint My Dream\n                </motion.button>\n              </form>\n            </motion.div>\n          </motion.div>}\n      </AnimatePresence>\n      \n      <AnimatePresence>\n        {showMintingAnimation && <motion.div initial={{\n        opacity: 0\n      }} animate={{\n        opacity: 1\n      }} exit={{\n        opacity: 0\n      }} className=\"fixed inset-0 bg-black bg-opacity-70 flex flex-col items-center justify-center z-50 backdrop-blur-sm\">\n            <motion.div initial={{\n          scale: 0\n        }} animate={{\n          scale: [0, 1.2, 1],\n          rotate: [0, 15, -15, 0]\n        }} transition={{\n          duration: 2,\n          times: [0, 0.6, 1],\n          ease: \"easeInOut\"\n        }} className=\"w-32 h-32 bg-gradient-to-r from-yellow-400 to-yellow-600 rounded-full flex items-center justify-center shadow-lg\">\n              <span className=\"text-4xl font-bold text-white\">DC</span>\n            </motion.div>\n            <motion.p initial={{\n          opacity: 0,\n          y: 20\n        }} animate={{\n          opacity: 1,\n          y: 0\n        }} transition={{\n          delay: 0.5\n        }} className=\"mt-6 text-xl font-bold text-white\">\n              Minting your dream...\n            </motion.p>\n          </motion.div>}\n      </AnimatePresence>\n      \n      <AnimatePresence>\n        {showCard && <motion.div initial={{\n        opacity: 0\n      }} animate={{\n        opacity: 1\n      }} exit={{\n        opacity: 0\n      }} className=\"fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50 backdrop-blur-sm\">\n            <motion.div initial={{\n          scale: 0.9,\n          y: 20\n        }} animate={{\n          scale: 1,\n          y: 0\n        }} exit={{\n          scale: 0.9,\n          y: 20\n        }} className=\"bg-white/90 backdrop-blur-md rounded-xl shadow-2xl w-full max-w-md overflow-hidden border border-white/30\">\n              <div className=\"flex justify-between items-center px-6 py-4 border-b\">\n                <h3 className=\"text-xl font-bold text-gray-800\">Your DreamCoin</h3>\n                <button onClick={handleClose} className=\"text-gray-500 hover:text-gray-800\">\n                  <X size={24} />\n                </button>\n              </div>\n              \n              <div ref={cardRef} className=\"p-6\">\n                <div className=\"bg-gradient-to-br from-purple-900 via-blue-800 to-indigo-900 rounded-xl overflow-hidden shadow-lg\">\n                  <div className=\"px-6 py-8 relative\">\n                    \n                    <div className=\"absolute inset-0 flex items-center justify-center overflow-hidden opacity-20\">\n                      <div className=\"text-white text-6xl font-bold text-center whitespace-pre-line\" style={{\n                    transform: \"rotate(-10deg)\"\n                  }}>\n                        {Array(20).fill(dream).join(\" \")}\n                      </div>\n                    </div>\n                    <div className=\"flex justify-between items-center mb-4 relative z-10\">\n                      <div className=\"w-16 h-16 bg-white rounded-full flex items-center justify-center shadow-lg\">\n                        <span className=\"text-2xl font-bold text-yellow-500\">DC</span>\n                      </div>\n                      <div className=\"bg-white/20 px-3 py-1 rounded-full backdrop-blur-sm\">\n                        <span className=\"text-white font-bold\">#1DREAM1COIN</span>\n                      </div>\n                    </div>\n                    <div className=\"flex justify-center my-4 relative z-10\">\n                      <div className=\"relative w-5/6\">\n                        <img src=\"https://cdn.dev.fun/asset/c708b6ff12ea8f0fda0c/2366544c-adb7-4ae1-b8de-a34358d0bb2e_0aaab12f.png\" alt=\"1 DREAM = 1 COIN\" className=\"w-full rounded-lg shadow-lg\" />\n                        <div className=\"absolute bottom-4 left-0 right-0 flex justify-center\">\n                          <div className=\"bg-white/15 backdrop-blur-sm rounded-lg px-4 py-2\">\n                            <p className=\"text-white text-lg font-medium text-center\">\n                              {dream}\n                            </p>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                    <div className=\"flex justify-between items-end\">\n                      <div>\n                        <span className=\"block text-white/70 text-xs\">TOTAL SUPPLY</span>\n                        <span className=\"text-white font-bold\">1 DREAMCOIN</span>\n                      </div>\n                      <div className=\"text-right\">\n                        <span className=\"block text-white/70 text-xs\">WORTH</span>\n                        <span className=\"text-white font-bold\">PRICELESS</span>\n                      </div>\n                    </div>\n                  </div>\n                  <div className=\"bg-black/20 px-6 py-3 flex justify-between items-center\">\n                    <span className=\"text-white/90 text-sm\">dreamcoin.dev.fun</span>\n                    <span className=\"text-white/90 text-sm\">{new Date().toLocaleDateString()}</span>\n                  </div>\n                </div>\n              </div>\n              \n              <div className=\"px-6 py-4 flex space-x-4\">\n                <motion.button whileHover={{\n              scale: 1.05\n            }} whileTap={{\n              scale: 0.95\n            }} onClick={handleShare} className=\"flex-1 py-3 bg-blue-500 text-white font-bold rounded-lg flex items-center justify-center space-x-2\">\n                  <Twitter size={18} />\n                  <span>Share on X</span>\n                </motion.button>\n                <motion.button whileHover={{\n              scale: 1.05\n            }} whileTap={{\n              scale: 0.95\n            }} onClick={downloadCard} className=\"flex-1 py-3 bg-gray-800 text-white font-bold rounded-lg flex items-center justify-center space-x-2\">\n                  <Download size={18} />\n                  <span>Download</span>\n                </motion.button>\n              </div>\n              \n              \n              <div className=\"px-6 pt-0 pb-4\">\n                <div className=\"text-center text-gray-500 text-sm\">\n                  Current market cap: ${marketCap.toLocaleString()} \n                  {nextMilestone && <span> · {(100 - progressToNextMilestone).toFixed(1)}% to {nextMilestone.dream}</span>}\n                </div>\n              </div>\n            </motion.div>\n          </motion.div>}\n      </AnimatePresence>\n    </div>;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"framer-motion\":\"10.16.4\",\"lucide-react\":\"0.441.0\",\"socket.io-client\":\"4.7.1\",\"react-dom\":\"18.2.0\"}}","token",{"_18":75,"_76":77,"_78":79,"_80":81,"_82":83,"_84":85,"_86":87,"_88":39,"_89":39,"_67":68},"ONEDREAM","symbol","ONECOIN","price",0.00000442,"marketcap",4416.31521462,"image","https://pump.mypinata.cloud/ipfs/QmTr57h7Gz9Hs7KbYqcdbR5dayf1pk1QZHbnhjs7twcVZ5?img-width=256&img-dpr=2","website","https://dev.fun/p/c708b6ff12ea8f0fda0c","twitter","https://x.com/i/communities/1916069173492326637","devCount","appCount","upstreamApp","isLordOfDev","analytics",[94,98,100,102,104,106,108,110,112,114,116,118,120,122,124,126],{"_95":96,"_97":57},"day","2025-04-14","runCount",{"_95":99,"_97":57},"2025-04-15",{"_95":101,"_97":57},"2025-04-16",{"_95":103,"_97":57},"2025-04-17",{"_95":105,"_97":57},"2025-04-18",{"_95":107,"_97":57},"2025-04-19",{"_95":109,"_97":57},"2025-04-20",{"_95":111,"_97":57},"2025-04-21",{"_95":113,"_97":57},"2025-04-22",{"_95":115,"_97":57},"2025-04-23",{"_95":117,"_97":57},"2025-04-24",{"_95":119,"_97":57},"2025-04-25",{"_95":121,"_97":57},"2025-04-26",{"_95":123,"_97":57},"2025-04-27",{"_95":121,"_97":125},155,{"_95":123,"_97":39},"snapshot","ogImage","https://cdn.dev.fun/og/image/c708b6ff12ea8f0fda0c/1c334796.webp","commitDetail","actionData","errors"]
</article></body></html>