[{"_1":2,"_135":-5,"_136":-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,"_133":-5,"_129":-5,"_134":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_5":44,"_55":41,"_56":57,"_58":57,"_59":60,"_61":57,"_62":57,"_63":57,"_64":57,"_65":57,"_66":57,"_67":17,"_68":17,"_69":70,"_71":72,"_73":74,"_75":76,"_77":78,"_95":-5,"_96":17,"_97":98,"_129":31,"_130":131,"_132":25},"id","bdfef164f06f2934a8be","isMyApp",false,"name","shillgenius","description","Your personal crypto hype machine that turns token names into viral gold! Generate memes, tweets, and marketing content with our AI, then watch as your creation climbs the \"Top Degens\" leaderboard based on its viral potential. Customize your token's brand identity, challenge fellow shillers, and blast your masterpieces across social media with a single click.","brief","Turn any token into a viral sensation with AI-generated hype content and compete for Top Degen status!","isLive",true,"isPublic","tags",[29],"💰","cover","https://cdn.dev.fun/snapshot/bdfef164f06f2934a8be/78256_8c0e5887.webp","cdnUrl","https://cdn.dev.fun/app/bdfef164f06f2934a8be/78256","createdAt",["D",1749563343217],"updatedAt",["D",1749563345606],"lastCommitId",["B","78256"],"tier",1,"credits",60,{"_14":45,"_46":47,"_48":-5,"_49":47,"_50":51,"_52":-5,"_53":54},"3b2c56a7-f47a-45af-8653-0518ab4443c9","uniqueId","DKSkXkQLApyYKk9Mokx4LAbqLnPAJhYwRSfTc6HKdPFv","username","solanaWallet","displayName","DKS...PFv","bio","avatar","/avatar.svg","commitCount","forkCount",0,"likeCount","runsCount",8,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","6HsMxxNDee1WsRzonNtEEu35Lti4CXey8wzueY7rpump","code","import { useState, useEffect } from 'react';\nimport { useChat } from 'ai/react';\nimport { useDevapp, UserButton, DevappProvider, openLink } from '@devfunlabs/web-sdk';\nimport { ArrowUp, ArrowDown, Share2, Trophy, Flame, Rocket, Zap, RefreshCcw, Sparkles, Star, Copy, Twitter, Send } from 'lucide-react';\nexport default function AppWithProvider() {\n return \n \n ;\n}\nfunction App() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [activeTab, setActiveTab] = useState('generate');\n const [isGenerating, setIsGenerating] = useState(false);\n const [tokenInfo, setTokenInfo] = useState({\n name: '',\n symbol: '',\n description: '',\n useCase: '',\n vibe: 'moon'\n });\n const [contentType, setContentType] = useState('tweet');\n const [generatedContent, setGeneratedContent] = useState([]);\n const [leaderboard, setLeaderboard] = useState([]);\n const [userRank, setUserRank] = useState(null);\n const [dailyChallenge,,] = useState({\n title: 'Meme Monday! 🎭',\n description: 'Create the most absurd token meme description that would still make people ape in!',\n reward: '10 Shill Points'\n });\n const vibeOptions = [{\n id: 'moon',\n name: 'To The Moon 🚀',\n prompt: 'extremely bullish, price prediction, rocket emojis'\n }, {\n id: 'degen',\n name: 'Full Degen 🤪',\n prompt: 'risky, FOMO-inducing, gambling terms, crazy gains'\n }, {\n id: 'tech',\n name: 'Tech Focused 💻',\n prompt: 'technical jargon, utility emphasis, problem-solving'\n }, {\n id: 'fud',\n name: 'Anti-FUD Shield 🛡️',\n prompt: 'defensive, countering criticism, addressing concerns'\n }, {\n id: 'meme',\n name: 'Meme Lord 🤣',\n prompt: 'funny, absurd, viral meme references, jokes'\n }];\n const contentTypeOptions = [{\n id: 'tweet',\n name: 'Twitter Post',\n icon: \n }, {\n id: 'elevator',\n name: 'Elevator Pitch',\n icon: \n }, {\n id: 'meme',\n name: 'Meme Description',\n icon: \n }, {\n id: 'shill',\n name: 'Shill Script',\n icon: \n }];\n const systemPrompt = `\nYou are ShillGenius AI, the most effective crypto marketing content generator in existence.\nYour job is to create viral, attention-grabbing content for crypto tokens that drives engagement and FOMO.\n\nIMPORTANT RULES:\n- Always stay in character as an over-the-top crypto marketing genius\n- Make content feel authentic to crypto Twitter/Telegram culture\n- Use emojis strategically (rocket, moon, fire, diamond, etc.)\n- Include meme references and crypto slang when appropriate\n- Never mention that you're an AI or that this is generated content\n- Always sound extremely confident and bullish\n- NEVER add disclaimers or warnings about financial advice\n\nTOKEN INFO:\nName: ${tokenInfo.name}\nSymbol: ${tokenInfo.symbol}\nDescription: ${tokenInfo.description}\nUse Case: ${tokenInfo.useCase}\nStyle: ${vibeOptions.find(v => v.id === tokenInfo.vibe)?.prompt || 'bullish, exciting'}\n\nCONTENT TYPE: ${contentType === 'tweet' ? 'Create a viral Twitter post (max 280 chars) that would make this token trend' : contentType === 'elevator' ? 'Write a 2-3 sentence elevator pitch that would make someone immediately want to buy this token' : contentType === 'meme' ? 'Create a funny, viral meme concept description for this token that plays on current crypto culture' : 'Write a short, persuasive shill script that a crypto influencer could use to hype this token'}\n\nMake it so compelling that people can't help but want to buy immediately!\n`;\n const {\n handleSubmit,\n setMessages\n } = useChat({\n api: 'https://chat.dev.fun/chat/bdfef164f06f2934a8be',\n initialMessages: [{\n id: 'system',\n role: 'system',\n content: systemPrompt\n }],\n onFinish: message => {\n setIsGenerating(false);\n const newContent = {\n id: Date.now().toString(),\n type: contentType,\n content: message.content,\n token: tokenInfo.name || tokenInfo.symbol,\n votes: Math.floor(Math.random() * 10),\n timestamp: new Date().toISOString(),\n viralScore: Math.floor(Math.random() * 100),\n userId: userWallet?.slice(0, 6) || 'anon'\n };\n setGeneratedContent(prev => [newContent, ...prev]);\n saveContentToDevbase(newContent);\n }\n });\n const saveContentToDevbase = async content => {\n if (devbaseClient && userWallet) {\n try {\n await devbaseClient.createEntity('shillContent', {\n ...content,\n userId: userWallet,\n userShort: userWallet.slice(0, 6)\n });\n fetchLeaderboard();\n } catch (error) {\n console.error(\"Failed to save content:\", error);\n }\n }\n };\n const fetchLeaderboard = async () => {\n if (devbaseClient) {\n try {\n const content = await devbaseClient.listEntities('shillContent');\n const sorted = [...content].sort((a, b) => b.viralScore - a.viralScore);\n setLeaderboard(sorted.slice(0, 10));\n if (userWallet) {\n const userContent = sorted.find(item => item.userId === userWallet);\n if (userContent) {\n const rank = sorted.findIndex(item => item.id === userContent.id) + 1;\n setUserRank(rank);\n }\n }\n } catch (error) {\n console.error(\"Failed to fetch leaderboard:\", error);\n }\n }\n };\n const generateContent = e => {\n e.preventDefault();\n if (!tokenInfo.name && !tokenInfo.symbol) return;\n setIsGenerating(true);\n setMessages([{\n id: 'system',\n role: 'system',\n content: systemPrompt\n }]);\n handleSubmit(e, {\n prompt: tokenInfo.name || tokenInfo.symbol\n });\n };\n const voteContent = async (id, direction) => {\n const updatedContent = generatedContent.map(item => {\n if (item.id === id) {\n const newVotes = item.votes + (direction === 'up' ? 1 : -1);\n const newViralScore = item.viralScore + (direction === 'up' ? 5 : -5);\n return {\n ...item,\n votes: newVotes,\n viralScore: newViralScore\n };\n }\n return item;\n });\n setGeneratedContent(updatedContent);\n if (devbaseClient) {\n const content = updatedContent.find(item => item.id === id);\n try {\n const existingEntities = await devbaseClient.listEntities('shillContent', {\n id\n });\n if (existingEntities && existingEntities.length > 0) {\n await devbaseClient.updateEntity('shillContent', id, {\n votes: content.votes,\n viralScore: content.viralScore\n });\n fetchLeaderboard();\n }\n } catch (error) {\n console.error(\"Failed to update vote:\", error);\n }\n }\n };\n const shareContent = content => {\n const text = encodeURIComponent(`${content}\\n\\nCreated with #ShillGenius 🚀`);\n openLink(`https://twitter.com/intent/tweet?text=${text}`);\n };\n const copyToClipboard = text => {\n navigator.clipboard.writeText(text);\n };\n useEffect(() => {\n if (devbaseClient && userWallet) {\n fetchLeaderboard();\n }\n }, [devbaseClient, userWallet]);\n const getDegenRankLabel = index => {\n switch (index) {\n case 0:\n return \"LEGENDARY DEGEN 👑\";\n case 1:\n return \"MASTER SHILLER 💎\";\n case 2:\n return \"HYPE BEAST 🔥\";\n default:\n if (index < 10) return `TOP DEGEN #${index + 1} 🚀`;\n return `DEGEN #${index + 1}`;\n }\n };\n const getDegenRankClass = index => {\n switch (index) {\n case 0:\n return \"bg-gradient-to-r from-yellow-300 to-yellow-500 text-black\";\n case 1:\n return \"bg-gradient-to-r from-gray-300 to-gray-500 text-white\";\n case 2:\n return \"bg-gradient-to-r from-amber-700 to-amber-900 text-white\";\n default:\n return \"bg-gradient-to-r from-purple-600 to-blue-600 text-white\";\n }\n };\n return

\n {}\n

\n \n

\n ShillGenius\n

\n {userRank &&

\n \n Rank #{userRank}\n

}\n \n

\n \n {}\n

\n \n \n \n

\n\n

\n {activeTab === 'generate' &&

\n {}\n

\n \n Token Details\n

\n Token Name\n setTokenInfo({\n ...tokenInfo,\n name: e.target.value\n })} placeholder=\"Shiba Inu, Bitcoin, etc.\" className=\"w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-purple-500\" />\n

\n Token Symbol\n setTokenInfo({\n ...tokenInfo,\n symbol: e.target.value\n })} placeholder=\"SHIB, BTC, etc.\" className=\"w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-purple-500\" />\n

\n \n

\n Token Description (optional)\n

setTokenInfo({\n                ...tokenInfo,\n                description: e.target.value\n              })} placeholder=\"What makes this token special?\" className=\"w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-purple-500\" rows=\"2\" />\n                </div>\n                \n                <div>\n                  <label className=\"block text-sm font-medium text-gray-300 mb-1\">Use Case (optional)</label>\n                  <input type=\"text\" value={tokenInfo.useCase} onChange={e => setTokenInfo({\n                ...tokenInfo,\n                useCase: e.target.value\n              })} placeholder=\"Payments, DeFi, Gaming, etc.\" className=\"w-full bg-gray-700 border border-gray-600 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-purple-500\" />\n                </div>\n                \n                <div>\n                  <label className=\"block text-sm font-medium text-gray-300 mb-1\">Vibe Selection</label>\n                  <div className=\"grid grid-cols-2 md:grid-cols-5 gap-2\">\n                    {vibeOptions.map(vibe => <button key={vibe.id} type=\"button\" onClick={() => setTokenInfo({\n                  ...tokenInfo,\n                  vibe: vibe.id\n                })} className={`text-center p-2 rounded-lg text-sm font-medium transition-all ${tokenInfo.vibe === vibe.id ? 'bg-gradient-to-r from-purple-600 to-pink-600 text-white' : 'bg-gray-700 text-gray-300 hover:bg-gray-600'}`}>\n                        {vibe.name}\n                      </button>)}\n                  </div>\n                </div>\n                \n                <div>\n                  <label className=\"block text-sm font-medium text-gray-300 mb-1\">Content Type</label>\n                  <div className=\"grid grid-cols-2 md:grid-cols-4 gap-2\">\n                    {contentTypeOptions.map(type => <button key={type.id} type=\"button\" onClick={() => setContentType(type.id)} className={`flex items-center justify-center p-2 rounded-lg text-sm font-medium transition-all ${contentType === type.id ? 'bg-gradient-to-r from-purple-600 to-pink-600 text-white' : 'bg-gray-700 text-gray-300 hover:bg-gray-600'}`}>\n                        {type.icon}\n                        <span className=\"ml-1\">{type.name}</span>\n                      </button>)}\n                  </div>\n                </div>\n                \n                <button type=\"submit\" disabled={isGenerating || !tokenInfo.name && !tokenInfo.symbol} className={`w-full py-3 px-4 rounded-lg font-bold text-white flex items-center justify-center ${isGenerating || !tokenInfo.name && !tokenInfo.symbol ? 'bg-gray-600 cursor-not-allowed' : 'bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700'}`}>\n                  {isGenerating ? <>\n                      <RefreshCcw className=\"w-5 h-5 mr-2 animate-spin\" />\n                      Generating Shill Content...\n                    </> : <>\n                      <Sparkles className=\"w-5 h-5 mr-2\" />\n                      Generate {contentTypeOptions.find(t => t.id === contentType)?.name || 'Content'}\n                    </>}\n                </button>\n              </form>\n            </div>\n            \n            {}\n            {generatedContent.length > 0 && <div className=\"space-y-4\">\n                <h2 className=\"text-xl font-bold flex items-center\">\n                  <Sparkles className=\"w-5 h-5 mr-2 text-yellow-400\" />\n                  Your Shill Content\n                </h2>\n                \n                <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                  {generatedContent.map(item => <div key={item.id} className=\"bg-gray-800 rounded-xl p-4 border border-purple-700 shadow-lg hover:shadow-purple-900/20 transition-shadow\">\n                      <div className=\"flex justify-between items-start mb-2\">\n                        <div className=\"flex items-center\">\n                          <span className=\"px-2 py-1 bg-purple-900 rounded-lg text-xs font-medium\">\n                            {contentTypeOptions.find(t => t.id === item.type)?.name || item.type}\n                          </span>\n                          <span className=\"ml-2 text-sm text-gray-400\">\n                            {new Date(item.timestamp).toLocaleString(undefined, {\n                      month: 'short',\n                      day: 'numeric'\n                    })}\n                          </span>\n                        </div>\n                        <div className=\"flex items-center space-x-1\">\n                          <div className=\"flex items-center bg-gray-700 rounded-full px-2 py-0.5\">\n                            <Flame className=\"w-3 h-3 text-orange-500 mr-1\" />\n                            <span className=\"text-xs font-medium\">{item.viralScore}</span>\n                          </div>\n                        </div>\n                      </div>\n                      \n                      <div className=\"mt-1 mb-3 text-sm bg-gray-900 rounded-lg p-3 whitespace-pre-wrap\">\n                        {item.content}\n                      </div>\n                      \n                      <div className=\"flex justify-between items-center\">\n                        <div className=\"flex items-center space-x-1\">\n                          <button onClick={() => voteContent(item.id, 'up')} className=\"p-1.5 rounded-full hover:bg-gray-700\">\n                            <ArrowUp className=\"w-4 h-4 text-gray-400 hover:text-green-400\" />\n                          </button>\n                          <span className=\"text-sm font-medium\">{item.votes}</span>\n                          <button onClick={() => voteContent(item.id, 'down')} className=\"p-1.5 rounded-full hover:bg-gray-700\">\n                            <ArrowDown className=\"w-4 h-4 text-gray-400 hover:text-red-400\" />\n                          </button>\n                        </div>\n                        \n                        <div className=\"flex space-x-1\">\n                          <button onClick={() => copyToClipboard(item.content)} className=\"p-1.5 rounded-full hover:bg-gray-700 text-gray-400 hover:text-white\">\n                            <Copy className=\"w-4 h-4\" />\n                          </button>\n                          <button onClick={() => shareContent(item.content)} className=\"p-1.5 rounded-full hover:bg-gray-700 text-gray-400 hover:text-blue-400\">\n                            <Twitter className=\"w-4 h-4\" />\n                          </button>\n                          <button onClick={() => shareContent(item.content)} className=\"p-1.5 rounded-full hover:bg-gray-700 text-gray-400 hover:text-purple-400\">\n                            <Share2 className=\"w-4 h-4\" />\n                          </button>\n                        </div>\n                      </div>\n                    </div>)}\n                </div>\n              </div>}\n          </div>}\n        \n        {activeTab === 'leaderboard' && <div className=\"space-y-6\">\n            <div className=\"bg-gradient-to-r from-purple-900/50 to-pink-900/50 rounded-xl p-6 shadow-lg\">\n              <h2 className=\"text-2xl font-bold mb-2 flex items-center justify-center\">\n                <Trophy className=\"w-6 h-6 mr-2 text-yellow-400\" />\n                Top Degens Leaderboard\n              </h2>\n              <p className=\"text-center text-gray-300 mb-6\">The most viral shillers ranked by engagement potential</p>\n              \n              <div className=\"space-y-3\">\n                {leaderboard.length > 0 ? leaderboard.map((item, index) => <div key={item.id} className={`flex items-center p-3 rounded-lg ${index < 3 ? getDegenRankClass(index) : 'bg-gray-800'} transition-all transform hover:scale-[1.01]`}>\n                      <div className=\"mr-3 font-bold text-lg md:text-xl w-8 text-center\">\n                        {index + 1}\n                      </div>\n                      <div className=\"flex-grow\">\n                        <div className=\"flex justify-between items-center\">\n                          <div>\n                            <p className=\"font-semibold\">{item.userShort || item.userId.slice(0, 6)}</p>\n                            <p className=\"text-xs text-gray-400 truncate max-w-[200px]\">\n                              {item.token || 'Unknown Token'}\n                            </p>\n                          </div>\n                          <div className=\"text-right\">\n                            <div className=\"flex items-center\">\n                              <Flame className=\"w-4 h-4 text-orange-500 mr-1\" />\n                              <span className=\"font-bold\">{item.viralScore}</span>\n                            </div>\n                            <p className=\"text-xs text-gray-400\">\n                              {contentTypeOptions.find(t => t.id === item.type)?.name || item.type}\n                            </p>\n                          </div>\n                        </div>\n                      </div>\n                      <div className=\"ml-4 hidden md:block\">\n                        <span className={`text-xs font-bold px-2 py-1 rounded-full ${index < 3 ? 'bg-white/20' : 'bg-purple-700'}`}>\n                          {getDegenRankLabel(index)}\n                        </span>\n                      </div>\n                    </div>) : <div className=\"text-center py-10\">\n                    <p className=\"text-gray-400\">No shill content yet. Be the first to create some!</p>\n                  </div>}\n              </div>\n            </div>\n            \n            <div className=\"bg-gray-800 rounded-xl p-6 shadow-lg border border-purple-700\">\n              <h3 className=\"text-lg font-bold mb-4 flex items-center\">\n                <Star className=\"w-5 h-5 mr-2 text-yellow-400\" />\n                Shill Metrics\n              </h3>\n              \n              <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n                <div className=\"bg-gray-900 rounded-lg p-4 border border-gray-700\">\n                  <p className=\"text-sm text-gray-400 mb-1\">Total Degens</p>\n                  <p className=\"text-2xl font-bold\">{leaderboard.length}</p>\n                </div>\n                <div className=\"bg-gray-900 rounded-lg p-4 border border-gray-700\">\n                  <p className=\"text-sm text-gray-400 mb-1\">Highest Viral Score</p>\n                  <p className=\"text-2xl font-bold\">{leaderboard[0]?.viralScore || 0}</p>\n                </div>\n                <div className=\"bg-gray-900 rounded-lg p-4 border border-gray-700\">\n                  <p className=\"text-sm text-gray-400 mb-1\">Your Rank</p>\n                  <p className=\"text-2xl font-bold\">{userRank || 'Not Ranked'}</p>\n                </div>\n              </div>\n            </div>\n          </div>}\n        \n        {activeTab === 'challenge' && <div className=\"space-y-6\">\n            <div className=\"bg-gradient-to-r from-amber-900/50 to-red-900/50 rounded-xl p-6 shadow-lg\">\n              <div className=\"text-center mb-4\">\n                <h2 className=\"text-2xl font-bold flex items-center justify-center\">\n                  <Flame className=\"w-6 h-6 mr-2 text-orange-400\" />\n                  Daily Challenge\n                </h2>\n                <p className=\"text-sm text-gray-300\">Complete for extra points and special badges!</p>\n              </div>\n              \n              <div className=\"bg-gray-800 rounded-xl p-4 shadow-md border border-amber-900\">\n                <h3 className=\"text-xl font-bold mb-2 text-amber-400\">{dailyChallenge.title}</h3>\n                <p className=\"text-gray-300 mb-4\">{dailyChallenge.description}</p>\n                \n                <div className=\"flex items-center justify-between bg-gray-900 rounded-lg p-3 mb-4\">\n                  <div className=\"flex items-center\">\n                    <Trophy className=\"w-5 h-5 text-yellow-500 mr-2\" />\n                    <span className=\"text-sm font-medium\">Reward:</span>\n                  </div>\n                  <div className=\"text-yellow-400 font-bold\">{dailyChallenge.reward}</div>\n                </div>\n                \n                <div className=\"flex justify-center\">\n                  <button onClick={() => {\n                setActiveTab('generate');\n                setContentType('meme');\n              }} className=\"bg-gradient-to-r from-amber-600 to-orange-600 hover:from-amber-700 hover:to-orange-700 text-white font-bold py-2 px-6 rounded-lg transition-all\">\n                    Accept Challenge\n                  </button>\n                </div>\n              </div>\n            </div>\n            \n            <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n              <div className=\"bg-gray-800 rounded-xl p-6 shadow-lg border border-purple-700\">\n                <h3 className=\"text-lg font-bold mb-4 flex items-center\">\n                  <Rocket className=\"w-5 h-5 mr-2 text-purple-400\" />\n                  Shill Pro Tips\n                </h3>\n                \n                <ul className=\"space-y-3\">\n                  <li className=\"flex items-start\">\n                    <div className=\"bg-purple-900 rounded-full p-1 mr-2 mt-1\">\n                      <Zap className=\"w-3 h-3 text-yellow-400\" />\n                    </div>\n                    <p className=\"text-sm text-gray-300\">Use emojis strategically to increase engagement by 43%</p>\n                  </li>\n                  <li className=\"flex items-start\">\n                    <div className=\"bg-purple-900 rounded-full p-1 mr-2 mt-1\">\n                      <Zap className=\"w-3 h-3 text-yellow-400\" />\n                    </div>\n                    <p className=\"text-sm text-gray-300\">Include a clear call-to-action to drive immediate FOMO</p>\n                  </li>\n                  <li className=\"flex items-start\">\n                    <div className=\"bg-purple-900 rounded-full p-1 mr-2 mt-1\">\n                      <Zap className=\"w-3 h-3 text-yellow-400\" />\n                    </div>\n                    <p className=\"text-sm text-gray-300\">Reference trending memes to make your content more relatable</p>\n                  </li>\n                  <li className=\"flex items-start\">\n                    <div className=\"bg-purple-900 rounded-full p-1 mr-2 mt-1\">\n                      <Zap className=\"w-3 h-3 text-yellow-400\" />\n                    </div>\n                    <p className=\"text-sm text-gray-300\">Create urgency with phrases like \"early\", \"gem\", and \"moonshot\"</p>\n                  </li>\n                </ul>\n              </div>\n              \n              <div className=\"bg-gray-800 rounded-xl p-6 shadow-lg border border-purple-700\">\n                <h3 className=\"text-lg font-bold mb-4 flex items-center\">\n                  <Share2 className=\"w-5 h-5 mr-2 text-purple-400\" />\n                  Amplify Your Reach\n                </h3>\n                \n                <p className=\"text-sm text-gray-300 mb-4\">\n                  Share your best shill content across multiple platforms to maximize your viral potential!\n                </p>\n                \n                <div className=\"grid grid-cols-2 gap-3\">\n                  <button className=\"flex items-center justify-center bg-blue-600 hover:bg-blue-700 text-white rounded-lg py-2 px-3 transition-colors\">\n                    <Twitter className=\"w-4 h-4 mr-2\" />\n                    <span className=\"text-sm font-medium\">Twitter</span>\n                  </button>\n                  <button className=\"flex items-center justify-center bg-[#0088cc] hover:bg-[#0077b5] text-white rounded-lg py-2 px-3 transition-colors\">\n                    <Send className=\"w-4 h-4 mr-2\" />\n                    <span className=\"text-sm font-medium\">Telegram</span>\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>}\n      </main>\n      \n      <footer className=\"bg-gray-900 border-t border-gray-800 py-4 mt-8\">\n        <div className=\"container mx-auto px-4 text-center text-gray-500 text-sm\">\n          <p>ShillGenius - Your personal crypto hype machine. Powered by dev.fun</p>\n        </div>\n      </footer>\n    </div>;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"react-dom\":\"18.2.0\",\"ai\":\"4.0.0\",\"lucide-react\":\"0.441.0\",\"framer-motion\":\"10.16.4\",\"@devfunlabs/web-sdk\":\"0.5.5\",\"zod\":\"3.22.4\"}}","appFunctions",[],"token",{"_18":79,"_80":81,"_82":83,"_84":85,"_86":87,"_88":89,"_90":91,"_92":93,"_94":93,"_69":70},"PaceTerminal","symbol","PACE","price",0.0001087,"marketcap",122822.29481099,"image","https://pump.mypinata.cloud/ipfs/QmccXMuhGnL4Ljrsz5FM4zbwKMnju7CzrHej5pbU2fjvpg?img-width=256&img-dpr=2","website","https://dev.fun/p/4b25487a985cd10e8c60","twitter","https://x.com/PaceTerminal","devCount",15,"appCount","upstreamApp","isLordOfDev","analytics",[99,103,105,107,109,111,113,115,117,119,121,123,125,127],{"_100":101,"_102":57},"day","2025-07-12","runCount",{"_100":104,"_102":57},"2025-07-13",{"_100":106,"_102":57},"2025-07-14",{"_100":108,"_102":57},"2025-07-15",{"_100":110,"_102":57},"2025-07-16",{"_100":112,"_102":57},"2025-07-17",{"_100":114,"_102":57},"2025-07-18",{"_100":116,"_102":57},"2025-07-19",{"_100":118,"_102":57},"2025-07-20",{"_100":120,"_102":57},"2025-07-21",{"_100":122,"_102":57},"2025-07-22",{"_100":124,"_102":57},"2025-07-23",{"_100":126,"_102":57},"2025-07-24",{"_100":128,"_102":57},"2025-07-25","snapshot","ogImage","https://cdn.dev.fun/og/image/bdfef164f06f2934a8be/76a5fdc1.webp","isDevbase","commitDetail","livestream","actionData","errors"]
</article></body></html>