[{"_1":2,"_138":-5,"_139":-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,"_137":-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":56,"_57":58,"_59":58,"_60":61,"_62":58,"_63":58,"_64":58,"_65":58,"_66":58,"_67":58,"_68":17,"_69":25,"_70":71,"_72":73,"_74":75,"_76":77,"_78":79,"_95":-5,"_96":17,"_97":98,"_132":31,"_133":134,"_135":17},"id","c50a26d02a974c92d779","isMyApp",false,"name","propaganda","description","Craft hyper-realistic tweets and Instagram stories from any account with just a few clicks! Choose a username, customize the content, and generate social media posts so convincing your friends will do a double-take. Perfect for harmless pranks or imagining what your favorite celebrity might say.","brief","Create mind-blowingly realistic fake tweets and IG stories that'll make your friends question reality!","isLive",true,"isPublic","tags",[29],"👑","cover","https://cdn.dev.fun/snapshot/c50a26d02a974c92d779/70961_ef984aa3.webp","cdnUrl","https://cdn.dev.fun/app/c50a26d02a974c92d779/70961","createdAt",["D",1748346254831],"updatedAt",["D",1748348265353],"lastCommitId",["B","70961"],"tier",1,"credits",69,{"_14":45,"_46":47,"_48":-5,"_49":47,"_50":51,"_52":-5,"_53":54},"d830754a-9f5c-48e9-a2b4-2248df765a85","uniqueId","BXvEmdFHrSCDE1DYg47U1SgW6juGtSHfx32ijpM5oq23","username","solanaWallet","displayName","BXv...q23","bio","avatar","/avatar.svg","commitCount",13,"forkCount",0,"likeCount","runsCount",658,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","FMT9JbZ7DPSesSxM6vCnqYhwsG85cMeuMPvv5Cvrpump","code","import { useState, useRef, useEffect } from 'react';\nimport { Camera, Download, Twitter, Instagram, RefreshCw, Copy, Share2, Search, Loader } from 'lucide-react';\nimport { motion } from 'framer-motion';\nimport html2canvas from 'html2canvas';\nexport default function App() {\n const [platform, setPlatform] = useState('twitter');\n const [username, setUsername] = useState('elonmusk');\n const [displayName, setDisplayName] = useState('Elon Musk');\n const [content, setContent] = useState(\"I just bought a huge bag of this new memecoin $PUMP. Going to be bigger than Doge and Shib combined. My team analyzed the tokenomics and we're extremely bullish. NFA but don't say I didn't tell you.\");\n const [fetchingProfile, setFetchingProfile] = useState(false);\n const [fetchError, setFetchError] = useState('');\n const [likes, setLikes] = useState('24.5K');\n const [retweets, setRetweets] = useState('12.7K');\n const [comments, setComments] = useState('5.2K');\n const [bookmarks, setBookmarks] = useState('1.8K');\n const [views, setViews] = useState('4.2M');\n const [customTime, setCustomTime] = useState('');\n const [customDate, setCustomDate] = useState('');\n const [hoursAgo, setHoursAgo] = useState('');\n const [minutesAgo, setMinutesAgo] = useState('');\n const [useCustomTime, setUseCustomTime] = useState(false);\n const [verified, setVerified] = useState(true);\n const [storyCaption, setStoryCaption] = useState('Just announced something big...');\n const [profilePicture, setProfilePicture] = useState('');\n const [uploadedImage, setUploadedImage] = useState('');\n const [generatedImage,,] = useState(null);\n const tweetRef = useRef(null);\n const storyRef = useRef(null);\n const fetchProfileInfo = async () => {\n if (!username) return;\n setFetchingProfile(true);\n setFetchError('');\n try {\n const encodedUsername = encodeURIComponent(username);\n let apiUrl;\n if (platform === 'twitter') {\n apiUrl = `http://localhost:5006?url=${encodeURIComponent(`https://api.twitter.com/2/users/by/username/${encodedUsername}?user.fields=profile_image_url,name`)}`;\n } else {\n apiUrl = `http://localhost:5006?url=${encodeURIComponent(`https://www.instagram.com/${encodedUsername}/?__a=1`)}`;\n }\n const response = await fetch(apiUrl);\n if (!response.ok) {\n throw new Error('Failed to fetch profile data');\n }\n const data = await response.json();\n if (platform === 'twitter') {\n if (data && data.data) {\n setDisplayName(data.data.name || username);\n setProfilePicture(data.data.profile_image_url || '');\n }\n } else {\n if (data && data.graphql && data.graphql.user) {\n setDisplayName(data.graphql.user.full_name || username);\n setProfilePicture(data.graphql.user.profile_pic_url_hd || '');\n }\n }\n } catch (error) {\n console.error('Error fetching profile:', error);\n setFetchError('Failed to fetch profile. Using default info.');\n const mockProfiles = {\n 'elonmusk': {\n displayName: 'Elon Musk',\n profilePic: 'https://pbs.twimg.com/profile_images/1683325380441128960/yRsRRjGO_400x400.jpg'\n },\n 'barackobama': {\n displayName: 'Barack Obama',\n profilePic: 'https://pbs.twimg.com/profile_images/1329647526807543809/2SGvnHYV_400x400.jpg'\n },\n 'nasa': {\n displayName: 'NASA',\n profilePic: 'https://pbs.twimg.com/profile_images/1321163587679784960/0ZxKlEKB_400x400.jpg'\n }\n };\n if (mockProfiles[username.toLowerCase()]) {\n setDisplayName(mockProfiles[username.toLowerCase()].displayName);\n setProfilePicture(mockProfiles[username.toLowerCase()].profilePic);\n }\n } finally {\n setFetchingProfile(false);\n }\n };\n const getTimeString = () => {\n if (useCustomTime) {\n if (customTime && customDate) {\n const date = new Date(customDate + 'T' + customTime);\n const hours = date.getHours();\n const minutes = date.getMinutes();\n const ampm = hours >= 12 ? 'PM' : 'AM';\n const formattedHours = hours % 12 || 12;\n const formattedMinutes = minutes < 10 ? `0${minutes}` : minutes;\n return `${formattedHours}:${formattedMinutes} ${ampm}`;\n }\n return '';\n } else if (hoursAgo || minutesAgo) {\n const now = new Date();\n if (hoursAgo) now.setHours(now.getHours() - parseInt(hoursAgo));\n if (minutesAgo) now.setMinutes(now.getMinutes() - parseInt(minutesAgo));\n const hours = now.getHours();\n const minutes = now.getMinutes();\n const ampm = hours >= 12 ? 'PM' : 'AM';\n const formattedHours = hours % 12 || 12;\n const formattedMinutes = minutes < 10 ? `0${minutes}` : minutes;\n return `${formattedHours}:${formattedMinutes} ${ampm}`;\n } else {\n const now = new Date();\n const hours = now.getHours();\n const minutes = now.getMinutes();\n const ampm = hours >= 12 ? 'PM' : 'AM';\n const formattedHours = hours % 12 || 12;\n const formattedMinutes = minutes < 10 ? `0${minutes}` : minutes;\n return `${formattedHours}:${formattedMinutes} ${ampm}`;\n }\n };\n const timeString = getTimeString();\n const randomizeStats = () => {\n const randomNum = (min, max) => {\n return Math.floor(Math.random() * (max - min + 1)) + min;\n };\n const formatNumber = num => {\n if (num >= 1000000) {\n return (num / 1000000).toFixed(1) + 'M';\n } else if (num >= 1000) {\n return (num / 1000).toFixed(1) + 'K';\n }\n return num.toString();\n };\n setLikes(formatNumber(randomNum(100, 500000)));\n setRetweets(formatNumber(randomNum(50, 200000)));\n setComments(formatNumber(randomNum(10, 100000)));\n setBookmarks(formatNumber(randomNum(5, 50000)));\n setViews(formatNumber(randomNum(1000, 10000000)));\n };\n useEffect(() => {\n if (username) {\n fetchProfileInfo();\n }\n }, [platform]);\n const handleProfilePictureChange = e => {\n const file = e.target.files[0];\n if (file) {\n const reader = new FileReader();\n reader.onload = e => {\n setProfilePicture(e.target.result);\n };\n reader.readAsDataURL(file);\n }\n };\n const handleImageUpload = e => {\n const file = e.target.files[0];\n if (file) {\n const reader = new FileReader();\n reader.onload = e => {\n setUploadedImage(e.target.result);\n };\n reader.readAsDataURL(file);\n }\n };\n const downloadImage = () => {\n if (!generatedImage) return;\n const a = document.createElement('a');\n a.href = generatedImage;\n a.download = `fake-${platform}-${username}.png`;\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n };\n const copyImage = async () => {\n try {\n let canvas;\n if (platform === 'twitter') {\n canvas = await html2canvas(tweetRef.current, {\n backgroundColor: null,\n scale: 2\n });\n } else {\n canvas = await html2canvas(storyRef.current, {\n backgroundColor: null,\n scale: 2\n });\n }\n const dataUrl = canvas.toDataURL('image/png');\n const response = await fetch(dataUrl);\n const blob = await response.blob();\n await navigator.clipboard.write([new ClipboardItem({\n [blob.type]: blob\n })]);\n alert('Propaganda copied to clipboard!');\n } catch (err) {\n console.error('Failed to copy image:', err);\n alert('Failed to copy image. Your browser might not support this feature.');\n }\n };\n const shareImage = async () => {\n if (!generatedImage) return;\n try {\n const response = await fetch(generatedImage);\n const blob = await response.blob();\n const file = new File([blob], `fake-${platform}.png`, {\n type: 'image/png'\n });\n if (navigator.share) {\n await navigator.share({\n title: `Fake ${platform} post`,\n files: [file]\n });\n } else {\n alert('Web Share API not supported in your browser.');\n }\n } catch (err) {\n console.error('Error sharing:', err);\n }\n };\n return

\n $\"Propaganda$ \n

\n PROPAGANDA\n

\n Push propaganda and spread lies about this coin\n

\n\n

\n \n \n

\n\n

\n Username\n

\n setUsername(e.target.value)} className=\"w-full bg-white border border-yellow-500/50 rounded-lg px-3 py-2 text-gray-900 focus:outline-none focus:ring-2 focus:ring-yellow-500\" placeholder=\"elonmusk\" />\n \n

\n {fetchError &&

{fetchError}

}\n

\n Display Name\n setDisplayName(e.target.value)} className=\"w-full bg-white border border-yellow-500/50 rounded-lg px-3 py-2 text-gray-900 focus:outline-none focus:ring-2 focus:ring-yellow-500\" placeholder=\"Elon Musk\" />\n

\n\n

\n \n {platform === 'twitter' ? 'Tweet Content' : 'Story Caption'}\n \n

platform === 'twitter' ? setContent(e.target.value) : setStoryCaption(e.target.value)} rows={platform === 'twitter' ? 4 : 2} className=\"w-full bg-white border border-yellow-500/50 rounded-lg px-3 py-2 text-gray-900 focus:outline-none focus:ring-2 focus:ring-yellow-500\" placeholder={platform === 'twitter' ? \"What's happening?\" : \"Add a caption...\"} />\n              </div>\n\n              <div className=\"flex flex-col gap-3\">\n                <div className=\"flex items-center gap-2\">\n                  <label className=\"block text-sm font-medium text-yellow-700\">Time Settings</label>\n                  <div onClick={() => setUseCustomTime(!useCustomTime)} className={`w-10 h-6 rounded-full transition-colors cursor-pointer flex items-center p-1 ${useCustomTime ? 'bg-yellow-500' : 'bg-gray-300'}`}>\n                    <div className={`w-4 h-4 bg-white rounded-full transform transition-transform ${useCustomTime ? 'translate-x-4' : 'translate-x-0'}`}></div>\n                  </div>\n                  <span className=\"text-xs text-gray-600\">{useCustomTime ? 'Custom Time' : 'Time Ago'}</span>\n                </div>\n\n                {useCustomTime ? <div className=\"grid grid-cols-2 gap-2\">\n                    <div>\n                      <label className=\"block text-xs text-gray-600 mb-1\">Date</label>\n                      <input type=\"date\" value={customDate} onChange={e => setCustomDate(e.target.value)} className=\"w-full bg-white border border-yellow-500/50 rounded-lg px-2 py-1 text-gray-900 text-sm focus:outline-none focus:ring-1 focus:ring-yellow-500\" />\n                    </div>\n                    <div>\n                      <label className=\"block text-xs text-gray-600 mb-1\">Time</label>\n                      <input type=\"time\" value={customTime} onChange={e => setCustomTime(e.target.value)} className=\"w-full bg-white border border-yellow-500/50 rounded-lg px-2 py-1 text-gray-900 text-sm focus:outline-none focus:ring-1 focus:ring-yellow-500\" />\n                    </div>\n                  </div> : <div className=\"grid grid-cols-2 gap-2\">\n                    <div>\n                      <label className=\"block text-xs text-gray-600 mb-1\">Hours Ago</label>\n                      <input type=\"number\" min=\"0\" max=\"23\" value={hoursAgo} onChange={e => setHoursAgo(e.target.value)} className=\"w-full bg-white border border-yellow-500/50 rounded-lg px-2 py-1 text-gray-900 text-sm focus:outline-none focus:ring-1 focus:ring-yellow-500\" placeholder=\"0\" />\n                    </div>\n                    <div>\n                      <label className=\"block text-xs text-gray-600 mb-1\">Minutes Ago</label>\n                      <input type=\"number\" min=\"0\" max=\"59\" value={minutesAgo} onChange={e => setMinutesAgo(e.target.value)} className=\"w-full bg-white border border-yellow-500/50 rounded-lg px-2 py-1 text-gray-900 text-sm focus:outline-none focus:ring-1 focus:ring-yellow-500\" placeholder=\"0\" />\n                    </div>\n                  </div>}\n              </div>\n\n              <div className=\"flex flex-col gap-4\">\n                <div>\n                  <label className=\"block text-sm font-medium text-yellow-700 mb-1\">Profile Picture</label>\n                  <div className=\"flex items-center gap-2\">\n                    <label className=\"flex items-center gap-2 px-4 py-2 bg-gray-100 hover:bg-gray-200 rounded-lg cursor-pointer transition-colors\">\n                      <Camera size={16} />\n                      <span>Upload Custom</span>\n                      <input type=\"file\" accept=\"image/*\" onChange={handleProfilePictureChange} className=\"hidden\" />\n                    </label>\n                    {profilePicture && <div className=\"h-10 w-10 rounded-full overflow-hidden border-2 border-yellow-500\">\n                        <img src={profilePicture} alt=\"Profile\" className=\"h-full w-full object-cover\" />\n                      </div>}\n                  </div>\n                </div>\n\n                {platform === 'instagram' && <div>\n                    <label className=\"block text-sm font-medium text-yellow-700 mb-1\">Story Image</label>\n                    <div className=\"flex items-center gap-2\">\n                      <label className=\"flex items-center gap-2 px-4 py-2 bg-gray-100 hover:bg-gray-200 rounded-lg cursor-pointer transition-colors\">\n                        <Camera size={16} />\n                        <span>Upload Image</span>\n                        <input type=\"file\" accept=\"image/*\" onChange={handleImageUpload} className=\"hidden\" />\n                      </label>\n                      {uploadedImage && <div className=\"h-10 w-10 rounded overflow-hidden\">\n                          <img src={uploadedImage} alt=\"Upload\" className=\"h-full w-full object-cover\" />\n                        </div>}\n                    </div>\n                  </div>}\n              </div>\n\n              {platform === 'twitter' && <div>\n                  <div className=\"flex justify-between items-center mb-2\">\n                    <label className=\"block text-sm font-medium text-yellow-700\">Engagement Stats</label>\n                    <button onClick={randomizeStats} className=\"text-xs flex items-center gap-1 text-yellow-600 hover:text-yellow-800\">\n                      <RefreshCw size={12} />\n                      Randomize\n                    </button>\n                  </div>\n                  <div className=\"grid grid-cols-2 md:grid-cols-5 gap-2\">\n                    <div>\n                      <label className=\"block text-xs text-gray-600 mb-1\">Likes</label>\n                      <input type=\"text\" value={likes} onChange={e => setLikes(e.target.value)} className=\"w-full bg-white border border-yellow-500/50 rounded-lg px-2 py-1 text-gray-900 text-sm focus:outline-none focus:ring-1 focus:ring-yellow-500\" />\n                    </div>\n                    <div>\n                      <label className=\"block text-xs text-gray-600 mb-1\">Retweets</label>\n                      <input type=\"text\" value={retweets} onChange={e => setRetweets(e.target.value)} className=\"w-full bg-white border border-yellow-500/50 rounded-lg px-2 py-1 text-gray-900 text-sm focus:outline-none focus:ring-1 focus:ring-yellow-500\" />\n                    </div>\n                    <div>\n                      <label className=\"block text-xs text-gray-600 mb-1\">Comments</label>\n                      <input type=\"text\" value={comments} onChange={e => setComments(e.target.value)} className=\"w-full bg-white border border-yellow-500/50 rounded-lg px-2 py-1 text-gray-900 text-sm focus:outline-none focus:ring-1 focus:ring-yellow-500\" />\n                    </div>\n                    <div>\n                      <label className=\"block text-xs text-gray-600 mb-1\">Bookmarks</label>\n                      <input type=\"text\" value={bookmarks} onChange={e => setBookmarks(e.target.value)} className=\"w-full bg-white border border-yellow-500/50 rounded-lg px-2 py-1 text-gray-900 text-sm focus:outline-none focus:ring-1 focus:ring-yellow-500\" />\n                    </div>\n                    <div>\n                      <label className=\"block text-xs text-gray-600 mb-1\">Views</label>\n                      <input type=\"text\" value={views} onChange={e => setViews(e.target.value)} className=\"w-full bg-white border border-yellow-500/50 rounded-lg px-2 py-1 text-gray-900 text-sm focus:outline-none focus:ring-1 focus:ring-yellow-500\" />\n                    </div>\n                  </div>\n                </div>}\n\n              <div className=\"flex items-center gap-2\">\n                <label className=\"text-sm font-medium text-yellow-700\">Verified Account</label>\n                <div onClick={() => setVerified(!verified)} className={`w-10 h-6 rounded-full transition-colors cursor-pointer flex items-center p-1 ${verified ? 'bg-yellow-500' : 'bg-gray-300'}`}>\n                  <div className={`w-4 h-4 bg-white rounded-full transform transition-transform ${verified ? 'translate-x-4' : 'translate-x-0'}`}></div>\n                </div>\n              </div>\n\n              <div className=\"pt-4\">\n                <motion.button whileHover={{\n                scale: 1.03\n              }} whileTap={{\n                scale: 0.97\n              }} onClick={copyImage} className=\"w-full py-3 bg-gradient-to-r from-yellow-500 to-yellow-600 hover:from-yellow-400 hover:to-yellow-500 rounded-lg font-bold text-black shadow-lg transition-all\">\n                  COPY PROPAGANDA\n                </motion.button>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"bg-white rounded-xl p-6 shadow-xl border border-yellow-500/30 flex flex-col\">\n            <h2 className=\"text-xl font-bold mb-4 text-center text-yellow-600\">PREVIEW</h2>\n            \n            <div className=\"flex-1 flex flex-col items-center justify-center\">\n              {platform === 'twitter' ? <div ref={tweetRef} className=\"w-full max-w-md bg-black rounded-xl overflow-hidden border border-gray-800\">\n                  <div className=\"p-4\">\n                    <div className=\"flex items-start gap-3\">\n                      <div className=\"w-12 h-12 rounded-full overflow-hidden bg-gray-800 flex-shrink-0\">\n                        {profilePicture ? <img src={profilePicture} alt={displayName} className=\"w-full h-full object-cover\" /> : <div className=\"w-full h-full bg-gray-700 flex items-center justify-center text-gray-500\">\n                            {displayName.charAt(0)}\n                          </div>}\n                      </div>\n                      <div className=\"flex-1\">\n                        <div className=\"flex flex-col\">\n                          <div className=\"flex items-center\">\n                            <span className=\"font-bold text-white whitespace-nowrap\">{displayName}</span>\n                            {verified && <span className=\"inline-flex ml-0.5\">\n                                <svg className=\"h-5 w-5 text-blue-500 flex-shrink-0\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                                  <path d=\"M22.5 12.5c0-1.58-.875-2.95-2.148-3.6.154-.435.238-.905.238-1.4 0-2.21-1.71-3.998-3.818-3.998-.47 0-.92.084-1.336.25C14.818 2.415 13.51 1.5 12 1.5s-2.816.917-3.437 2.25c-.415-.165-.866-.25-1.336-.25-2.11 0-3.818 1.79-3.818 4 0 .494.083.964.237 1.4-1.272.65-2.147 2.018-2.147 3.6 0 1.495.782 2.798 1.942 3.486-.02.17-.032.34-.032.514 0 2.21 1.708 4 3.818 4 .47 0 .92-.086 1.335-.25.62 1.334 1.926 2.25 3.437 2.25 1.512 0 2.818-.916 3.437-2.25.415.163.865.248 1.336.248 2.11 0 3.818-1.79 3.818-4 0-.174-.012-.344-.033-.513 1.158-.687 1.943-1.99 1.943-3.484zm-6.616-3.334l-4.334 6.5c-.145.217-.382.334-.625.334-.143 0-.288-.04-.416-.126l-.115-.094-2.415-2.415c-.293-.293-.293-.768 0-1.06s.768-.294 1.06 0l1.77 1.767 3.825-5.74c.23-.345.696-.436 1.04-.207.346.23.44.696.21 1.04z\" />\n                                </svg>\n                              </span>}\n                          </div>\n                          <span className=\"text-gray-500 text-sm\">@{username} · {timeString}</span>\n                        </div>\n                        <p className=\"mt-1 text-white whitespace-pre-wrap\">{content}</p>\n                        <div className=\"mt-3 grid grid-cols-5 gap-2 text-gray-500 text-sm\">\n                          <div className=\"flex items-center h-5\">\n                            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"currentColor\" className=\"flex-shrink-0 mr-1\"><path d=\"M1.751 10c0-4.42 3.584-8 8.005-8h4.366c4.49 0 8.129 3.64 8.129 8.13 0 2.96-1.607 5.68-4.196 7.11l-8.054 4.46v-3.69h-.067c-4.49.1-8.183-3.51-8.183-8.01zm8.005-6c-3.317 0-6.005 2.69-6.005 6 0 3.37 2.77 6.08 6.138 6.01l.351-.01h1.761v2.3l5.087-2.81c1.951-1.08 3.163-3.13 3.163-5.36 0-3.39-2.744-6.13-6.129-6.13H9.756z\"></path></svg>\n                            <span className=\"whitespace-nowrap inline-block\">{comments}</span>\n                          </div>\n                          <div className=\"flex items-center h-5\">\n                            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"currentColor\" className=\"flex-shrink-0 mr-1\"><path d=\"M4.5 3.88l4.432 4.14-1.364 1.46L5.5 7.55V16c0 1.1.896 2 2 2H13v2H7.5c-2.209 0-4-1.79-4-4V7.55L1.432 9.48.068 8.02 4.5 3.88zM16.5 6H11V4h5.5c2.209 0 4 1.79 4 4v8.45l2.068-1.93 1.364 1.46-4.432 4.14-4.432-4.14 1.364-1.46 2.068 1.93V8c0-1.1-.896-2-2-2z\"></path></svg>\n                            <span className=\"whitespace-nowrap inline-block\">{retweets}</span>\n                          </div>\n                          <div className=\"flex items-center h-5\">\n                            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"currentColor\" className=\"flex-shrink-0 mr-1\"><path d=\"M16.697 5.5c-1.222-.06-2.679.51-3.89 2.16l-.805 1.09-.806-1.09C9.984 6.01 8.526 5.44 7.304 5.5c-1.243.07-2.349.78-2.91 1.91-.552 1.12-.633 2.78.479 4.82 1.074 1.97 3.257 4.27 7.129 6.61 3.87-2.34 6.052-4.64 7.126-6.61 1.111-2.04 1.03-3.7.477-4.82-.561-1.13-1.666-1.84-2.908-1.91zm4.187 7.69c-1.351 2.48-4.001 5.12-8.379 7.67l-.503.3-.504-.3c-4.379-2.55-7.029-5.19-8.382-7.67-1.36-2.5-1.41-4.86-.514-6.67.887-1.79 2.647-2.91 4.601-3.01 1.651-.09 3.368.56 4.798 2.01 1.429-1.45 3.146-2.1 4.796-2.01 1.954.1 3.714 1.22 4.601 3.01.896 1.81.846 4.17-.514 6.67z\"></path></svg>\n                            <span className=\"whitespace-nowrap inline-block\">{likes}</span>\n                          </div>\n                          <div className=\"flex items-center h-5\">\n                            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"currentColor\" className=\"flex-shrink-0 mr-1\"><path d=\"M4 4.5C4 3.12 5.119 2 6.5 2h11C18.881 2 20 3.12 20 4.5v18.44l-8-5.71-8 5.71V4.5zM6.5 4c-.276 0-.5.22-.5.5v14.56l6-4.29 6 4.29V4.5c0-.28-.224-.5-.5-.5h-11z\"></path></svg>\n                            <span className=\"whitespace-nowrap inline-block\">{bookmarks}</span>\n                          </div>\n                          <div className=\"flex items-center h-5\">\n                            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"currentColor\" className=\"flex-shrink-0 mr-1\"><path d=\"M8.75 21V3h2v18h-2zM18 21V8.5h2V21h-2zM4 21l.004-10h2L6 21H4zm9.248 0v-7h2v7h-2z\"></path></svg>\n                            <span className=\"whitespace-nowrap inline-block\">{views}</span>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div> : <div ref={storyRef} className=\"w-full max-w-sm aspect-[9/16] bg-gradient-to-br from-purple-800 to-pink-600 rounded-xl overflow-hidden relative\">\n                  {uploadedImage && <img src={uploadedImage} alt=\"Story\" className=\"absolute inset-0 w-full h-full object-cover\" />}\n                  <div className=\"absolute inset-0 bg-black/10\"></div>\n                  <div className=\"absolute top-0 left-0 right-0 p-4 flex items-center gap-2\">\n                    <div className=\"w-8 h-8 rounded-full border-2 border-white overflow-hidden bg-gray-300\">\n                      {profilePicture ? <img src={profilePicture} alt={displayName} className=\"w-full h-full object-cover\" /> : <div className=\"w-full h-full bg-gray-400 flex items-center justify-center text-white text-xs\">\n                          {displayName.charAt(0)}\n                        </div>}\n                    </div>\n                    <div className=\"text-white text-sm font-medium\">\n                      {displayName}\n                      {verified && <span className=\"inline-block ml-1 bg-blue-500 rounded-full p-0.5\">\n                          <svg className=\"h-3 w-3 text-white\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                            <path d=\"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm5.2 7.2l-6.6 6.6c-.2.2-.5.3-.7.3s-.5-.1-.7-.3l-3.4-3.4c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0l2.7 2.7 5.9-5.9c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4z\" />\n                          </svg>\n                        </span>}\n                    </div>\n                    <div className=\"text-white/70 text-xs\">{timeString}</div>\n                  </div>\n                  <div className=\"absolute bottom-0 left-0 right-0 p-4\">\n                    <div className=\"text-white text-lg font-medium\">{storyCaption}</div>\n                  </div>\n                </div>}\n            </div>\n\n            {generatedImage && <div className=\"mt-6\">\n                <h3 className=\"text-lg font-medium mb-3 text-center\">Generated Image</h3>\n                <div className=\"flex justify-center mb-4\">\n                  <img src={generatedImage} alt=\"Generated Post\" className=\"max-w-full rounded-lg shadow-lg\" />\n                </div>\n                <div className=\"flex justify-center gap-3\">\n                  <motion.button whileHover={{\n                scale: 1.05\n              }} whileTap={{\n                scale: 0.95\n              }} onClick={downloadImage} className=\"flex items-center gap-2 px-4 py-2 bg-yellow-600 hover:bg-yellow-700 rounded-lg text-white\">\n                    <Download size={16} />\n                    Download\n                  </motion.button>\n                  <motion.button whileHover={{\n                scale: 1.05\n              }} whileTap={{\n                scale: 0.95\n              }} onClick={copyImage} className=\"flex items-center gap-2 px-4 py-2 bg-yellow-600 hover:bg-yellow-700 rounded-lg text-white\">\n                    <Copy size={16} />\n                    Copy\n                  </motion.button>\n                  <motion.button whileHover={{\n                scale: 1.05\n              }} whileTap={{\n                scale: 0.95\n              }} onClick={shareImage} className=\"flex items-center gap-2 px-4 py-2 bg-yellow-600 hover:bg-yellow-700 rounded-lg text-white\">\n                    <Share2 size={16} />\n                    Share\n                  </motion.button>\n                </div>\n              </div>}\n          </div>\n        </div>\n\n        <footer className=\"mt-12 text-center text-sm text-yellow-700/60\">\n          <p>PROPAGANDA - Created for harmless fun. Use responsibly!</p>\n          <p className=\"mt-1\">Disclaimer: The generated content is fake and should not be used to deceive others or spread misinformation.</p>\n        </footer>\n      </div>\n    </div>;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"lucide-react\":\"0.441.0\",\"framer-motion\":\"10.16.4\",\"html2canvas\":\"1.4.1\"}}","appFunctions",[],"token",{"_18":80,"_81":82,"_83":84,"_85":86,"_87":88,"_89":90,"_91":92,"_93":41,"_94":41,"_70":71},"Spread lies about this coin","symbol","Propaganda","price",0.0000168,"marketcap",16792,"image","https://pump.mypinata.cloud/ipfs/Qmdt5XfG48wK1b8Lu1TDxwCUw2ZhZLmwcVUbrhgGGUtAb4?img-width=256&img-dpr=2","website","https://dev.fun/p/c50a26d02a974c92d779","twitter","https://x.com/propagandaonsol","devCount","appCount","upstreamApp","isLordOfDev","analytics",[99,103,105,107,109,111,113,115,117,119,121,123,125,127,129,130,131],{"_100":101,"_102":58},"day","2025-08-14","runCount",{"_100":104,"_102":58},"2025-08-15",{"_100":106,"_102":58},"2025-08-16",{"_100":108,"_102":58},"2025-08-17",{"_100":110,"_102":58},"2025-08-18",{"_100":112,"_102":58},"2025-08-19",{"_100":114,"_102":58},"2025-08-20",{"_100":116,"_102":58},"2025-08-21",{"_100":118,"_102":58},"2025-08-22",{"_100":120,"_102":58},"2025-08-23",{"_100":122,"_102":58},"2025-08-24",{"_100":124,"_102":58},"2025-08-25",{"_100":126,"_102":58},"2025-08-26",{"_100":128,"_102":58},"2025-08-27",{"_100":101,"_102":41},{"_100":106,"_102":41},{"_100":116,"_102":41},"snapshot","ogImage","https://cdn.dev.fun/og/image/c50a26d02a974c92d779/b4a958c7.webp","isDevbase","commitDetail","livestream","actionData","errors"]
</article></body></html>