[{"_1":2,"_160":-5,"_161":-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,"_158":-5,"_150":-5,"_159":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":27,"_29":30,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_5":46,"_58":59,"_60":61,"_62":63,"_64":65,"_66":61,"_67":63,"_68":43,"_69":43,"_70":61,"_71":61,"_72":17,"_73":17,"_74":19,"_75":76,"_77":78,"_79":80,"_81":82,"_104":-5,"_105":17,"_106":107,"_150":33,"_151":152,"_153":27,"_154":155},"id","7ff920512f8269cf4c89","isMyApp",false,"projectId","3HfLqhtF5hR5dyBXh6BMtRaTm9qzStvEGuMa8Gx6pump","name","socially bakeful","description","Transform your cake creations into viral social media gold with AI-powered post generation! Choose from quirky baker personas (grumpy professional to mystical cake enchantress), upload your cake pics, and watch as perfectly tailored posts get baked for every platform from X to Instagram. Connect your Solana wallet to climb the community leaderboard and prove you're the ultimate cake content creator!","brief","Turn your cake pics into perfect social posts with AI baker personalities and Solana-powered leaderboards!","isLive",true,"isPublic","tags",[31],"💰","cover","https://cdn.dev.fun/snapshot/7ff920512f8269cf4c89/101844_11d238f4.webp","cdnUrl","https://cdn.dev.fun/app/7ff920512f8269cf4c89/101844","createdAt",["D",1754212591103],"updatedAt",["D",1757673307091],"lastCommitId",["B","101844"],"tier",1,"credits",17,{"_14":47,"_48":49,"_50":49,"_51":52,"_53":49,"_54":55,"_56":57},"7c47cdf9-4647-43a7-8299-f7342537f8cc","uniqueId","cakesonsolana","username","solanaWallet","2naDt6dWy5uF3vbWKVxddTKmdEg3FaF1d89CBe3EaqYn","displayName","bio","A simple cake based project. On the Solana blockchain. ","avatar","https://cdn.dev.fun/avatar/7c47cdf9-4647-43a7-8299-f7342537f8cc/7036fc94.webp","commitCount",33,"forkCount",0,"likeCount",2,"runsCount",48,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import { useState, useEffect } from 'react';\nimport { Copy, Trophy, Users, TrendingUp, Plus, Trash2, Edit, Save, X } from 'lucide-react';\nimport { useDevapp, UserButton, DevappProvider } from '@devfunlabs/web-sdk';\nconst DEVELOPER_WALLET = '2naDt6dWy5uF3vbWKVxddTKmdEg3FaF1d89CBe3EaqYn';\nfunction AppWithProvider() {\n return \n \n ;\n}\nfunction LeaderboardEntry({\n user,\n index,\n tokenConfig,\n checkTokenBalance,\n copyToClipboard,\n formatWalletAddress,\n devbaseClient\n}) {\n const [hasTokenBoost, setHasTokenBoost] = useState(false);\n const [, setIsChecking] = useState(true);\n useEffect(() => {\n const checkBoost = async () => {\n console.log('Checking token boost for wallet:', user.wallet);\n console.log('Token config:', tokenConfig);\n setIsChecking(true);\n if (!tokenConfig?.tokenAddress || !tokenConfig?.minimumAmount || !user?.wallet || !devbaseClient || !checkTokenBalance || typeof checkTokenBalance !== 'function') {\n console.log('Missing required parameters for boost check');\n setHasTokenBoost(false);\n setIsChecking(false);\n return;\n }\n try {\n const balance = await checkTokenBalance(user.wallet, tokenConfig.tokenAddress);\n console.log(`Balance for ${user.wallet}: ${balance}, minimum required: ${tokenConfig.minimumAmount}`);\n const qualifiesForBoost = balance >= tokenConfig.minimumAmount;\n console.log(`Qualifies for boost: ${qualifiesForBoost}`);\n setHasTokenBoost(qualifiesForBoost);\n } catch (err) {\n console.error('Failed to check token balance for leaderboard:', err);\n setHasTokenBoost(false);\n } finally {\n setIsChecking(false);\n }\n };\n if (checkTokenBalance && user?.wallet && devbaseClient && tokenConfig?.tokenAddress && tokenConfig?.minimumAmount) {\n checkBoost().catch(err => {\n console.error('Error in checkBoost:', err);\n setHasTokenBoost(false);\n setIsChecking(false);\n });\n } else {\n setHasTokenBoost(false);\n setIsChecking(false);\n }\n }, [user.wallet, tokenConfig.tokenAddress, tokenConfig.minimumAmount, checkTokenBalance, devbaseClient]);\n const baseClasses = \"flex items-center justify-between p-3 rounded transition-all duration-300 relative\";\n const backgroundClasses = hasTokenBoost ? \"bg-gradient-to-r from-yellow-600/60 via-orange-500/60 to-yellow-600/60 border-2 border-yellow-400 shadow-xl shadow-yellow-500/20\" : \"bg-[#2B2C29]\";\n return

\n {hasTokenBoost &&

}\n

\n \n #{index + 1}\n \n \n {formatWalletAddress(user.wallet)}\n \n {hasTokenBoost && 🎂}\n

\n \n {user.count}\n \n \n

;\n}\nfunction App() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [selectedPlatforms, setSelectedPlatforms] = useState([]);\n const [postType, setPostType] = useState('cakescribed');\n const [prompt, setPrompt] = useState('');\n const [generatedPosts, setGeneratedPosts] = useState([]);\n const [isGenerating, setIsGenerating] = useState(false);\n const [error, setError] = useState('');\n const [leaderboard, setLeaderboard] = useState([]);\n const [stats, setStats] = useState({\n totalUsers: 0,\n totalPosts: 0\n });\n const [platforms, setPlatforms] = useState([]);\n const [cakeFacts, setCakeFacts] = useState([]);\n const [personas, setPersonas] = useState([]);\n const [leaderboardText, setLeaderboardText] = useState('Connect your wallet to track your creations! Each time you click \\'Start Baking\\', your count goes up. See how you stack up against other bakers in the community!');\n const [showAdmin, setShowAdmin] = useState(false);\n const [editingLeaderboardText, setEditingLeaderboardText] = useState(false);\n const [tempLeaderboardText, setTempLeaderboardText] = useState('');\n const [newCakeFact, setNewCakeFact] = useState('');\n const [editingPlatform, setEditingPlatform] = useState(null);\n const [editingPersona, setEditingPersona] = useState(null);\n const [newPersona, setNewPersona] = useState('');\n const [selectedFact, setSelectedFact] = useState('');\n const [tokenConfig, setTokenConfig] = useState({\n tokenAddress: '',\n minimumAmount: 0,\n tokenTicker: ''\n });\n const [editingTokenConfig, setEditingTokenConfig] = useState(false);\n const [isRefreshingTokens, setIsRefreshingTokens] = useState(false);\n const [tokenCheckError, setTokenCheckError] = useState('');\n const isAdmin = userWallet === DEVELOPER_WALLET;\n useEffect(() => {\n if (devbaseClient) {\n loadData();\n }\n }, [devbaseClient]);\n const loadData = async () => {\n if (!devbaseClient) return;\n await loadLeaderboard();\n await loadPlatforms();\n await loadCakeFacts();\n await loadPersonas();\n await loadSettings();\n await loadTokenConfig();\n };\n const loadLeaderboard = async () => {\n if (!devbaseClient) return;\n try {\n const usages = await devbaseClient.listEntities('usages');\n const userStats = {};\n usages.forEach(usage => {\n if (userStats[usage.userWallet]) {\n userStats[usage.userWallet] += usage.count;\n } else {\n userStats[usage.userWallet] = usage.count;\n }\n });\n const sortedLeaderboard = Object.entries(userStats).map(([wallet, count]) => ({\n wallet,\n count\n })).sort((a, b) => b.count - a.count).slice(0, 10);\n setLeaderboard(sortedLeaderboard);\n setStats({\n totalUsers: Object.keys(userStats).length,\n totalPosts: Object.values(userStats).reduce((sum, count) => sum + count, 0)\n });\n } catch (err) {\n console.error('Failed to load leaderboard:', err);\n setLeaderboard([]);\n setStats({\n totalUsers: 0,\n totalPosts: 0\n });\n }\n };\n const loadPlatforms = async () => {\n if (!devbaseClient) return;\n try {\n const platformList = await devbaseClient.listEntities('platforms');\n if (userWallet === DEVELOPER_WALLET && platformList.length === 0) {\n const defaultPlatforms = [{\n name: 'Lens',\n maxChars: 3000,\n attribution: 'Made by Socially Bakeful from @cakesonsolana on dev.fun'\n }, {\n name: 'Bluesky',\n maxChars: 250,\n attribution: 'Made by Socially Bakeful from @cakesonsolana.com on dev.fun'\n }, {\n name: 'X (non-premium)',\n maxChars: 250,\n attribution: 'Made by Socially Bakeful from @CakesOnSolana on @devfunpump'\n }, {\n name: 'X (premium)',\n maxChars: 5000,\n attribution: 'Made by Socially Bakeful from @CakesOnSolana on @devfunpump'\n }, {\n name: 'Bulb Threads',\n maxChars: 400,\n attribution: 'Made by Socially Bakeful from @cakes-on-solana on dev.fun'\n }, {\n name: 'Instagram',\n maxChars: 2000,\n attribution: 'Made by Socially Bakeful from @cakesonsolana on dev.fun'\n }, {\n name: 'Threads',\n maxChars: 420,\n attribution: 'Made by Socially Bakeful from @cakesonsolana on dev.fun'\n }, {\n name: 'Tumblr',\n maxChars: 3000,\n attribution: 'Made by Socially Bakeful from @cakesonsolana on dev.fun'\n }, {\n name: 'Pinterest',\n maxChars: 420,\n attribution: 'Made by Socially Bakeful from @cakesonsolana on dev.fun'\n }, {\n name: 'Facebook',\n maxChars: 2000,\n attribution: 'Made by Socially Bakeful from @cakesonsolana on dev.fun'\n }, {\n name: 'Farcaster',\n maxChars: 1000,\n attribution: 'Made by Socially Bakeful from @cakesonsolana on dev.fun'\n }, {\n name: 'LinkedIn',\n maxChars: 1300,\n attribution: 'Made by Socially Bakeful from @cakesonsolana on dev.fun'\n }];\n try {\n for (const platform of defaultPlatforms) {\n await devbaseClient.createEntity('platforms', platform);\n }\n const updatedPlatformList = await devbaseClient.listEntities('platforms');\n setPlatforms(updatedPlatformList);\n } catch (createErr) {\n console.error('Failed to create default platforms, using fallback:', createErr);\n setPlatforms(defaultPlatforms.map((p, index) => ({\n ...p,\n id: `fallback-${index}`\n })));\n }\n } else {\n setPlatforms(platformList);\n }\n } catch (err) {\n console.error('Failed to load platforms:', err);\n const fallbackPlatforms = [{\n id: 'fallback-0',\n name: 'Lens',\n maxChars: 3000,\n attribution: 'Made by Socially Bakeful from @cakesonsolana on dev.fun'\n }, {\n id: 'fallback-1',\n name: 'Bluesky',\n maxChars: 250,\n attribution: 'Made by Socially Bakeful from @cakesonsolana.com on dev.fun'\n }, {\n id: 'fallback-2',\n name: 'X (non-premium)',\n maxChars: 250,\n attribution: 'Made by Socially Bakeful from @CakesOnSolana on @devfunpump'\n }, {\n id: 'fallback-3',\n name: 'X (premium)',\n maxChars: 5000,\n attribution: 'Made by Socially Bakeful from @CakesOnSolana on @devfunpump'\n }, {\n id: 'fallback-4',\n name: 'Bulb Threads',\n maxChars: 400,\n attribution: 'Made by Socially Bakeful from @cakes-on-solana on dev.fun'\n }, {\n id: 'fallback-5',\n name: 'Instagram',\n maxChars: 2000,\n attribution: 'Made by Socially Bakeful from @cakesonsolana on dev.fun'\n }, {\n id: 'fallback-6',\n name: 'Threads',\n maxChars: 420,\n attribution: 'Made by Socially Bakeful from @cakesonsolana on dev.fun'\n }, {\n id: 'fallback-7',\n name: 'Tumblr',\n maxChars: 3000,\n attribution: 'Made by Socially Bakeful from @cakesonsolana on dev.fun'\n }, {\n id: 'fallback-8',\n name: 'Pinterest',\n maxChars: 420,\n attribution: 'Made by Socially Bakeful from @cakesonsolana on dev.fun'\n }, {\n id: 'fallback-9',\n name: 'Facebook',\n maxChars: 2000,\n attribution: 'Made by Socially Bakeful from @cakesonsolana on dev.fun'\n }, {\n id: 'fallback-10',\n name: 'Farcaster',\n maxChars: 1000,\n attribution: 'Made by Socially Bakeful from @cakesonsolana on dev.fun'\n }, {\n id: 'fallback-11',\n name: 'LinkedIn',\n maxChars: 1300,\n attribution: 'Made by Socially Bakeful from @cakesonsolana on dev.fun'\n }];\n setPlatforms(fallbackPlatforms);\n }\n };\n const loadCakeFacts = async () => {\n if (!devbaseClient) return;\n try {\n const facts = await devbaseClient.listEntities('cake_facts');\n if (facts.length === 0) {\n const defaultFacts = [\"The world's oldest cake was found in a 4,000-year-old tomb in Egypt!\", \"The most expensive cake ever made cost $75 million and was covered in diamonds.\", \"Cupcakes were originally called 'number cakes' because recipes used numbers instead of measurements.\", \"The birthday cake tradition started with ancient Greeks honoring Artemis.\", \"Red velvet cake gets its color from a chemical reaction between cocoa and acid.\"];\n try {\n for (const fact of defaultFacts) {\n await devbaseClient.createEntity('cake_facts', {\n fact\n });\n }\n const newFacts = await devbaseClient.listEntities('cake_facts');\n setCakeFacts(newFacts);\n } catch (createErr) {\n console.error('Failed to create default cake facts, using fallback:', createErr);\n setCakeFacts(defaultFacts.map((fact, index) => ({\n id: `fallback-${index}`,\n fact\n })));\n }\n } else {\n setCakeFacts(facts);\n }\n } catch (err) {\n console.error('Failed to load cake facts:', err);\n const fallbackFacts = [\"The world's oldest cake was found in a 4,000-year-old tomb in Egypt!\", \"The most expensive cake ever made cost $75 million and was covered in diamonds.\", \"Cupcakes were originally called 'number cakes' because recipes used numbers instead of measurements.\", \"The birthday cake tradition started with ancient Greeks honoring Artemis.\", \"Red velvet cake gets its color from a chemical reaction between cocoa and acid.\"];\n setCakeFacts(fallbackFacts.map((fact, index) => ({\n id: `fallback-${index}`,\n fact\n })));\n }\n };\n const loadPersonas = async () => {\n if (!devbaseClient) return;\n try {\n const personaList = await devbaseClient.listEntities('personas');\n if (personaList.length === 0) {\n const defaultPersonas = [\"a grumpy professional baker who's seen it all\", \"an excited child seeing the cake for the first time\", \"a sophisticated food critic with exquisite taste\", \"a chaotic kitchen apprentice who accidentally creates magic\", \"a mystical cake enchantress weaving sweet spells\", \"an overly enthusiastic baking show host\", \"a wise grandmother with secret family recipes\"];\n try {\n for (let i = 0; i < defaultPersonas.length; i++) {\n await devbaseClient.createEntity('personas', {\n persona: defaultPersonas[i],\n orderIndex: i\n });\n }\n const newPersonaList = await devbaseClient.listEntities('personas');\n setPersonas(newPersonaList.sort((a, b) => a.orderIndex - b.orderIndex));\n } catch (createErr) {\n console.error('Failed to create default personas, using fallback:', createErr);\n setPersonas(defaultPersonas.map((persona, index) => ({\n id: `fallback-${index}`,\n persona,\n orderIndex: index\n })));\n }\n } else {\n setPersonas(personaList.sort((a, b) => a.orderIndex - b.orderIndex));\n }\n } catch (err) {\n console.error('Failed to load personas:', err);\n const fallbackPersonas = [\"a grumpy professional baker who's seen it all\", \"an excited child seeing the cake for the first time\", \"a sophisticated food critic with exquisite taste\", \"a chaotic kitchen apprentice who accidentally creates magic\", \"a mystical cake enchantress weaving sweet spells\", \"an overly enthusiastic baking show host\", \"a wise grandmother with secret family recipes\"];\n setPersonas(fallbackPersonas.map((persona, index) => ({\n id: `fallback-${index}`,\n persona,\n orderIndex: index\n })));\n }\n };\n const loadSettings = async () => {\n if (!devbaseClient) return;\n try {\n const settings = await devbaseClient.listEntities('settings');\n const leaderboardSetting = settings.find(s => s.key === 'leaderboard_text');\n if (leaderboardSetting) {\n setLeaderboardText(leaderboardSetting.value);\n }\n } catch (err) {\n console.error('Failed to load settings:', err);\n }\n };\n const loadTokenConfig = async () => {\n if (!devbaseClient) return;\n try {\n const configs = await devbaseClient.listEntities('token_config');\n if (configs.length > 0) {\n const config = configs[0];\n setTokenConfig({\n tokenAddress: config.tokenAddress || '',\n minimumAmount: config.minimumAmount || 0,\n tokenTicker: config.tokenTicker || ''\n });\n }\n } catch (err) {\n console.error('Failed to load token config:', err);\n }\n };\n const saveLeaderboardText = async () => {\n if (!devbaseClient) return;\n try {\n const settings = await devbaseClient.listEntities('settings');\n const leaderboardSetting = settings.find(s => s.key === 'leaderboard_text');\n if (leaderboardSetting) {\n await devbaseClient.updateEntity('settings', leaderboardSetting.id, {\n key: 'leaderboard_text',\n value: tempLeaderboardText\n });\n } else {\n await devbaseClient.createEntity('settings', {\n key: 'leaderboard_text',\n value: tempLeaderboardText\n });\n }\n setLeaderboardText(tempLeaderboardText);\n setEditingLeaderboardText(false);\n } catch (err) {\n console.error('Failed to save leaderboard text:', err);\n }\n };\n const addCakeFact = async () => {\n if (!devbaseClient || !newCakeFact.trim() || cakeFacts.length >= 100) return;\n try {\n await devbaseClient.createEntity('cake_facts', {\n fact: newCakeFact.trim()\n });\n setNewCakeFact('');\n loadCakeFacts();\n } catch (err) {\n console.error('Failed to add cake fact:', err);\n }\n };\n const deleteCakeFact = async factId => {\n if (!devbaseClient) return;\n try {\n await devbaseClient.deleteEntity('cake_facts', factId);\n loadCakeFacts();\n } catch (err) {\n console.error('Failed to delete cake fact:', err);\n }\n };\n const updatePlatform = async (platformId, updatedData) => {\n if (!devbaseClient) return;\n try {\n await devbaseClient.updateEntity('platforms', platformId, updatedData);\n loadPlatforms();\n setEditingPlatform(null);\n } catch (err) {\n console.error('Failed to update platform:', err);\n }\n };\n const addPersona = async () => {\n if (!devbaseClient || !newPersona.trim() || personas.length >= 10) return;\n try {\n await devbaseClient.createEntity('personas', {\n persona: newPersona.trim(),\n orderIndex: personas.length\n });\n setNewPersona('');\n loadPersonas();\n } catch (err) {\n console.error('Failed to add persona:', err);\n }\n };\n const updatePersona = async (personaId, updatedData) => {\n if (!devbaseClient) return;\n try {\n await devbaseClient.updateEntity('personas', personaId, updatedData);\n loadPersonas();\n setEditingPersona(null);\n } catch (err) {\n console.error('Failed to update persona:', err);\n }\n };\n const deletePersona = async personaId => {\n if (!devbaseClient) return;\n try {\n await devbaseClient.deleteEntity('personas', personaId);\n loadPersonas();\n } catch (err) {\n console.error('Failed to delete persona:', err);\n }\n };\n const saveTokenConfig = async () => {\n if (!devbaseClient) return;\n try {\n const configs = await devbaseClient.listEntities('token_config');\n if (configs.length > 0) {\n await devbaseClient.updateEntity('token_config', configs[0].id, tokenConfig);\n } else {\n await devbaseClient.createEntity('token_config', tokenConfig);\n }\n setEditingTokenConfig(false);\n loadTokenConfig();\n } catch (err) {\n console.error('Failed to save token config:', err);\n }\n };\n const refreshTokenBoost = async () => {\n setIsRefreshingTokens(true);\n setTokenCheckError('');\n try {\n if (!tokenConfig?.tokenAddress || !tokenConfig?.minimumAmount) {\n setTokenCheckError('Token configuration is incomplete. Please contact admin.');\n return;\n }\n if (!devbaseClient || !userWallet) {\n setTokenCheckError('Wallet not connected or system not ready. Please try again.');\n return;\n }\n if (userWallet) {\n await checkTokenBalance(userWallet, tokenConfig.tokenAddress);\n }\n await loadLeaderboard();\n } catch (err) {\n console.error('Failed to refresh token boost:', err);\n setTokenCheckError('Failed to check token balances. The token contract address may be invalid or the network is experiencing issues. Please try again later.');\n } finally {\n setIsRefreshingTokens(false);\n }\n };\n const checkTokenBalance = async (walletAddress, tokenAddress) => {\n if (!walletAddress || !tokenAddress || !devbaseClient) {\n console.log('Missing required parameters for token balance check');\n return 0;\n }\n if (typeof walletAddress !== 'string' || typeof tokenAddress !== 'string') {\n console.log('Invalid wallet or token address type');\n return 0;\n }\n if (!devbaseClient.evalString || typeof devbaseClient.evalString !== 'function') {\n console.log('DevbaseClient evalString method not available');\n return 0;\n }\n try {\n console.log(`Checking balance for wallet: ${walletAddress}, token: ${tokenAddress}`);\n const balance = await devbaseClient.evalString(`$GET_BALANCE('${walletAddress}', '${tokenAddress}')`);\n if (balance === null || balance === undefined) {\n console.log('Balance query returned null/undefined');\n return 0;\n }\n const numericBalance = parseFloat(balance) || 0;\n console.log(`Token balance for ${walletAddress}: ${numericBalance} (minimum required: ${tokenConfig.minimumAmount})`);\n return numericBalance;\n } catch (err) {\n console.error('Failed to check token balance:', err);\n return 0;\n }\n };\n const handlePlatformToggle = platformId => {\n setSelectedPlatforms(prev => prev.includes(platformId) ? prev.filter(id => id !== platformId) : [...prev, platformId]);\n };\n const generatePosts = async () => {\n if (selectedPlatforms.length === 0) {\n setError('Please select at least one social media platform.');\n return;\n }\n if (postType === 'cakescribed' && !prompt.trim()) {\n setError('Please provide the cake generation prompt.');\n return;\n }\n setError('');\n setIsGenerating(true);\n try {\n if (userWallet && devbaseClient) {\n try {\n await devbaseClient.createEntity('usages', {\n userWallet: userWallet,\n count: 1\n });\n loadLeaderboard();\n } catch (err) {\n console.error('Failed to track usage:', err);\n setError('Failed to track usage. Please try again.');\n return;\n }\n }\n const posts = [];\n const availablePersonas = personas.length > 0 ? personas.map(p => p.persona) : [\"a grumpy professional baker who's seen it all\", \"an excited child seeing the cake for the first time\", \"a sophisticated food critic with exquisite taste\", \"a chaotic kitchen apprentice who accidentally creates magic\", \"a mystical cake enchantress weaving sweet spells\"];\n const selectedPersona = availablePersonas[Math.floor(Math.random() * availablePersonas.length)];\n let selectedFactForPosts = '';\n if (postType === 'facts' && cakeFacts.length > 0) {\n const randomFact = cakeFacts[Math.floor(Math.random() * cakeFacts.length)].fact;\n selectedFactForPosts = randomFact;\n setSelectedFact(randomFact);\n }\n for (const platformId of selectedPlatforms) {\n const platform = platforms.find(p => p.id === platformId);\n if (!platform) continue;\n let systemPrompt = `You are ${selectedPersona}. Generate a social media post for ${platform.name}.`;\n if (postType === 'cakescribed') {\n systemPrompt += ` Take this cake generation prompt and rewrite it into an engaging social media post from your perspective: \"${prompt}\"`;\n } else {\n if (cakeFacts.length === 0) continue;\n systemPrompt += ` Create a post featuring this cake fact from your perspective: \"${selectedFactForPosts}\"`;\n }\n systemPrompt += `\nRequirements:\n- Write in character as ${selectedPersona}\n- Maximum ${platform.maxChars} characters TOTAL (including hashtags and attribution)\n- Include hashtags: #solana #cake #baking\n- End with attribution: ${platform.attribution}\n- Be engaging and creative while staying true to the persona`;\n const response = await fetch('https://chat.dev.fun/inference/7ff920512f8269cf4c89', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n messages: [{\n role: 'system',\n content: systemPrompt\n }, {\n role: 'user',\n content: 'Generate the post now.'\n }]\n })\n });\n const data = await response.json();\n posts.push({\n platform: platform.name,\n content: data.text,\n persona: selectedPersona\n });\n }\n setGeneratedPosts(posts);\n } catch (err) {\n setError('Failed to generate posts. Please try again.');\n console.error('Generation error:', err);\n } finally {\n setIsGenerating(false);\n }\n };\n const copyToClipboard = text => {\n navigator.clipboard.writeText(text);\n };\n const formatWalletAddress = address => {\n return `${address.slice(0, 4)}...${address.slice(-4)}`;\n };\n return

\n $\"Socially$ \n

Socially Bakeful

\n {isAdmin && }\n \n

\n {showAdmin && isAdmin ?

Admin Panel

\n {}\n

Community Leaderboard Text

\n {!editingLeaderboardText ? :

\n \n \n

}\n

\n {editingLeaderboardText ?

setTempLeaderboardText(e.target.value)} className=\"w-full p-3 rounded bg-[#2B2C29] border border-[#4E7C77] focus:border-[#00C166] focus:outline-none resize-none h-24\" /> : <p className=\"text-sm text-[#4E7C77]\">{leaderboardText}</p>}\n          </section>\n          {}\n          <section className=\"bg-[#4E7C77]/10 rounded-lg p-6\">\n            <h3 className=\"text-xl font-semibold text-[#74D0C9] mb-4\">Cake Facts Database ({cakeFacts.length}/100)</h3>\n            <div className=\"mb-4\">\n              <div className=\"flex gap-2\">\n                <input type=\"text\" value={newCakeFact} onChange={e => setNewCakeFact(e.target.value)} placeholder=\"Add a new cake fact...\" className=\"flex-1 p-2 rounded bg-[#2B2C29] border border-[#4E7C77] focus:border-[#00C166] focus:outline-none text-sm\" disabled={cakeFacts.length >= 100} />\n                <button onClick={addCakeFact} disabled={!newCakeFact.trim() || cakeFacts.length >= 100} className=\"bg-[#00C166] hover:bg-[#00C166]/80 disabled:opacity-50 disabled:cursor-not-allowed text-white px-3 py-2 rounded text-sm flex items-center gap-1\">\n                  <Plus className=\"w-4 h-4\" />\n                  Add\n                </button>\n              </div>\n            </div>\n            <div className=\"space-y-2 max-h-60 overflow-y-auto\">\n              {cakeFacts.map((fact, index) => <div key={fact.id} className=\"flex items-center justify-between p-2 bg-[#2B2C29] rounded\">\n                  <span className=\"text-sm flex-1\">{index + 1}. {fact.fact}</span>\n                  <button onClick={() => deleteCakeFact(fact.id)} className=\"text-red-400 hover:text-red-300 ml-2\">\n                    <Trash2 className=\"w-4 h-4\" />\n                  </button>\n                </div>)}\n            </div>\n          </section>\n          {}\n          <section className=\"bg-[#4E7C77]/10 rounded-lg p-6\">\n            <h3 className=\"text-xl font-semibold text-[#74D0C9] mb-4\">Social Platform Settings</h3>\n            <div className=\"grid gap-4\">\n              {platforms.map(platform => <div key={platform.id} className=\"bg-[#2B2C29] rounded p-4\">\n                  {editingPlatform === platform.id ? <div className=\"space-y-3\">\n                      <input type=\"text\" value={platform.name} onChange={e => setPlatforms(prev => prev.map(p => p.id === platform.id ? {\n                ...p,\n                name: e.target.value\n              } : p))} className=\"w-full p-2 rounded bg-[#4E7C77]/20 border border-[#4E7C77] focus:border-[#00C166] focus:outline-none text-sm\" placeholder=\"Platform name\" />\n                      <input type=\"number\" value={platform.maxChars} onChange={e => setPlatforms(prev => prev.map(p => p.id === platform.id ? {\n                ...p,\n                maxChars: parseInt(e.target.value)\n              } : p))} className=\"w-full p-2 rounded bg-[#4E7C77]/20 border border-[#4E7C77] focus:border-[#00C166] focus:outline-none text-sm\" placeholder=\"Character limit\" />\n                      <textarea value={platform.attribution} onChange={e => setPlatforms(prev => prev.map(p => p.id === platform.id ? {\n                ...p,\n                attribution: e.target.value\n              } : p))} className=\"w-full p-2 rounded bg-[#4E7C77]/20 border border-[#4E7C77] focus:border-[#00C166] focus:outline-none text-sm resize-none h-16\" placeholder=\"Attribution line\" />\n                      <div className=\"flex gap-2\">\n                        <button onClick={() => updatePlatform(platform.id, platform)} className=\"bg-[#00C166] hover:bg-[#00C166]/80 text-white px-3 py-1 rounded text-sm flex items-center gap-1\">\n                          <Save className=\"w-3 h-3\" />\n                          Save\n                        </button>\n                        <button onClick={() => setEditingPlatform(null)} className=\"bg-red-500 hover:bg-red-500/80 text-white px-3 py-1 rounded text-sm flex items-center gap-1\">\n                          <X className=\"w-3 h-3\" />\n                          Cancel\n                        </button>\n                      </div>\n                    </div> : <div className=\"flex items-start justify-between\">\n                      <div className=\"flex-1\">\n                        <h4 className=\"font-medium text-[#00C166]\">{platform.name}</h4>\n                        <p className=\"text-sm text-[#4E7C77]\">Max characters: {platform.maxChars}</p>\n                        <p className=\"text-xs text-[#4E7C77] mt-1\">{platform.attribution}</p>\n                      </div>\n                      <button onClick={() => setEditingPlatform(platform.id)} className=\"bg-[#6A29BF] hover:bg-[#6A29BF]/80 text-white px-2 py-1 rounded text-sm flex items-center gap-1\">\n                        <Edit className=\"w-3 h-3\" />\n                        Edit\n                      </button>\n                    </div>}\n                </div>)}\n            </div>\n          </section>\n          {}\n          <section className=\"bg-[#4E7C77]/10 rounded-lg p-6\">\n            <h3 className=\"text-xl font-semibold text-[#74D0C9] mb-4\">Personas Management ({personas.length}/10)</h3>\n            <div className=\"mb-4\">\n              <div className=\"flex gap-2\">\n                <input type=\"text\" value={newPersona} onChange={e => setNewPersona(e.target.value)} placeholder=\"Add a new persona...\" className=\"flex-1 p-2 rounded bg-[#2B2C29] border border-[#4E7C77] focus:border-[#00C166] focus:outline-none text-sm\" disabled={personas.length >= 10} />\n                <button onClick={addPersona} disabled={!newPersona.trim() || personas.length >= 10} className=\"bg-[#00C166] hover:bg-[#00C166]/80 disabled:opacity-50 disabled:cursor-not-allowed text-white px-3 py-2 rounded text-sm flex items-center gap-1\">\n                  <Plus className=\"w-4 h-4\" />\n                  Add\n                </button>\n              </div>\n            </div>\n            <div className=\"space-y-2 max-h-60 overflow-y-auto\">\n              {personas.map((persona, index) => <div key={persona.id} className=\"bg-[#2B2C29] rounded p-3\">\n                  {editingPersona === persona.id ? <div className=\"space-y-2\">\n                      <input type=\"text\" value={persona.persona} onChange={e => setPersonas(prev => prev.map(p => p.id === persona.id ? {\n                ...p,\n                persona: e.target.value\n              } : p))} className=\"w-full p-2 rounded bg-[#4E7C77]/20 border border-[#4E7C77] focus:border-[#00C166] focus:outline-none text-sm\" />\n                      <div className=\"flex gap-2\">\n                        <button onClick={() => updatePersona(persona.id, persona)} className=\"bg-[#00C166] hover:bg-[#00C166]/80 text-white px-2 py-1 rounded text-sm flex items-center gap-1\">\n                          <Save className=\"w-3 h-3\" />\n                          Save\n                        </button>\n                        <button onClick={() => setEditingPersona(null)} className=\"bg-red-500 hover:bg-red-500/80 text-white px-2 py-1 rounded text-sm flex items-center gap-1\">\n                          <X className=\"w-3 h-3\" />\n                          Cancel\n                        </button>\n                      </div>\n                    </div> : <div className=\"flex items-center justify-between\">\n                      <span className=\"text-sm flex-1\">{index + 1}. {persona.persona}</span>\n                      <div className=\"flex gap-1\">\n                        <button onClick={() => setEditingPersona(persona.id)} className=\"bg-[#6A29BF] hover:bg-[#6A29BF]/80 text-white px-2 py-1 rounded text-sm flex items-center gap-1\">\n                          <Edit className=\"w-3 h-3\" />\n                          Edit\n                        </button>\n                        <button onClick={() => deletePersona(persona.id)} className=\"text-red-400 hover:text-red-300 px-2 py-1\">\n                          <Trash2 className=\"w-3 h-3\" />\n                        </button>\n                      </div>\n                    </div>}\n                </div>)}\n            </div>\n          </section>\n          {}\n          <section className=\"bg-[#4E7C77]/10 rounded-lg p-6\">\n            <div className=\"flex items-center justify-between mb-4\">\n              <h3 className=\"text-xl font-semibold text-[#74D0C9]\">Token Boost Configuration</h3>\n              {!editingTokenConfig ? <button onClick={() => setEditingTokenConfig(true)} className=\"bg-[#00C166] hover:bg-[#00C166]/80 text-white px-3 py-1 rounded text-sm flex items-center gap-1\">\n                  <Edit className=\"w-3 h-3\" />\n                  Edit\n                </button> : <div className=\"flex gap-2\">\n                  <button onClick={saveTokenConfig} className=\"bg-[#00C166] hover:bg-[#00C166]/80 text-white px-3 py-1 rounded text-sm flex items-center gap-1\">\n                    <Save className=\"w-3 h-3\" />\n                    Save\n                  </button>\n                  <button onClick={() => setEditingTokenConfig(false)} className=\"bg-red-500 hover:bg-red-500/80 text-white px-3 py-1 rounded text-sm flex items-center gap-1\">\n                    <X className=\"w-3 h-3\" />\n                    Cancel\n                  </button>\n                </div>}\n            </div>\n            {editingTokenConfig ? <div className=\"space-y-4\">\n                <div>\n                  <label className=\"block text-sm font-medium mb-1\">Token Ticker</label>\n                  <input type=\"text\" value={tokenConfig.tokenTicker} onChange={e => setTokenConfig(prev => ({\n              ...prev,\n              tokenTicker: e.target.value\n            }))} placeholder=\"Token ticker (e.g., CAKE)\" className=\"w-full p-2 rounded bg-[#2B2C29] border border-[#4E7C77] focus:border-[#00C166] focus:outline-none text-sm\" />\n                </div>\n                <div>\n                  <label className=\"block text-sm font-medium mb-1\">Token Contract Address</label>\n                  <input type=\"text\" value={tokenConfig.tokenAddress} onChange={e => setTokenConfig(prev => ({\n              ...prev,\n              tokenAddress: e.target.value\n            }))} placeholder=\"Token contract address\" className=\"w-full p-2 rounded bg-[#2B2C29] border border-[#4E7C77] focus:border-[#00C166] focus:outline-none text-sm\" />\n                </div>\n                <div>\n                  <label className=\"block text-sm font-medium mb-1\">Minimum Amount Required</label>\n                  <input type=\"number\" value={tokenConfig.minimumAmount} onChange={e => setTokenConfig(prev => ({\n              ...prev,\n              minimumAmount: parseFloat(e.target.value) || 0\n            }))} placeholder=\"Minimum tokens required\" className=\"w-full p-2 rounded bg-[#2B2C29] border border-[#4E7C77] focus:border-[#00C166] focus:outline-none text-sm\" />\n                </div>\n              </div> : <div className=\"space-y-2\">\n                <p className=\"text-sm\"><span className=\"text-[#74D0C9]\">Ticker:</span> {tokenConfig.tokenTicker || 'Not configured'}</p>\n                <p className=\"text-sm\"><span className=\"text-[#74D0C9]\">Contract:</span> {tokenConfig.tokenAddress ? `${tokenConfig.tokenAddress.slice(0, 8)}...${tokenConfig.tokenAddress.slice(-8)}` : 'Not configured'}</p>\n                <p className=\"text-sm\"><span className=\"text-[#74D0C9]\">Minimum Amount:</span> {tokenConfig.minimumAmount || 0}</p>\n                <p className=\"text-xs text-[#4E7C77] mt-2\">Users holding the minimum amount get highlighted with a special cake-themed background on the leaderboard.</p>\n              </div>}\n          </section>\n        </div> : <div className=\"max-w-6xl mx-auto p-6 grid lg:grid-cols-3 gap-8\">\n          <div className=\"lg:col-span-2 space-y-8\">\n            <section className=\"bg-[#4E7C77]/10 rounded-lg p-6\">\n              <h2 className=\"text-xl font-semibold mb-4 text-[#74D0C9]\">Choose Social Platforms</h2>\n              <div className=\"grid md:grid-cols-3 gap-3\">\n                {platforms.map(platform => <label key={platform.id} className=\"flex items-center gap-2 cursor-pointer\">\n                    <input type=\"checkbox\" checked={selectedPlatforms.includes(platform.id)} onChange={() => handlePlatformToggle(platform.id)} className=\"accent-[#00C166]\" />\n                    <span className=\"text-sm\">{platform.name}</span>\n                  </label>)}\n              </div>\n            </section>\n        <section className=\"bg-[#4E7C77]/10 rounded-lg p-6\">\n              <h2 className=\"text-xl font-semibold mb-4 text-[#74D0C9]\">Choose Post Type</h2>\n              <div className=\"space-y-3\">\n                <label className=\"flex items-center gap-2 cursor-pointer\">\n                  <input type=\"radio\" name=\"postType\" value=\"cakescribed\" checked={postType === 'cakescribed'} onChange={e => setPostType(e.target.value)} className=\"accent-[#00C166]\" />\n                  <span className=\"font-medium\">Cakescribed</span>\n                  <span className=\"text-[#4E7C77] text-sm\">- Posts based on your cake generation prompt</span>\n                </label>\n                <label className=\"flex items-center gap-2 cursor-pointer\">\n                  <input type=\"radio\" name=\"postType\" value=\"facts\" checked={postType === 'facts'} onChange={e => setPostType(e.target.value)} className=\"accent-[#00C166]\" />\n                  <span className=\"font-medium\">Delicious Cake Facts</span>\n                  <span className=\"text-[#4E7C77] text-sm\">- Posts featuring fun cake trivia</span>\n                </label>\n              </div>\n            </section>\n            {postType === 'cakescribed' && <section className=\"bg-[#4E7C77]/10 rounded-lg p-6\">\n                <h2 className=\"text-xl font-semibold mb-4 text-[#74D0C9]\">Provide Input</h2>\n                <div>\n                  <label className=\"block text-sm font-medium mb-2\">Cake Generation Prompt</label>\n                  <textarea value={prompt} onChange={e => setPrompt(e.target.value)} placeholder=\"Enter the prompt you used to generate your cake image...\" className=\"w-full p-3 rounded bg-[#2B2C29] border border-[#4E7C77] focus:border-[#00C166] focus:outline-none resize-none h-24\" />\n                </div>\n              </section>}\n        <div className=\"text-center\">\n              <button onClick={generatePosts} disabled={isGenerating} className=\"bg-[#00C166] hover:bg-[#00C166]/80 disabled:opacity-50 disabled:cursor-not-allowed text-white px-8 py-4 rounded-lg text-lg font-semibold transition-colors\">\n                {isGenerating ? 'Baking Posts...' : 'Start Baking'}\n              </button>\n            </div>\n            {selectedFact && postType === 'facts' && <section className=\"bg-[#4E7C77]/10 rounded-lg p-4\">\n                <h3 className=\"text-sm font-medium text-[#74D0C9] mb-2\">Featured Cake Fact:</h3>\n                <p className=\"text-sm text-white\">{selectedFact}</p>\n              </section>}\n            {error && <div className=\"bg-red-500/10 border border-red-500/20 rounded-lg p-4 text-red-300\">\n                {error}\n              </div>}\n            {generatedPosts.length > 0 && <section className=\"space-y-4\">\n                <h2 className=\"text-xl font-semibold text-[#74D0C9]\">Your Freshly Baked Posts</h2>\n                {generatedPosts.map((post, index) => <div key={index} className=\"bg-[#4E7C77]/10 rounded-lg p-4\">\n                    <div className=\"flex justify-between items-start mb-3\">\n                      <h3 className=\"font-semibold text-[#00C166]\">{post.platform}</h3>\n                      <button onClick={() => copyToClipboard(post.content)} className=\"bg-[#6A29BF] hover:bg-[#6A29BF]/80 text-white px-3 py-1 rounded text-sm flex items-center gap-1 transition-colors\">\n                        <Copy className=\"w-3 h-3\" />\n                        Copy Text\n                      </button>\n                    </div>\n                    <p className=\"text-sm text-[#4E7C77] mb-2\">Written by: {post.persona}</p>\n                    <div className=\"bg-[#2B2C29] rounded p-3 text-sm whitespace-pre-wrap\">\n                      {post.content}\n                    </div>\n                  </div>)}\n              </section>}\n          </div>\n          <div className=\"space-y-6\">\n            <section className=\"bg-[#4E7C77]/10 rounded-lg p-6\">\n          <div className=\"flex items-center gap-2 mb-4\">\n                <Trophy className=\"w-5 h-5 text-[#00C166]\" />\n                <h2 className=\"text-lg font-semibold text-[#74D0C9]\">Community Leaderboard</h2>\n              </div>\n          <p className=\"text-sm text-[#4E7C77] mb-4\">\n                {leaderboardText}\n              </p>\n              <div className=\"space-y-3\">\n                {leaderboard.map((user, index) => <LeaderboardEntry key={user.wallet} user={user} index={index} tokenConfig={tokenConfig} checkTokenBalance={checkTokenBalance} copyToClipboard={copyToClipboard} formatWalletAddress={formatWalletAddress} devbaseClient={devbaseClient} />)}\n              </div>\n              {tokenConfig.tokenAddress && <div className=\"mt-4 pt-4 border-t border-[#4E7C77]/20\">\n                  <div className=\"text-center\">\n                    <h3 className=\"text-sm font-semibold text-[#74D0C9] mb-2\">Token Boost Active</h3>\n                    <div className=\"bg-[#2B2C29] rounded p-3 space-y-1\">\n                      {tokenConfig.tokenTicker && <p className=\"text-sm\"><span className=\"text-[#74D0C9]\">Token:</span> {tokenConfig.tokenTicker}</p>}\n                      <div className=\"flex items-center justify-between\">\n                        <p className=\"text-sm\"><span className=\"text-[#74D0C9]\">Token CA:</span> {tokenConfig.tokenAddress.slice(0, 8)}...{tokenConfig.tokenAddress.slice(-8)}</p>\n                        <button onClick={() => copyToClipboard(tokenConfig.tokenAddress)} className=\"text-[#4E7C77] hover:text-[#74D0C9] transition-colors\">\n                          <Copy className=\"w-3 h-3\" />\n                        </button>\n                      </div>\n                      <p className=\"text-sm\"><span className=\"text-[#74D0C9]\">Minimum Required:</span> {tokenConfig.minimumAmount.toLocaleString()}</p>\n                      <p className=\"text-xs text-[#00C166] mt-2\">Hold {tokenConfig.minimumAmount.toLocaleString()} {tokenConfig.tokenTicker || 'tokens'} to get highlighted on the leaderboard!</p>\n                      <button onClick={refreshTokenBoost} disabled={isRefreshingTokens} className=\"mt-3 bg-[#00C166] hover:bg-[#00C166]/80 disabled:opacity-50 disabled:cursor-not-allowed text-white px-4 py-2 rounded text-sm font-medium transition-colors\">\n                        {isRefreshingTokens ? 'Checking...' : 'Refresh Token Check'}\n                      </button>\n                      {tokenCheckError && <div className=\"mt-2 p-2 bg-red-500/10 border border-red-500/20 rounded text-xs text-red-300\">\n                          {tokenCheckError}\n                        </div>}\n                    </div>\n                  </div>\n                </div>}\n              <div className=\"mt-4 pt-4 border-t border-[#4E7C77]/20\">\n                <div className=\"flex items-center justify-between text-sm\">\n                  <div className=\"flex items-center gap-1\">\n                    <Users className=\"w-4 h-4 text-[#74D0C9]\" />\n                    <span>Total Users: {stats.totalUsers}</span>\n                  </div>\n                  <div className=\"flex items-center gap-1\">\n                    <TrendingUp className=\"w-4 h-4 text-[#74D0C9]\" />\n                    <span>Total Posts: {stats.totalPosts}</span>\n                  </div>\n                </div>\n              </div>\n            </section>\n          </div>\n        </div>}\n    </div>;\n}\nexport default AppWithProvider;","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"lucide-react\":\"0.441.0\",\"@devfunlabs/web-sdk\":\"0.5.6\"}}","appFunctions",[],"token",{"_20":83,"_84":83,"_85":86,"_87":88,"_89":90,"_91":92,"_93":94,"_95":96,"_97":98,"_99":100,"_101":102,"_64":103,"_74":19},"buidl","symbol","image","https://pump.mypinata.cloud/ipfs/QmPR3CamxoBQW892uHDT2EGRxFvksiJyrEg1ajZYVqJhnf?img-width=256&img-dpr=2","website","https://buidl.eco/","twitter","https://x.com/buidldao_","marketcap",954462.78,"volumeIn24h",140992.26,"price",0.0009534,"priceChangeIn24h",-10.2,"devCount",329,"appCount",2190,81808,"upstreamApp","isLordOfDev","analytics",[108,112,114,116,118,120,122,124,126,128,130,132,134,136,138,139,140,141,143,145,147,148],{"_109":110,"_111":61},"day","2025-09-02","runCount",{"_109":113,"_111":61},"2025-09-03",{"_109":115,"_111":61},"2025-09-04",{"_109":117,"_111":61},"2025-09-05",{"_109":119,"_111":61},"2025-09-06",{"_109":121,"_111":61},"2025-09-07",{"_109":123,"_111":61},"2025-09-08",{"_109":125,"_111":61},"2025-09-09",{"_109":127,"_111":61},"2025-09-10",{"_109":129,"_111":61},"2025-09-11",{"_109":131,"_111":61},"2025-09-12",{"_109":133,"_111":61},"2025-09-13",{"_109":135,"_111":61},"2025-09-14",{"_109":137,"_111":61},"2025-09-15",{"_109":119,"_111":43},{"_109":121,"_111":43},{"_109":125,"_111":63},{"_109":127,"_111":142},5,{"_109":129,"_111":144},16,{"_109":131,"_111":146},10,{"_109":133,"_111":43},{"_109":135,"_111":149},4,"snapshot","ogImage","https://cdn.dev.fun/og/image/7ff920512f8269cf4c89/b2360367.webp","isDevbase","project",{"_14":19,"_85":86,"_20":83,"_156":157,"_22":157},"oneliner","buidl n shpi 4 fun haha!","commitDetail","livestream","actionData","errors"]
</article></body></html>