[{"_1":2,"_132":-5,"_133":-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,"_131":-5,"_127":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_5":43,"_55":56,"_57":58,"_59":58,"_60":61,"_62":58,"_63":58,"_64":58,"_65":58,"_66":58,"_67":58,"_68":17,"_69":17,"_70":71,"_72":73,"_74":75,"_76":77,"_92":-5,"_93":17,"_94":95,"_127":30,"_128":129,"_130":25},"id","099908e7000ffeedec71","isMyApp",false,"name","trenchfeed","description","Dive into the digital abyss with TrenchFeed, where anonymity reigns supreme and raw thoughts echo across the Solana blockchain. Log in with your wallet, unleash your deepest, darkest, or most random musings into the void, and watch them appear in real-time, untraceable and unfiltered. It's a collective consciousness of pure, unadulterated internet.","brief","Anonymous, real-time text dumps via Solana wallet. No names, just raw thoughts echoing in the digital trench.","isLive",true,"isPublic","tags",[],"cover","https://cdn.dev.fun/snapshot/099908e7000ffeedec71/83945_261d6db1.webp","cdnUrl","https://cdn.dev.fun/app/099908e7000ffeedec71/83945","createdAt",["D",1750684456512],"updatedAt",["D",1750684814937],"lastCommitId",["B","83945"],"tier",1,"credits",46,{"_14":44,"_45":46,"_47":46,"_48":49,"_50":46,"_51":52,"_53":54},"d70bc556-e989-4e6a-9b86-5ffed370e939","uniqueId","devScy","username","solanaWallet","7wmyUUJTGXcGM35Uf7G9FNe7khrQumkC6C8sRaTc8dtq","displayName","bio","building the most random shit. Check out my other random projects https://memefeed.app & https://solraff.xyz","avatar","/avatar.svg","commitCount",4,"forkCount",0,"likeCount","runsCount",6,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","EcAMeqKCD5khHR5ZzxHJ15jEjXQTEwiwLAmwf9fCidev","code","import { useState, useEffect } from 'react';\nimport { useDevapp, UserButton, DevappProvider } from '@devfunlabs/web-sdk';\nimport { io } from 'socket.io-client';\nimport { Send, Waves } from 'lucide-react';\nconst socket = io('wss://ws.dev.fun/app-099908e7000ffeedec71');\nexport default function AppWithProvider() {\n return \n \n ;\n}\nfunction App() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [posts, setPosts] = useState([]);\n const [newPost, setNewPost] = useState('');\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [, setUserCount] = useState(0);\n useEffect(() => {\n loadPosts();\n function onNewPost(post) {\n setPosts(prev => [post, ...prev]);\n }\n function onUserCount(count) {\n setUserCount(count);\n }\n socket.on('new_post', onNewPost);\n socket.on('devfun:user_count', onUserCount);\n return () => {\n socket.off('new_post', onNewPost);\n socket.off('devfun:user_count', onUserCount);\n };\n }, []);\n const loadPosts = async () => {\n try {\n const allPosts = await devbaseClient.listEntities('posts');\n setPosts(allPosts.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt)));\n } catch (error) {\n console.error('Failed to load posts:', error);\n }\n };\n const handleSubmit = async e => {\n e.preventDefault();\n if (!newPost.trim() || !userWallet || isSubmitting) return;\n setIsSubmitting(true);\n try {\n const post = await devbaseClient.createEntity('posts', {\n content: newPost.trim()\n });\n socket.emit('new_post', post);\n setNewPost('');\n } catch (error) {\n console.error('Failed to create post:', error);\n } finally {\n setIsSubmitting(false);\n }\n };\n const formatTime = timestamp => {\n const date = new Date(timestamp);\n const now = new Date();\n const diff = now - date;\n if (diff < 60000) return 'now';\n if (diff < 3600000) return `${Math.floor(diff / 60000)}m`;\n if (diff < 86400000) return `${Math.floor(diff / 3600000)}h`;\n return `${Math.floor(diff / 86400000)}d`;\n };\n return

\n {}\n

\n \n

\n TrenchFeed\n

dive into the digital abyss

\n \n

\n \n \n

\n\n

\n {}\n {userWallet &&

setNewPost(e.target.value)} placeholder=\"Cast your thoughts into the void...\" className=\"w-full bg-slate-800/50 border border-slate-700/50 rounded-xl p-4 text-white placeholder-slate-400 resize-none focus:outline-none focus:ring-2 focus:ring-cyan-400/50 focus:border-transparent transition-all\" rows={3} maxLength={300} />\n                <div className=\"absolute bottom-3 right-3 flex items-center gap-3\">\n                  <span className={`text-xs ${newPost.length > 250 ? 'text-red-400' : 'text-slate-400'}`}>\n                    {newPost.length}/300\n                  </span>\n                  <button type=\"submit\" disabled={!newPost.trim() || isSubmitting} className=\"bg-gradient-to-r from-cyan-500 to-blue-600 hover:from-cyan-600 hover:to-blue-700 disabled:from-slate-600 disabled:to-slate-700 p-2 rounded-lg transition-all disabled:cursor-not-allowed\">\n                    <Send className=\"w-4 h-4\" />\n                  </button>\n                </div>\n              </div>\n            </form>\n          </div>}\n\n        {}\n        <div className=\"space-y-4\">\n          {!userWallet && <div className=\"text-center py-12\">\n              <Waves className=\"w-16 h-16 text-slate-600 mx-auto mb-4\" />\n              <p className=\"text-slate-400 text-lg mb-2\">Connect your wallet to dive in</p>\n              <p className=\"text-slate-500 text-sm\">Anonymous thoughts await in the depths</p>\n            </div>}\n          \n          {posts.map(post => <div key={post.id} className=\"bg-gradient-to-r from-slate-800/30 to-slate-700/30 backdrop-blur-sm border border-slate-700/30 rounded-xl p-6 hover:border-slate-600/50 transition-all group\">\n              <div className=\"flex items-start justify-between mb-3\">\n                <div className=\"flex items-center gap-2\">\n                  <div className=\"w-2 h-2 bg-cyan-400 rounded-full animate-pulse\"></div>\n                  <span className=\"text-slate-400 text-sm\">anonymous soul</span>\n                </div>\n                <span className=\"text-slate-500 text-xs\">\n                  {formatTime(post.createdAt)}\n                </span>\n              </div>\n              \n              <p className=\"text-slate-200 leading-relaxed whitespace-pre-wrap break-words\">\n                {post.content}\n              </p>\n              \n              <div className=\"mt-4 flex items-center gap-4\">\n                <div className=\"w-full h-px bg-gradient-to-r from-transparent via-cyan-400/20 to-transparent\"></div>\n              </div>\n            </div>)}\n          \n          {posts.length === 0 && userWallet && <div className=\"text-center py-12\">\n              <div className=\"w-16 h-16 bg-slate-800 rounded-full flex items-center justify-center mx-auto mb-4\">\n                <Waves className=\"w-8 h-8 text-slate-600\" />\n              </div>\n              <p className=\"text-slate-400\">The abyss is quiet...</p>\n              <p className=\"text-slate-500 text-sm mt-1\">Be the first to cast your thoughts into the void</p>\n            </div>}\n        </div>\n      </div>\n\n      {}\n      <div className=\"fixed inset-0 pointer-events-none overflow-hidden\">\n        <div className=\"absolute top-1/4 left-1/4 w-96 h-96 bg-cyan-500/5 rounded-full blur-3xl\"></div>\n        <div className=\"absolute bottom-1/4 right-1/4 w-96 h-96 bg-blue-500/5 rounded-full blur-3xl\"></div>\n      </div>\n    </div>;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"@devfunlabs/web-sdk\":\"0.5.5\",\"socket.io-client\":\"4.7.2\",\"lucide-react\":\"0.441.0\"}}","token",{"_18":78,"_79":80,"_81":82,"_83":84,"_85":86,"_87":88,"_89":-5,"_90":40,"_91":40,"_70":71},"TrenchFeed","symbol","TF","price",0.0000037,"marketcap",3699.53,"image","https://pump.mypinata.cloud/ipfs/QmYyW7G4Gn9GCprGPFUp6oyw72MiNPfCNd6KSdh33CSU4j?img-width=256&img-dpr=2","website","https://dev.fun/p/099908e7000ffeedec71","twitter","devCount","appCount","upstreamApp","isLordOfDev","analytics",[96,100,102,104,106,108,110,112,114,116,118,120,122,124,126],{"_97":98,"_99":58},"day","2025-06-11","runCount",{"_97":101,"_99":58},"2025-06-12",{"_97":103,"_99":58},"2025-06-13",{"_97":105,"_99":58},"2025-06-14",{"_97":107,"_99":58},"2025-06-15",{"_97":109,"_99":58},"2025-06-16",{"_97":111,"_99":58},"2025-06-17",{"_97":113,"_99":58},"2025-06-18",{"_97":115,"_99":58},"2025-06-19",{"_97":117,"_99":58},"2025-06-20",{"_97":119,"_99":58},"2025-06-21",{"_97":121,"_99":58},"2025-06-22",{"_97":123,"_99":58},"2025-06-23",{"_97":125,"_99":58},"2025-06-24",{"_97":123,"_99":61},"snapshot","ogImage","https://cdn.dev.fun/og/image/099908e7000ffeedec71/6ef6fc3e.webp","isDevbase","commitDetail","actionData","errors"]
</article></body></html>