[{"_1":2,"_139":-5,"_140":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/app.$appId",{"_12":13},"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,"_56":41,"_57":58,"_59":41,"_60":61,"_62":58,"_63":64,"_65":41,"_66":41,"_67":58,"_68":58,"_69":17,"_70":17,"_71":72,"_73":74,"_75":76,"_77":78,"_79":80,"_97":-5,"_98":17,"_99":100,"_135":31,"_136":137,"_138":25},"id","7ff920512f8269cf4c89","isMyApp",false,"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",[29],"💰","cover","https://cdn.dev.fun/snapshot/7ff920512f8269cf4c89/92771_b3eb647d.webp","cdnUrl","https://cdn.dev.fun/app/7ff920512f8269cf4c89/92771","createdAt",["D",1754212591103],"updatedAt",["D",1754212593735],"lastCommitId",["B","92771"],"tier",1,"credits",60,{"_14":45,"_46":47,"_48":47,"_49":50,"_51":47,"_52":53,"_54":55},"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","forkCount",0,"likeCount","runsCount",7,"downvoteCount","upvoteCount",2,"upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","3HfLqhtF5hR5dyBXh6BMtRaTm9qzStvEGuMa8Gx6pump","code","import { useState, useEffect } from 'react';\nimport { Copy, Upload, Trophy, Users, TrendingUp } from 'lucide-react';\nimport { useDevapp, UserButton, DevappProvider } from '@devfunlabs/web-sdk';\nconst PLATFORMS = [{\n id: 'lens',\n name: 'Lens',\n maxChars: 3000,\n attribution: 'Made by Socially Bakeful from @cakesonsolana on dev.fun'\n}, {\n id: 'bluesky',\n name: 'Bluesky',\n maxChars: 250,\n attribution: 'Made by Socially Bakeful from @cakesonsolana.com on dev.fun'\n}, {\n id: 'x-non-premium',\n name: 'X (non-premium)',\n maxChars: 250,\n attribution: 'Made by Socially Bakeful from @CakesOnSolana on @devfunpump'\n}, {\n id: 'x-premium',\n name: 'X (premium)',\n maxChars: 5000,\n attribution: 'Made by Socially Bakeful from @CakesOnSolana on @devfunpump'\n}, {\n id: 'bulb-threads',\n name: 'Bulb Threads',\n maxChars: 400,\n attribution: 'Made by Socially Bakeful from @cakes-on-solana on dev.fun'\n}, {\n id: 'instagram',\n name: 'Instagram',\n maxChars: 2000,\n attribution: 'Made by Socially Bakeful from @cakesonsolana on dev.fun'\n}, {\n id: 'threads',\n name: 'Threads',\n maxChars: 420,\n attribution: 'Made by Socially Bakeful from @cakesonsolana on dev.fun'\n}, {\n id: 'tumblr',\n name: 'Tumblr',\n maxChars: 3000,\n attribution: 'Made by Socially Bakeful from @cakesonsolana on dev.fun'\n}, {\n id: 'pinterest',\n name: 'Pinterest',\n maxChars: 420,\n attribution: 'Made by Socially Bakeful from @cakesonsolana on dev.fun'\n}];\nconst AUTHOR_PERSONAS = [\"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\"];\nconst CAKE_FACTS = [\"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.\", \"The largest cake ever made weighed over 128,000 pounds!\", \"Pound cake was named for its original recipe: 1 pound each of butter, sugar, eggs, and flour.\", \"The first chocolate cake recipe appeared in 1764.\", \"Wedding cakes were originally thrown at the bride for good luck!\", \"Ice cream cake was invented in the 1870s by an Italian chef.\", \"Funfetti cake was created by accident when rainbow chips melted into vanilla batter.\", \"The term 'piece of cake' meaning 'easy' comes from 1930s America.\", \"Carrot cake was considered a health food in medieval times.\", \"The first cake mix was invented in the 1930s but failed because it was too easy.\", \"Cheesecake isn't technically a cake - it's a custard pie!\", \"The tallest cake ever made was over 108 feet tall.\", \"Black forest cake originated in Germany's Black Forest region.\", \"Angel food cake uses no egg yolks, only whites.\", \"The first electric mixer was invented specifically for cake making in 1885.\", \"Fruitcake can last for decades if stored properly.\", \"Tres leches cake originated in Latin America but the exact country is debated.\", \"The first recorded recipe for chocolate cake used melted chocolate bars.\", \"Upside-down cake was created during the Great Depression to use up stale fruit.\", \"Baking powder wasn't invented until 1843, revolutionizing cake making.\", \"The phrase 'let them eat cake' was never actually said by Marie Antoinette.\", \"German chocolate cake was named after Sam German, not Germany.\", \"Victoria sponge cake was named after Queen Victoria.\", \"The first wedding cake toppers were small charms, not bride and groom figures.\", \"Bundt cakes get their shape from a German kugelhopf pan design.\", \"Lava cake was invented by accident when a chef's chocolate cake was undercooked.\", \"Cake flour has less protein than regular flour, making cakes more tender.\", \"The tradition of blowing out birthday candles grants wishes dating back to ancient times.\", \"Sponge cake gets its name from its airy, sponge-like texture.\", \"King cake is eaten during Mardi Gras season and contains a hidden baby figurine.\", \"Madeira cake was originally paired with Madeira wine in the 1800s.\", \"Devil's food cake was named to contrast with angel food cake.\", \"The first artificial vanilla flavoring was made from beaver glands!\", \"Baking soda and baking powder are different - one needs acid to activate.\", \"Opera cake has exactly 6 layers and was named after the Paris Opera House.\", \"Genoise sponge cake is the base for most European layer cakes.\", \"The invention of reliable ovens in the 1800s made cake baking accessible to home cooks.\", \"Tiramisu means 'pick me up' in Italian.\", \"Petit fours were originally served between dinner courses in French cuisine.\", \"The largest cupcake weighed over 1,200 pounds.\", \"Battenberg cake's checkered pattern represents the four Battenberg princes.\", \"Flourless chocolate cake was invented for Passover when flour is forbidden.\", \"The stand mixer was invented in 1919 and revolutionized home baking.\", \"Cake decorating with buttercream roses was popularized in the early 1900s.\", \"Boston cream pie is actually a cake, not a pie.\", \"The phrase 'icing on the cake' dates back to the 1960s.\", \"Naked cakes with minimal frosting became trendy in the 2010s.\"];\nfunction AppWithProvider() {\n return \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 [image, setImage] = useState(null);\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 useEffect(() => {\n loadLeaderboard();\n }, [devbaseClient]);\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 }\n };\n const handlePlatformToggle = platformId => {\n setSelectedPlatforms(prev => prev.includes(platformId) ? prev.filter(id => id !== platformId) : [...prev, platformId]);\n };\n const handleImageUpload = event => {\n const file = event.target.files[0];\n if (file) {\n const reader = new FileReader();\n reader.onload = e => setImage(e.target.result);\n reader.readAsDataURL(file);\n }\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 (!image) {\n setError('Please upload a cake image.');\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 }\n }\n const posts = [];\n const selectedPersona = AUTHOR_PERSONAS[Math.floor(Math.random() * AUTHOR_PERSONAS.length)];\n for (const platformId of selectedPlatforms) {\n const platform = PLATFORMS.find(p => p.id === platformId);\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 const randomFact = CAKE_FACTS[Math.floor(Math.random() * CAKE_FACTS.length)];\n systemPrompt += ` Create a post featuring this cake fact from your perspective: \"${randomFact}\"`;\n }\n systemPrompt += `\n\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 {}\n

\n $\"Socially$ \n

Socially Bakeful

\n \n

\n\n

\n {}\n

Choose Social Platforms

\n {PLATFORMS.map(platform => \n handlePlatformToggle(platform.id)} className=\"accent-[#00C166]\" />\n {platform.name}\n )}\n

\n\n {}\n

Choose Post Type

\n \n setPostType(e.target.value)} className=\"accent-[#00C166]\" />\n Cakescribed\n - Posts based on your cake generation prompt\n \n \n setPostType(e.target.value)} className=\"accent-[#00C166]\" />\n Delicious Cake Facts\n - Posts featuring fun cake trivia\n \n

\n\n {}\n

Provide Inputs

\n \n {postType === 'cakescribed' &&

\n Cake Generation Prompt\n

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\n            <div>\n              <label className=\"block text-sm font-medium mb-2\">Cake Image</label>\n              <div className=\"border-2 border-dashed border-[#4E7C77] rounded-lg p-6 text-center\">\n                {image ? <div className=\"space-y-3\">\n                    <img src={image} alt=\"Uploaded cake\" className=\"max-w-full h-32 object-cover rounded mx-auto\" />\n                    <button onClick={() => setImage(null)} className=\"text-[#00C166] hover:underline text-sm\">\n                      Remove image\n                    </button>\n                  </div> : <div>\n                    <Upload className=\"w-12 h-12 text-[#4E7C77] mx-auto mb-3\" />\n                    <p className=\"text-[#4E7C77] mb-3\">Upload your cake image</p>\n                    <input type=\"file\" accept=\"image/*\" onChange={handleImageUpload} className=\"hidden\" id=\"image-upload\" />\n                    <label htmlFor=\"image-upload\" className=\"bg-[#00C166] hover:bg-[#00C166]/80 text-white px-4 py-2 rounded cursor-pointer inline-block transition-colors\">\n                      Choose File\n                    </label>\n                  </div>}\n              </div>\n            </div>\n          </section>\n\n          {}\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\n          {}\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\n          {}\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\n        {}\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            \n            <p className=\"text-sm text-[#4E7C77] mb-4\">\n              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            </p>\n\n            <div className=\"space-y-3\">\n              {leaderboard.map((user, index) => <div key={user.wallet} className=\"flex items-center justify-between p-3 bg-[#2B2C29] rounded\">\n                  <div className=\"flex items-center gap-3\">\n                    <span className=\"text-[#00C166] font-bold\">#{index + 1}</span>\n                    <span className=\"text-sm\">{formatWalletAddress(user.wallet)}</span>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <span className=\"font-semibold\">{user.count}</span>\n                    <button onClick={() => copyToClipboard(user.wallet)} className=\"text-[#4E7C77] hover:text-[#74D0C9] transition-colors\">\n                      <Copy className=\"w-3 h-3\" />\n                    </button>\n                  </div>\n                </div>)}\n            </div>\n\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.5\"}}","appFunctions",[],"token",{"_18":81,"_82":81,"_83":84,"_85":86,"_87":88,"_89":90,"_91":92,"_93":94,"_95":96,"_71":72},"buidl","symbol","price",0.0008918,"marketcap",891778,"image","https://pump.mypinata.cloud/ipfs/QmPR3CamxoBQW892uHDT2EGRxFvksiJyrEg1ajZYVqJhnf?img-width=256&img-dpr=2","website","https://buidl.eco/","twitter","https://x.com/buidldao_","devCount",320,"appCount",2183,"upstreamApp","isLordOfDev","analytics",[101,105,107,109,111,113,115,117,119,121,123,125,127,129,131,132,133,134],{"_102":103,"_104":58},"day","2025-08-09","runCount",{"_102":106,"_104":58},"2025-08-10",{"_102":108,"_104":58},"2025-08-11",{"_102":110,"_104":58},"2025-08-12",{"_102":112,"_104":58},"2025-08-13",{"_102":114,"_104":58},"2025-08-14",{"_102":116,"_104":58},"2025-08-15",{"_102":118,"_104":58},"2025-08-16",{"_102":120,"_104":58},"2025-08-17",{"_102":122,"_104":58},"2025-08-18",{"_102":124,"_104":58},"2025-08-19",{"_102":126,"_104":58},"2025-08-20",{"_102":128,"_104":58},"2025-08-21",{"_102":130,"_104":58},"2025-08-22",{"_102":103,"_104":41},{"_102":112,"_104":41},{"_102":118,"_104":41},{"_102":130,"_104":41},"snapshot","ogImage","https://cdn.dev.fun/og/image/7ff920512f8269cf4c89/f048bfa0.webp","isDevbase","actionData","errors"]
</article></body></html>

say something