[{"_1":2,"_137":-5,"_138":-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,"_136":-5,"_132":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_5":46,"_57":58,"_59":60,"_61":43,"_62":63,"_64":60,"_65":43,"_66":43,"_67":43,"_68":60,"_69":60,"_70":17,"_71":17,"_72":73,"_74":75,"_76":77,"_78":79,"_94":-5,"_95":17,"_96":97,"_132":33,"_133":134,"_135":25},"id","6e70eed27f5ddb2d4f8b","isMyApp",false,"name","gmgn streak","description","Rise and shine, or drift to dreamland, with your PFP front and center! This dApp lets you mint personalized GM/GN images from your Solana NFTs, track your daily posting streak on X, and earn sweet USDC rewards for your dedication. It's not just a good morning; it's a good morning that pays!","brief","Turn your Solana PFP into daily GM/GN art, track your X streak, and earn USDC rewards!","isLive",true,"isPublic","tags",[29,30,31],"🔥","💰","👑","cover","https://cdn.dev.fun/snapshot/6e70eed27f5ddb2d4f8b/84140_25b46ed4.webp","cdnUrl","https://cdn.dev.fun/app/6e70eed27f5ddb2d4f8b/84140","createdAt",["D",1750682554775],"updatedAt",["D",1750754338119],"lastCommitId",["B","84140"],"tier",1,"credits",3,{"_14":47,"_48":49,"_50":-5,"_51":49,"_52":53,"_54":-5,"_55":56},"5cb13c78-01ac-4c13-9fc3-e15bd03c262c","uniqueId","41WRWpxWwZQdm3CrFrWJzySyHTZN9f5ER67J2MnjfYvq","username","solanaWallet","displayName","41W...Yvq","bio","avatar","/avatar.svg","commitCount",27,"forkCount",0,"likeCount","runsCount",1006,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","CyHmQ9MVusJ5HJS64bwa7zgcXKbK2kaRmLdCVW9C1dev","code","import { useState, useEffect, useRef } from 'react';\nimport { useDevapp, UserButton, DevappProvider, openLink } from '@devfunlabs/web-sdk';\nimport { useChat } from 'ai/react';\nimport { Sun, Moon, Trophy, Calendar, Coins, Share2, Download, Users, ExternalLink, Copy, MessageCircle, Send } from 'lucide-react';\nfunction App() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const systemPrompt = `\nYou are a helpful and enthusiastic AI assistant for the GM/GN Streak app on Solana! \n\nYour role:\n- Help users understand how to create GM/GN images with their PFPs\n- Explain the streak system and how rewards work\n- Guide users through the app features\n- Answer questions about Solana, USDC rewards, and posting to X/Twitter\n- Be encouraging about building daily posting habits\n\nKey app features to help with:\n- GM/GN image generation with custom PFPs and backgrounds\n- Daily streak tracking and USDC rewards (5 USDC for 7 days, 10 USDC for 14 days, 20 USDC + NFT for 30 days)\n- Leaderboards and community features\n- Font selection and customization options\n- Background options including Solana-themed gradients\n\nAlways be positive, helpful, and encourage users to maintain their streaks! Use emojis when appropriate and keep responses concise but informative.\n`;\n const {\n messages,\n input,\n handleInputChange,\n handleSubmit,\n isLoading\n } = useChat({\n api: 'https://chat.dev.fun/chat/6e70eed27f5ddb2d4f8b',\n initialMessages: [{\n id: 'system',\n role: 'system',\n content: systemPrompt\n }, {\n id: 'welcome',\n role: 'assistant',\n content: '🌅 Hey there! Welcome to GM/GN Streak! I\\'m here to help you build amazing daily posting habits and earn USDC rewards. How can I assist you today? 🚀'\n }]\n });\n useEffect(() => {\n const link = document.createElement('link');\n link.href = 'https://fonts.googleapis.com/css2?family=Bangers&family=Luckiest+Guy&display=swap';\n link.rel = 'stylesheet';\n document.head.appendChild(link);\n return () => {\n document.head.removeChild(link);\n };\n }, []);\n const [currentTab, setCurrentTab] = useState('generate');\n const [selectedMode, setSelectedMode] = useState('GM');\n const [textColor, setTextColor] = useState('#3B82F6');\n const [backgroundColor, setBackgroundColor] = useState('#1E1B4B');\n const [generatedImage, setGeneratedImage] = useState(null);\n const [uploadedPfp, setUploadedPfp] = useState(null);\n const [uploadedBgImage,,] = useState(null);\n const [useSolanaBackground,,] = useState(false);\n const [userStreak, setUserStreak] = useState(null);\n const [leaderboard, setLeaderboard] = useState([]);\n const [rewards, setRewards] = useState([]);\n const [loading, setLoading] = useState(false);\n const canvasRef = useRef(null);\n useEffect(() => {\n if (userWallet) {\n loadUserData();\n }\n }, [userWallet]);\n const loadUserData = async () => {\n try {\n const streaks = await devbaseClient.listEntities('streaks', {\n userId: userWallet\n });\n if (streaks.length > 0) {\n setUserStreak(streaks[0]);\n }\n const allStreaks = await devbaseClient.listEntities('streaks');\n const sorted = allStreaks.sort((a, b) => b.currentStreak - a.currentStreak).slice(0, 10);\n setLeaderboard(sorted);\n const userRewards = await devbaseClient.listEntities('rewards', {\n userId: userWallet\n });\n setRewards(userRewards);\n } catch (error) {\n console.error('Error loading user data:', error);\n }\n };\n const generateSolanaBackground = (ctx, mode) => {\n const width = 1080;\n const height = 1080;\n if (mode === 'GM') {\n const gradient = ctx.createLinearGradient(0, 0, 0, height);\n gradient.addColorStop(0, '#FF6B6B');\n gradient.addColorStop(0.3, '#4ECDC4');\n gradient.addColorStop(0.6, '#45B7D1');\n gradient.addColorStop(1, '#96CEB4');\n ctx.fillStyle = gradient;\n ctx.fillRect(0, 0, width, height);\n ctx.beginPath();\n ctx.arc(200, 200, 80, 0, 2 * Math.PI);\n ctx.fillStyle = '#FFD93D';\n ctx.fill();\n ctx.strokeStyle = '#FFD93D';\n ctx.lineWidth = 4;\n for (let i = 0; i < 8; i++) {\n const angle = i * Math.PI / 4;\n const x1 = 200 + Math.cos(angle) * 100;\n const y1 = 200 + Math.sin(angle) * 100;\n const x2 = 200 + Math.cos(angle) * 130;\n const y2 = 200 + Math.sin(angle) * 130;\n ctx.beginPath();\n ctx.moveTo(x1, y1);\n ctx.lineTo(x2, y2);\n ctx.stroke();\n }\n const drawCloud = (x, y, size) => {\n ctx.fillStyle = 'rgba(255, 255, 255, 0.8)';\n ctx.beginPath();\n ctx.arc(x, y, size, 0, 2 * Math.PI);\n ctx.fill();\n ctx.beginPath();\n ctx.arc(x + size * 0.6, y, size * 0.8, 0, 2 * Math.PI);\n ctx.fill();\n ctx.beginPath();\n ctx.arc(x - size * 0.6, y, size * 0.8, 0, 2 * Math.PI);\n ctx.fill();\n };\n drawCloud(600, 150, 40);\n drawCloud(800, 200, 35);\n drawCloud(900, 120, 30);\n } else {\n const gradient = ctx.createLinearGradient(0, 0, 0, height);\n gradient.addColorStop(0, '#1a1a2e');\n gradient.addColorStop(0.3, '#16213e');\n gradient.addColorStop(0.6, '#0f3460');\n gradient.addColorStop(1, '#533483');\n ctx.fillStyle = gradient;\n ctx.fillRect(0, 0, width, height);\n ctx.beginPath();\n ctx.arc(900, 180, 60, 0, 2 * Math.PI);\n ctx.fillStyle = '#F5F5DC';\n ctx.fill();\n ctx.fillStyle = 'rgba(200, 200, 180, 0.3)';\n ctx.beginPath();\n ctx.arc(890, 170, 8, 0, 2 * Math.PI);\n ctx.fill();\n ctx.beginPath();\n ctx.arc(910, 190, 6, 0, 2 * Math.PI);\n ctx.fill();\n ctx.fillStyle = '#FFD700';\n for (let i = 0; i < 20; i++) {\n const x = Math.random() * width;\n const y = Math.random() * (height * 0.6);\n const size = Math.random() * 3 + 1;\n ctx.beginPath();\n ctx.arc(x, y, size, 0, 2 * Math.PI);\n ctx.fill();\n }\n ctx.strokeStyle = '#FFD700';\n ctx.lineWidth = 2;\n ctx.beginPath();\n ctx.moveTo(400, 300);\n ctx.lineTo(480, 340);\n ctx.stroke();\n ctx.fillStyle = 'rgba(220, 31, 255, 0.2)';\n for (let i = 0; i < 5; i++) {\n const x = Math.random() * width;\n const y = height * 0.7 + Math.random() * (height * 0.3);\n ctx.beginPath();\n ctx.arc(x, y, Math.random() * 20 + 10, 0, 2 * Math.PI);\n ctx.fill();\n }\n }\n };\n const generateImage = async () => {\n setLoading(true);\n const canvas = canvasRef.current;\n const ctx = canvas.getContext('2d');\n canvas.width = 1080;\n canvas.height = 1080;\n const fonts = ['Impact', 'Luckiest Guy', 'Bangers'];\n const randomFont = fonts[Math.floor(Math.random() * fonts.length)];\n if (useSolanaBackground) {\n generateSolanaBackground(ctx, selectedMode);\n } else if (uploadedBgImage) {\n ctx.drawImage(uploadedBgImage, 0, 0, 1080, 1080);\n } else {\n ctx.fillStyle = backgroundColor;\n ctx.fillRect(0, 0, 1080, 1080);\n }\n ctx.font = '32px sans-serif';\n ctx.fillStyle = selectedMode === 'GM' ? '#FFFFFF' : '#FFD700';\n ctx.textAlign = 'center';\n ctx.textBaseline = 'middle';\n ctx.fillText('#GMStreak #SolanaGM', 540, 80);\n if (uploadedPfp && !useSolanaBackground) {\n ctx.globalAlpha = 1.0;\n ctx.drawImage(uploadedPfp, 60, 120, 960, 720);\n }\n ctx.font = `bold 200px ${randomFont}`;\n if (useSolanaBackground) {\n ctx.fillStyle = 'transparent';\n ctx.strokeStyle = selectedMode === 'GM' ? '#FFFFFF' : '#FFD700';\n ctx.lineWidth = 16;\n } else {\n ctx.fillStyle = 'transparent';\n ctx.strokeStyle = selectedMode === 'GM' ? '#FFFFFF' : '#000000';\n ctx.lineWidth = 12;\n }\n ctx.textAlign = 'center';\n ctx.textBaseline = 'middle';\n const textY = 950;\n if (useSolanaBackground) {\n ctx.shadowColor = selectedMode === 'GM' ? '#FFD93D' : '#DC1FFF';\n ctx.shadowBlur = 20;\n ctx.strokeText(selectedMode, 540, textY);\n ctx.shadowBlur = 0;\n } else {\n ctx.strokeText(selectedMode, 540, textY);\n }\n if (userStreak) {\n ctx.font = 'bold 32px sans-serif';\n ctx.fillStyle = '#EF4444';\n const streakY = 870;\n ctx.fillText(`🔥 ${userStreak.currentStreak} Day Streak`, 540, streakY);\n }\n canvas.toBlob(blob => {\n const url = URL.createObjectURL(blob);\n setGeneratedImage(url);\n setLoading(false);\n });\n };\n const postToX = async () => {\n if (!generatedImage || !userWallet) return;\n try {\n setLoading(true);\n const response = await fetch(generatedImage);\n const blob = await response.blob();\n const file = new File([blob], `${selectedMode}-${Date.now()}.png`, {\n type: 'image/png'\n });\n const postData = {\n mode: selectedMode,\n timestamp: Date.now(),\n posted: true\n };\n await devbaseClient.createEntity('posts', postData);\n const now = new Date();\n const today = now.toDateString();\n if (userStreak) {\n const lastPost = new Date(userStreak.lastPostDate);\n const daysSinceLastPost = Math.floor((now - lastPost) / (1000 * 60 * 60 * 24));\n let newStreak = userStreak.currentStreak;\n if (daysSinceLastPost === 1) {\n newStreak += 1;\n } else if (daysSinceLastPost > 1) {\n newStreak = 1;\n }\n await devbaseClient.updateEntity('streaks', userStreak.id, {\n currentStreak: newStreak,\n lastPostDate: today,\n totalPosts: userStreak.totalPosts + 1\n });\n if (newStreak % 7 === 0 && newStreak > userStreak.currentStreak) {\n const rewardAmount = newStreak === 7 ? 5 : newStreak === 30 ? 20 : newStreak / 7;\n await devbaseClient.createEntity('rewards', {\n streakMilestone: newStreak,\n amount: rewardAmount,\n claimed: false\n });\n }\n } else {\n await devbaseClient.createEntity('streaks', {\n currentStreak: 1,\n lastPostDate: today,\n totalPosts: 1,\n bestStreak: 1\n });\n }\n if (navigator.share && navigator.canShare && navigator.canShare({\n files: [file]\n })) {\n await navigator.share({\n text: '#GMStreak #SolanaGM',\n files: [file]\n });\n } else {\n const text = encodeURIComponent(`#GMStreak #SolanaGM`);\n const xUrl = `https://twitter.com/intent/tweet?text=${text}`;\n openLink(xUrl);\n }\n await loadUserData();\n setLoading(false);\n } catch (error) {\n console.error('Error posting:', error);\n const text = encodeURIComponent(`#GMStreak #SolanaGM`);\n const xUrl = `https://twitter.com/intent/tweet?text=${text}`;\n openLink(xUrl);\n setLoading(false);\n }\n };\n const downloadImage = () => {\n if (!generatedImage) return;\n const link = document.createElement('a');\n link.href = generatedImage;\n link.download = `${selectedMode}-${Date.now()}.png`;\n link.click();\n };\n const copyImage = async () => {\n if (!generatedImage) return;\n try {\n const response = await fetch(generatedImage);\n const blob = await response.blob();\n await navigator.clipboard.write([new ClipboardItem({\n 'image/png': blob\n })]);\n } catch (error) {\n console.error('Failed to copy image:', error);\n }\n };\n const claimReward = async rewardId => {\n try {\n await devbaseClient.updateEntity('rewards', rewardId, {\n claimed: true\n });\n await loadUserData();\n } catch (error) {\n console.error('Error claiming reward:', error);\n }\n };\n const TabButton = ({\n id,\n icon: Icon,\n label,\n active,\n onClick\n }) => ;\n return

\n {}\n

\n \n

GM/GN Streak

Earn rewards daily!

\n \n

\n {}\n

\n \n \n \n \n \n

\n {}\n {currentTab === 'generate' &&

\n {}\n

Choose Mode

\n \n \n

\n {}\n

Text Color

\n {['#3B82F6', '#F59E0B', '#EF4444', '#10B981', '#8B5CF6'].map(color =>

\n {}\n

Background Color

\n {['#1E1B4B', '#7C2D12', '#166534', '#7C3AED', '#DC2626', '#EA580C', '#0891B2', '#BE185D', '#4338CA', '#059669'].map(color =>

\n {}\n

Upload Your PFP

\n {uploadedPfp &&

\n $\"Uploaded$ \n \n

}\n \n {\n const file = e.target.files[0];\n if (file) {\n const reader = new FileReader();\n reader.onload = event => {\n const img = new Image();\n img.onload = () => {\n setUploadedPfp(img);\n };\n img.src = event.target.result;\n };\n reader.readAsDataURL(file);\n }\n }} className=\"hidden\" />\n

\n {uploadedPfp ? 'Change Image' : 'Upload PFP Image'}\n

\n \n

\n {}\n \n {}\n {generatedImage &&

\n $\"Generated$ \n

\n \n \n \n

}\n {}\n

}\n {}\n {currentTab === 'dashboard' && userWallet &&

\n {}\n

\n \n Your Streak\n

\n {userStreak ?

\n 🔥 {userStreak.currentStreak}\n

Current Streak

{userStreak.bestStreak || userStreak.currentStreak}

Best Streak

{userStreak.totalPosts || 1}

Total Posts

🌅

Start your first streak today!

}\n

\n {}\n

Quick Actions

\n \n \n

}\n {}\n {currentTab === 'rewards' &&

\n \n Available Rewards\n

\n {rewards.length > 0 ?

\n {rewards.map(reward =>

\n {reward.streakMilestone} Day Milestone\n

\n {reward.amount} USDC\n

\n {!reward.claimed ? :

Claimed ✓

}\n

)}\n

🎁

No rewards yet. Keep posting to earn!

}\n

\n {}\n

Reward Milestones

\n 7 Days\n 5 USDC\n

\n 14 Days\n 10 USDC\n

\n 30 Days\n 20 USDC + NFT\n

}\n {}\n {currentTab === 'leaderboard' &&

\n \n Top Streakers\n

\n {leaderboard.length > 0 ?

\n {leaderboard.map((user, index) =>

\n {index + 1}\n

\n {user.userId === userWallet ? 'You' : `${user.userId.slice(0, 4)}...${user.userId.slice(-4)}`}\n

{user.totalPosts || 1} posts

\n 🔥 {user.currentStreak}\n

)}\n

🏆

Be the first to start a streak!

}\n

}\n\n {}\n {currentTab === 'chat' &&

\n \n AI Assistant\n

\n \n {}\n

\n {messages.filter(m => m.role !== 'system').map(message =>

{message.content}

)}\n {isLoading &&

}\n

\n\n {}\n \n

\n\n {}\n

Quick Help Topics

\n {[\"How do streaks work?\", \"What rewards can I earn?\", \"How to upload my PFP?\", \"Font and background options\", \"Posting to X/Twitter\"].map(topic => )}\n

}\n {!userWallet &&

🔗

Connect your wallet to start your GM/GN streak!

}\n

;\n}\nexport default function AppWithProvider() {\n return \n \n ;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"@devfunlabs/web-sdk\":\"0.5.5\",\"lucide-react\":\"0.441.0\",\"react-router-dom\":\"6.18.0\",\"framer-motion\":\"10.16.4\",\"ai\":\"4.0.0\",\"zod\":\"3.22.4\"}}","token",{"_18":80,"_81":82,"_83":84,"_85":86,"_87":88,"_89":90,"_91":-5,"_92":43,"_93":43,"_72":73},"gm generator","symbol","GMGEN","price",0.00000409,"marketcap",4092,"image","https://pump.mypinata.cloud/ipfs/QmQGGMhwGdG8P9x2cF2CUTEBSWTqfAsVH51pByqCSho2Vm?img-width=256&img-dpr=2","website","https://dev.fun/p/6e70eed27f5ddb2d4f8b","twitter","devCount","appCount","upstreamApp","isLordOfDev","analytics",[98,102,104,106,108,110,112,114,116,118,120,122,124,126,128,130],{"_99":100,"_101":60},"day","2025-06-11","runCount",{"_99":103,"_101":60},"2025-06-12",{"_99":105,"_101":60},"2025-06-13",{"_99":107,"_101":60},"2025-06-14",{"_99":109,"_101":60},"2025-06-15",{"_99":111,"_101":60},"2025-06-16",{"_99":113,"_101":60},"2025-06-17",{"_99":115,"_101":60},"2025-06-18",{"_99":117,"_101":60},"2025-06-19",{"_99":119,"_101":60},"2025-06-20",{"_99":121,"_101":60},"2025-06-21",{"_99":123,"_101":60},"2025-06-22",{"_99":125,"_101":60},"2025-06-23",{"_99":127,"_101":60},"2025-06-24",{"_99":125,"_101":129},983,{"_99":127,"_101":131},23,"snapshot","ogImage","https://cdn.dev.fun/og/image/6e70eed27f5ddb2d4f8b/235428b1.webp","isDevbase","commitDetail","actionData","errors"]