[{"_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,"_123":-5,"_114":27,"_124":17},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":27,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_5":45,"_56":57,"_58":59,"_60":59,"_61":42,"_62":59,"_63":59,"_64":59,"_65":59,"_66":59,"_67":59,"_68":17,"_69":27,"_70":-5,"_71":72,"_73":74,"_75":76,"_77":-5,"_78":-5,"_79":17,"_80":81,"_114":32,"_115":116,"_117":27,"_118":119},"id","651517af90f9920c2b90","isMyApp",false,"projectId","cmgbdvecs000y2pf69eyvgsgk","name","IPO","description","Your personal degen coin factory dressed up as a slick terminal dashboard. Pump.fun vibes meet dark-mode degeneracy where you can mint the next $WAGMI or whatever cursed ticker your heart desires. Features a terminal feed that chronicles your journey from \"no coins yet\" to absolute chaos - all wrapped in that sweet neon-lit, crypto-native aesthetic that screams \"probably nothing.\"","brief","Mint memecoins with terminal-style swagger and pump.fun energy ⚡","isLive",true,"isPublic","tags",[],"cover","https://cdn.dev.fun/snapshot/651517af90f9920c2b90/112805_0ae0f9e3.webp","cdnUrl","https://cdn.dev.fun/app/651517af90f9920c2b90/112805","createdAt",["D",1759528560982],"updatedAt",["D",1759528874884],"lastCommitId",["B","112805"],"tier",1,"credits",84,{"_14":46,"_47":48,"_49":-5,"_50":48,"_51":52,"_53":-5,"_54":55},"c9b7071e-b46e-48d1-935d-45d51f6f510f","uniqueId","62NL1oYEwSjKbUiYHwynk6GnMGyzieCsSynvwUxkkCCB","username","solanaWallet","displayName","62N...CCB","bio","avatar","/avatar.svg","commitCount",5,"forkCount",0,"likeCount","runsCount","downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import { useState, useEffect } from 'react';\nimport { useDevapp, DevappProvider, UserButton } from '@devfunlabs/web-sdk';\nimport { Upload, Terminal as TerminalIcon } from 'lucide-react';\nfunction App() {\n const {\n devbaseClient\n } = useDevapp();\n const [coins, setCoins] = useState([]);\n const [formData, setFormData] = useState({\n name: '',\n symbol: '',\n description: '',\n walletAddress: '',\n fundingAmount: '',\n logo: null\n });\n const [logoPreview, setLogoPreview] = useState(null);\n const [isCreating, setIsCreating] = useState(false);\n useEffect(() => {\n loadCoins();\n }, [devbaseClient]);\n const loadCoins = async () => {\n try {\n const allCoins = await devbaseClient.listEntities('coins');\n setCoins(allCoins.sort((a, b) => b.createdAt - a.createdAt));\n } catch (error) {\n console.error('Failed to load coins:', error);\n }\n };\n const handleInputChange = e => {\n const {\n name,\n value\n } = e.target;\n setFormData(prev => ({\n ...prev,\n [name]: value\n }));\n };\n const handleLogoUpload = e => {\n const file = e.target.files?.[0];\n if (file && ['image/jpeg', 'image/jpg', 'image/png'].includes(file.type)) {\n const reader = new FileReader();\n reader.onloadend = () => {\n setLogoPreview(reader.result);\n setFormData(prev => ({\n ...prev,\n logo: reader.result\n }));\n };\n reader.readAsDataURL(file);\n }\n };\n const handleCreateCoin = async () => {\n if (!formData.name || !formData.symbol || !formData.description || !formData.walletAddress || !formData.fundingAmount) {\n alert('Please fill in all required fields');\n return;\n }\n setIsCreating(true);\n try {\n await devbaseClient.createEntity('coins', {\n name: formData.name,\n symbol: formData.symbol,\n description: formData.description,\n walletAddress: formData.walletAddress,\n fundingAmount: parseFloat(formData.fundingAmount),\n logoUrl: formData.logo || '',\n status: 'pending'\n });\n setFormData({\n name: '',\n symbol: '',\n description: '',\n walletAddress: '',\n fundingAmount: '',\n logo: null\n });\n setLogoPreview(null);\n await loadCoins();\n } catch (error) {\n console.error('Failed to create coin:', error);\n alert('Failed to create coin. Please try again.');\n } finally {\n setIsCreating(false);\n }\n };\n const formatTime = timestamp => {\n const date = new Date(timestamp);\n return date.toLocaleString('en-US', {\n month: 'short',\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit'\n });\n };\n return

\n\n

\n $\"IPO$ \n

\n IPO TERMINAL\n

\n {'>'} Submit Your Project. Get Funded. Moon.\n

\n \n

\n\n

\n \n

\n {'>'} FUNDING_PROPOSALS\n

\n\n

\n \n PROJECT_NAME\n \n \n

\n\n

\n \n TOKEN_SYMBOL\n \n \n

\n\n

\n \n FUNDING_GOAL (SOL)\n \n \n

\n\n

\n \n PITCH\n \n

\n            </div>\n\n            <div>\n              <label className=\"block text-sm text-gray-400 mb-2\" style={{\n              fontFamily: 'monospace'\n            }}>\n                WALLET_ADDRESS\n              </label>\n              <input type=\"text\" name=\"walletAddress\" value={formData.walletAddress} onChange={handleInputChange} placeholder=\"Your Solana wallet address\" className=\"w-full bg-gray-900/80 border border-green-500/40 rounded px-4 py-3 text-white placeholder-gray-600 focus:outline-none focus:border-green-400 focus:shadow-lg focus:shadow-green-500/20 transition-all\" style={{\n              fontFamily: 'monospace'\n            }} />\n            </div>\n\n            <div>\n              <label className=\"block text-sm text-gray-400 mb-2\" style={{\n              fontFamily: 'monospace'\n            }}>\n                LOGO\n              </label>\n              <div className=\"flex gap-4 items-center\">\n                <label className=\"flex-1 bg-gray-900/80 border border-green-500/40 rounded px-4 py-3 text-gray-400 hover:border-green-400 hover:text-green-400 cursor-pointer transition-all flex items-center justify-center gap-2\">\n                  <Upload className=\"w-5 h-5\" />\n                  <span style={{\n                  fontFamily: 'monospace'\n                }}>\n                    {logoPreview ? 'LOGO_UPLOADED' : 'UPLOAD_LOGO (JPG, PNG)'}\n                  </span>\n                  <input type=\"file\" accept=\".jpg,.jpeg,.png\" onChange={handleLogoUpload} className=\"hidden\" />\n                </label>\n                {logoPreview && <div className=\"w-16 h-16 border-2 border-green-400 rounded overflow-hidden\">\n                    <img src={logoPreview} alt=\"Logo preview\" className=\"w-full h-full object-cover\" />\n                  </div>}\n              </div>\n            </div>\n\n            <button onClick={handleCreateCoin} disabled={isCreating} className=\"w-full bg-gradient-to-r from-green-500 to-emerald-500 hover:from-green-400 hover:to-emerald-400 text-black font-bold py-4 px-6 rounded transition-all transform hover:scale-105 active:scale-95 shadow-lg shadow-green-500/50 disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none\" style={{\n            fontFamily: 'monospace'\n          }}>\n              {isCreating ? 'SUBMITTING...' : '>> SUBMIT PROPOSAL <<'}\n            </button>\n          </div>\n        </div>\n\n        <div className=\"bg-black/60 backdrop-blur-sm border border-purple-500/30 rounded-lg p-6 shadow-2xl shadow-purple-500/20\">\n          <div className=\"flex items-center gap-2 mb-6\">\n            <TerminalIcon className=\"w-5 h-5 text-purple-400\" />\n            <h2 className=\"text-2xl font-bold text-purple-400\" style={{\n            fontFamily: 'monospace'\n          }}>\n              {'>'} TERMINAL_FEED\n            </h2>\n          </div>\n\n          {coins.length === 0 ? <div className=\"text-center py-12\">\n              <p className=\"text-gray-500 text-lg animate-pulse\" style={{\n            fontFamily: 'monospace'\n          }}>\n                {'>'} No proposals yet. Submit the first one!\n              </p>\n            </div> : <div className=\"space-y-4 max-h-96 overflow-y-auto pr-2 scrollbar-thin scrollbar-thumb-green-500/50 scrollbar-track-gray-900/50\">\n              {coins.map((coin, index) => <div key={coin.id} className=\"bg-gray-900/60 border border-green-500/20 rounded p-4 hover:border-green-500/60 transition-all\" style={{\n            animation: `slideIn 0.3s ease-out ${index * 0.1}s backwards`\n          }}>\n                  <div className=\"flex items-start gap-4\">\n                    {coin.logoUrl && <div className=\"w-16 h-16 border-2 border-green-400/50 rounded overflow-hidden flex-shrink-0\">\n                        <img src={coin.logoUrl} alt={coin.name} className=\"w-full h-full object-cover\" />\n                      </div>}\n                    <div className=\"flex-1 min-w-0\">\n                      <div className=\"flex items-center gap-3 mb-2 flex-wrap\">\n                        <h3 className=\"text-xl font-bold text-white truncate\" style={{\n                    fontFamily: 'monospace'\n                  }}>\n                          {coin.name}\n                        </h3>\n                        <span className=\"px-3 py-1 bg-green-500/20 border border-green-500/50 rounded text-green-400 text-sm font-bold\" style={{\n                    fontFamily: 'monospace'\n                  }}>\n                          ${coin.symbol}\n                        </span>\n                        <span className={`px-3 py-1 border rounded text-xs font-bold ${coin.status === 'pending' ? 'bg-yellow-500/20 border-yellow-500/50 text-yellow-400' : coin.status === 'approved' ? 'bg-green-500/20 border-green-500/50 text-green-400' : 'bg-red-500/20 border-red-500/50 text-red-400'}`} style={{\n                    fontFamily: 'monospace'\n                  }}>\n                          {coin.status?.toUpperCase() || 'PENDING'}\n                        </span>\n                        <span className=\"px-3 py-1 bg-purple-500/20 border border-purple-500/50 rounded text-purple-400 text-sm font-bold\" style={{\n                    fontFamily: 'monospace'\n                  }}>\n                          {coin.fundingAmount} SOL\n                        </span>\n                      </div>\n                      <p className=\"text-gray-400 text-sm mb-2 line-clamp-2\" style={{\n                  fontFamily: 'monospace'\n                }}>\n                        {coin.description}\n                      </p>\n                      <div className=\"flex items-center gap-4 text-xs text-gray-500\" style={{\n                  fontFamily: 'monospace'\n                }}>\n                        <span>\n                          WALLET: {coin.walletAddress.slice(0, 4)}...{coin.walletAddress.slice(-4)}\n                        </span>\n                        <span>•</span>\n                        <span>{formatTime(coin.createdAt)}</span>\n                      </div>\n                    </div>\n                  </div>\n                </div>)}\n            </div>}\n        </div>\n      </div>\n\n      <style>{`\n        @keyframes gridMove {\n          0% {\n            transform: translate(0, 0);\n          }\n          100% {\n            transform: translate(50px, 50px);\n          }\n        }\n\n        @keyframes slideIn {\n          from {\n            opacity: 0;\n            transform: translateX(-20px);\n          }\n          to {\n            opacity: 1;\n            transform: translateX(0);\n          }\n        }\n\n        .scrollbar-thin::-webkit-scrollbar {\n          width: 6px;\n        }\n\n        .scrollbar-thumb-green-500\\/50::-webkit-scrollbar-thumb {\n          background-color: rgba(34, 197, 94, 0.5);\n          border-radius: 3px;\n        }\n\n        .scrollbar-track-gray-900\\/50::-webkit-scrollbar-track {\n          background-color: rgba(17, 24, 39, 0.5);\n        }\n      `}</style>\n    </div>;\n}\nexport default function AppWithProvider() {\n  return <DevappProvider rpcEndpoint=\"https://rpc.dev.fun/651517af90f9920c2b90\" devbaseEndpoint=\"https://devbase.dev.fun\" appId=\"651517af90f9920c2b90\">\n      <App />\n    </DevappProvider>;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"lucide-react\":\"0.441.0\",\"@devfunlabs/web-sdk\":\"0.5.6\"}}","appFunctions",[],"token","upstreamApp","isLordOfDev","analytics",[82,86,88,90,92,94,96,98,100,102,104,106,108,110,112],{"_83":84,"_85":59},"day","2025-09-19","runCount",{"_83":87,"_85":59},"2025-09-20",{"_83":89,"_85":59},"2025-09-21",{"_83":91,"_85":59},"2025-09-22",{"_83":93,"_85":59},"2025-09-23",{"_83":95,"_85":59},"2025-09-24",{"_83":97,"_85":59},"2025-09-25",{"_83":99,"_85":59},"2025-09-26",{"_83":101,"_85":59},"2025-09-27",{"_83":103,"_85":59},"2025-09-28",{"_83":105,"_85":59},"2025-09-29",{"_83":107,"_85":59},"2025-09-30",{"_83":109,"_85":59},"2025-10-01",{"_83":111,"_85":59},"2025-10-02",{"_83":113,"_85":42},"2025-10-03","snapshot","ogImage","https://cdn.dev.fun/og/image/651517af90f9920c2b90/a95fe0f0.webp","isDevbase","project",{"_14":19,"_120":-5,"_20":121,"_122":-5,"_22":-5},"image","ipo","oneliner","commitDetail","livestream","actionData","errors"]
</article></body></html>