[{"_1":2,"_130":-5,"_131":-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,"_129":-5,"_126":-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":39,"_54":55,"_56":55,"_57":58,"_59":55,"_60":55,"_61":55,"_62":55,"_63":55,"_64":17,"_65":17,"_66":67,"_68":69,"_70":71,"_72":73,"_88":-5,"_89":17,"_90":91,"_126":29,"_127":128},"id","33994c2b3af5114acd14","isMyApp",false,"name","pompcoiner","description","Dive into the absurdly fluffy world of cryptocurrency with this terminal-style interface that teaches you how to \"mine\" digital coins using nothing but pom-poms! Create custom billboards to advertise your fuzzy currency, connect your Solana wallet, and generate magical \"flaps\" that somehow make perfect sense in this delightfully nonsensical ecosystem.","brief","Mine fluffy crypto with pom-poms, create billboards, and generate magical flaps in this bizarre terminal experience!","isLive",true,"tags",[],"cover","https://cdn.dev.fun/snapshot/33994c2b3af5114acd14/57549_d377d010.webp","cdnUrl","https://cdn.dev.fun/app/33994c2b3af5114acd14/57549","createdAt",["D",1745582967745],"updatedAt",["D",1745582968356],"lastCommitId",["B","57549"],"tier",1,"credits",60,{"_14":43,"_44":45,"_46":-5,"_47":45,"_48":49,"_50":-5,"_51":52},"1635b4a1-095e-4b62-9141-0f2b41b66056","uniqueId","5Hze6XuqcKybJLmVdHBEWuk6D1P3ww4quwamCXY9CxBJ","username","solanaWallet","displayName","5Hz...xBJ","bio","avatar","/avatar.svg","commitCount","forkCount",0,"likeCount","runsCount",14,"downvoteCount","upvoteCount","upvoteRate","commentCount","visitorCount","isArchived","isRenamed","contractAddress","BiB3njFoxKtzbZauEQG6tVG5WJRyecHN9Zc4ySGQpump","code","import { useState, useEffect, useRef } from 'react';\nimport { ConnectionProvider, WalletProvider, useWallet } from '@solana/wallet-adapter-react';\nimport { WalletModalProvider, WalletMultiButton } from '@solana/wallet-adapter-react-ui';\nimport '@solana/wallet-adapter-react-ui/styles.css';\nconst AppWithProvider = () => {\n const endpoint = 'https://rpc.dev.fun/33994c2b3af5114acd14';\n return \n \n \n \n \n \n ;\n};\nfunction App() {\n const [input, setInput] = useState('');\n const [history, setHistory] = useState([{\n type: 'system',\n content: `\n ╔══════════════════════════════════════════════════════════════╗\n ║ ║\n ║ ██████╗ ██████╗ ███╗ ███╗██████╗ ██████╗██████╗ ║\n ║ ██╔══██╗██╔═══██╗████╗ ████║██╔══██╗██╔════╝██╔══██╗ ║\n ║ ██████╔╝██║ ██║██╔████╔██║██████╔╝██║ ██║ ██║ ║\n ║ ██╔═══╝ ██║ ██║██║╚██╔╝██║██╔═══╝ ██║ ██║ ██║ ║\n ║ ██║ ╚██████╔╝██║ ╚═╝ ██║██║ ╚██████╗██████╔╝ ║\n ║ ╚═╝ ╚═════╝ ╚═╝ ╚═╝╚═╝ ╚═════╝╚═════╝ ║\n ║ ║\n ╚══════════════════════════════════════════════════════════════╝\n \n Welcome to PompCoiner v1.0.0! Mine cryptocurrency with pom-poms!\n \n Type 'help' to see available commands.\n `\n }]);\n const [pompCoins, setPompCoins] = useState(0);\n const [flaps, setFlaps] = useState(0);\n const [miningSpeed, setMiningSpeed] = useState(1);\n const [isMining, setIsMining] = useState(false);\n const [billboards, setBillboards] = useState([]);\n const [activeView, setActiveView] = useState('terminal');\n const [billboardContent, setBillboardContent] = useState({\n title: '',\n message: '',\n color: '#00ff00',\n background: '#000000'\n });\n const terminalRef = useRef(null);\n const {\n publicKey\n } = useWallet();\n const miningInterval = useRef(null);\n useEffect(() => {\n if (terminalRef.current) {\n terminalRef.current.scrollTop = terminalRef.current.scrollHeight;\n }\n }, [history]);\n useEffect(() => {\n if (isMining) {\n miningInterval.current = setInterval(() => {\n const mined = Math.random() * miningSpeed;\n setPompCoins(prev => prev + mined);\n if (Math.random() < 0.1) {\n setFlaps(prev => prev + 1);\n addToHistory('system', '🎉 Congratulations! You generated a FLAP by vigorously shaking your pom-poms!');\n }\n }, 1000);\n } else {\n if (miningInterval.current) {\n clearInterval(miningInterval.current);\n }\n }\n return () => {\n if (miningInterval.current) {\n clearInterval(miningInterval.current);\n }\n };\n }, [isMining, miningSpeed]);\n const addToHistory = (type, content) => {\n setHistory(prev => [...prev, {\n type,\n content\n }]);\n };\n const handleInputChange = e => {\n setInput(e.target.value);\n };\n const handleSubmit = e => {\n e.preventDefault();\n if (input.trim() === '') return;\n addToHistory('command', `> ${input}`);\n processCommand(input);\n setInput('');\n };\n const processCommand = cmd => {\n const command = cmd.trim().toLowerCase();\n const args = command.split(' ');\n switch (args[0]) {\n case 'help':\n addToHistory('system', `\nAvailable commands:\n- help: Show this help menu\n- mine: Start mining PompCoins\n- stop: Stop mining PompCoins\n- status: Show your mining status\n- upgrade: Upgrade your pom-poms (costs 10 POMPs)\n- billboard: Create a new billboard (costs 5 POMPs)\n- flap: Generate a FLAP (costs 20 POMPs)\n- wallet: Show your wallet information\n- billboards: Show all your billboards\n- clear: Clear the terminal\n `);\n break;\n case 'mine':\n if (isMining) {\n addToHistory('system', 'You are already mining! Your pom-poms are shaking vigorously! 💃');\n } else {\n setIsMining(true);\n addToHistory('system', 'Mining started! You are now shaking your pom-poms to generate POMPs! 🎊');\n }\n break;\n case 'stop':\n if (!isMining) {\n addToHistory('system', 'You are not mining. Your pom-poms are resting peacefully. 😴');\n } else {\n setIsMining(false);\n addToHistory('system', 'Mining stopped. Your pom-poms need a break anyway! 🛑');\n }\n break;\n case 'status':\n addToHistory('system', `\nMining Status:\n- PompCoins: ${pompCoins.toFixed(2)} POMPs\n- Flaps: ${flaps}\n- Mining Speed: ${miningSpeed.toFixed(1)} POMP/sec\n- Mining: ${isMining ? 'Active 🔥' : 'Inactive 💤'}\n- Pom-pom Level: ${Math.floor(miningSpeed)}\n `);\n break;\n case 'upgrade':\n if (pompCoins >= 10) {\n setPompCoins(prev => prev - 10);\n setMiningSpeed(prev => prev + 0.5);\n addToHistory('system', `\n🎊 Pom-pom Upgraded! 🎊\nYour pom-poms are now fluffier and more efficient!\nNew mining speed: ${(miningSpeed + 0.5).toFixed(1)} POMP/sec\n `);\n } else {\n addToHistory('system', 'Not enough POMPs! You need 10 POMPs to upgrade your pom-poms. Keep mining!');\n }\n break;\n case 'billboard':\n if (args.length === 1) {\n setActiveView('billboard');\n addToHistory('system', 'Switching to billboard creation mode...');\n } else {\n addToHistory('system', 'Usage: billboard');\n }\n break;\n case 'flap':\n if (pompCoins >= 20) {\n setPompCoins(prev => prev - 20);\n setFlaps(prev => prev + 1);\n addToHistory('system', `\n🎉 FLAP Generated! 🎉\nThrough the mystical process of digital pom-pom shaking,\nyou've created a new FLAP! It's fluffy and magical!\n\nTotal FLAPs: ${flaps + 1}\n `);\n } else {\n addToHistory('system', 'Not enough POMPs! You need 20 POMPs to generate a FLAP. Keep mining!');\n }\n break;\n case 'wallet':\n if (publicKey) {\n addToHistory('system', `\nWallet connected:\n- Address: ${publicKey.toBase58()}\n- PompCoins: ${pompCoins.toFixed(2)} POMPs\n- Flaps: ${flaps}\n `);\n } else {\n addToHistory('system', 'No wallet connected. Use the connect button in the top right corner.');\n }\n break;\n case 'billboards':\n if (billboards.length === 0) {\n addToHistory('system', 'You have not created any billboards yet. Use the \"billboard\" command to create one.');\n } else {\n setActiveView('billboardList');\n addToHistory('system', 'Switching to billboard list view...');\n }\n break;\n case 'clear':\n setHistory([{\n type: 'system',\n content: 'Terminal cleared. Type \"help\" to see available commands.'\n }]);\n break;\n default:\n addToHistory('error', `Command not recognized: ${command}\\nType \"help\" to see available commands.`);\n }\n };\n const handleBillboardSubmit = e => {\n e.preventDefault();\n if (pompCoins < 5) {\n addToHistory('system', 'Not enough POMPs! You need 5 POMPs to create a billboard.');\n setActiveView('terminal');\n return;\n }\n setPompCoins(prev => prev - 5);\n setBillboards(prev => [...prev, {\n ...billboardContent,\n id: Date.now()\n }]);\n addToHistory('system', `\nBillboard created successfully!\nTitle: ${billboardContent.title}\nCost: 5 POMPs\n `);\n setBillboardContent({\n title: '',\n message: '',\n color: '#00ff00',\n background: '#000000'\n });\n setActiveView('terminal');\n };\n const renderTerminal = () =>

\n {history.map((entry, index) =>

\n {entry.content}\n

)}\n

\n \n

;\n const renderBillboardCreator = () =>

Create Your PompCoin Billboard

\n Title:\n setBillboardContent(prev => ({\n ...prev,\n title: e.target.value\n }))} className=\"w-full bg-black border border-green-500 p-2 text-green-300 font-mono\" required />\n

\n Message:\n

setBillboardContent(prev => ({\n          ...prev,\n          message: e.target.value\n        }))} className=\"w-full bg-black border border-green-500 p-2 text-green-300 font-mono h-24\" required />\n        </div>\n        <div className=\"flex space-x-4\">\n          <div>\n            <label className=\"block text-green-400 mb-1 font-mono\">Text Color:</label>\n            <input type=\"color\" value={billboardContent.color} onChange={e => setBillboardContent(prev => ({\n            ...prev,\n            color: e.target.value\n          }))} className=\"p-1 bg-black border border-green-500\" />\n          </div>\n          <div>\n            <label className=\"block text-green-400 mb-1 font-mono\">Background:</label>\n            <input type=\"color\" value={billboardContent.background} onChange={e => setBillboardContent(prev => ({\n            ...prev,\n            background: e.target.value\n          }))} className=\"p-1 bg-black border border-green-500\" />\n          </div>\n        </div>\n        <div className=\"pt-4 flex justify-between\">\n          <button type=\"button\" onClick={() => setActiveView('terminal')} className=\"bg-red-800 hover:bg-red-700 text-white py-2 px-4 font-mono\">\n            Cancel\n          </button>\n          <button type=\"submit\" className=\"bg-green-800 hover:bg-green-700 text-white py-2 px-4 font-mono\">\n            Create Billboard (5 POMPs)\n          </button>\n        </div>\n      </form>\n\n      <div className=\"mt-6\">\n        <h3 className=\"text-green-400 text-lg mb-2 font-mono\">Preview:</h3>\n        <div className=\"border border-green-500 p-4\" style={{\n        backgroundColor: billboardContent.background,\n        color: billboardContent.color\n      }}>\n          <h3 className=\"text-xl font-bold mb-2 font-mono\">{billboardContent.title || 'Your Title Here'}</h3>\n          <p className=\"font-mono\">{billboardContent.message || 'Your promotional message will appear here. Make it catchy!'}</p>\n          <div className=\"mt-4 text-sm font-mono italic\">Powered by PompCoin (POMP)</div>\n        </div>\n      </div>\n    </div>;\n  const renderBillboardList = () => <div className=\"h-full p-4 overflow-y-auto\">\n      <div className=\"flex justify-between items-center mb-4\">\n        <h2 className=\"text-green-400 text-xl font-mono\">Your PompCoin Billboards</h2>\n        <button onClick={() => setActiveView('terminal')} className=\"bg-green-800 hover:bg-green-700 text-white py-1 px-3 font-mono\">\n          Back to Terminal\n        </button>\n      </div>\n      \n      {billboards.length === 0 ? <p className=\"text-green-300 font-mono\">You haven't created any billboards yet.</p> : <div className=\"grid gap-4 grid-cols-1 md:grid-cols-2\">\n          {billboards.map(billboard => <div key={billboard.id} className=\"border border-green-500\" style={{\n        backgroundColor: billboard.background,\n        color: billboard.color\n      }}>\n              <div className=\"p-4\">\n                <h3 className=\"text-xl font-bold mb-2 font-mono\">{billboard.title}</h3>\n                <p className=\"font-mono\">{billboard.message}</p>\n                <div className=\"mt-4 text-sm font-mono italic\">Powered by PompCoin (POMP)</div>\n              </div>\n            </div>)}\n        </div>}\n    </div>;\n  return <div className=\"min-h-screen bg-black text-green-300 flex flex-col\">\n      <header className=\"border-b border-green-500 p-4 flex justify-between items-center bg-black\">\n        <div className=\"flex items-center\">\n          <span className=\"text-xl font-bold text-green-400 font-mono animate-pulse\">\n            PompCoiner\n          </span>\n          <div className=\"ml-4 hidden sm:flex space-x-4\">\n            <span className=\"text-sm font-mono\">{pompCoins.toFixed(2)} POMPs</span>\n            <span className=\"text-sm font-mono\">{flaps} FLAPs</span>\n          </div>\n        </div>\n        <div className=\"flex items-center space-x-2\">\n          <div className=\"text-sm font-mono mr-2\">\n            {isMining && <span className=\"text-green-400 animate-pulse\">\n                Mining... {miningSpeed.toFixed(1)}/s\n              </span>}\n          </div>\n          <WalletMultiButton className=\"!bg-green-800 !hover:bg-green-700\" />\n        </div>\n      </header>\n      \n      <main className=\"flex-1 overflow-hidden relative\">\n        <div className=\"absolute inset-0 opacity-10 pointer-events-none\">\n          <div className=\"absolute inset-0 flex items-center justify-center\">\n            <svg viewBox=\"0 0 100 100\" className=\"w-full h-full max-w-xl max-h-xl\">\n              <circle cx=\"50\" cy=\"50\" r=\"45\" fill=\"none\" stroke=\"#00ff00\" strokeWidth=\"0.5\" />\n              {Array.from({\n              length: 20\n            }).map((_, i) => <circle key={i} cx=\"50\" cy=\"50\" r={10 + i * 1.5} fill=\"none\" stroke=\"#00ff00\" strokeWidth=\"0.2\" opacity={0.5 - i * 0.02} />)}\n            </svg>\n          </div>\n        </div>\n        \n        <div className=\"h-full relative z-10\">\n          {activeView === 'terminal' && renderTerminal()}\n          {activeView === 'billboard' && renderBillboardCreator()}\n          {activeView === 'billboardList' && renderBillboardList()}\n        </div>\n      </main>\n      \n      <div className=\"fixed bottom-4 right-4 flex flex-col items-end space-y-2\">\n        {isMining && <div className=\"bg-green-900/80 text-green-300 p-2 rounded-lg font-mono text-sm animate-bounce\">\n            <span className=\"inline-block mr-2\">🎊</span>\n            Mining POMPs: +{(Math.random() * miningSpeed).toFixed(2)}\n          </div>}\n      </div>\n      \n      <footer className=\"border-t border-green-500 py-2 px-4 text-xs font-mono text-green-500 bg-black\">\n        <div className=\"flex justify-between\">\n          <div>PompCoiner v1.0.0 - Mine cryptocurrency with pom-poms!</div>\n          <div>Type 'help' for commands</div>\n        </div>\n      </footer>\n    </div>;\n}\nexport default AppWithProvider;","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"react-dom\":\"18.2.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\"}}","token",{"_18":74,"_75":76,"_77":78,"_79":80,"_81":82,"_83":84,"_85":-5,"_86":39,"_87":39,"_66":67},"POMPCOIN","symbol","POMP","price",0.00000427,"marketcap",4118.35974005,"image","https://pump.mypinata.cloud/ipfs/Qmf8x4rhidEjDse7toFd49qZwMaVqLR6SxgUN8Eait15QB?img-width=256&img-dpr=2","website","https://dev.fun/p/33994c2b3af5114acd14","twitter","devCount","appCount","upstreamApp","isLordOfDev","analytics",[92,96,98,100,102,104,106,108,110,112,114,116,118,120,122,124],{"_93":94,"_95":55},"day","2025-04-13","runCount",{"_93":97,"_95":55},"2025-04-14",{"_93":99,"_95":55},"2025-04-15",{"_93":101,"_95":55},"2025-04-16",{"_93":103,"_95":55},"2025-04-17",{"_93":105,"_95":55},"2025-04-18",{"_93":107,"_95":55},"2025-04-19",{"_93":109,"_95":55},"2025-04-20",{"_93":111,"_95":55},"2025-04-21",{"_93":113,"_95":55},"2025-04-22",{"_93":115,"_95":55},"2025-04-23",{"_93":117,"_95":55},"2025-04-24",{"_93":119,"_95":55},"2025-04-25",{"_93":121,"_95":55},"2025-04-26",{"_93":119,"_95":123},12,{"_93":121,"_95":125},2,"snapshot","ogImage","https://cdn.dev.fun/og/image/33994c2b3af5114acd14/d242c8eb.webp","commitDetail","actionData","errors"]
</article></body></html>