[{"_1":2,"_140":-5,"_141":-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,"_138":-5,"_126":-7,"_139":17},"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":61,"_63":64,"_65":61,"_66":43,"_67":43,"_68":61,"_69":61,"_70":61,"_71":17,"_72":17,"_73":-5,"_74":75,"_76":77,"_78":79,"_88":-5,"_89":-5,"_90":17,"_91":92,"_126":33,"_127":128,"_129":27,"_130":131},"id","ab76b118ce7b6b68c8c1","isMyApp",false,"projectId","957e4290-e2f0-4a43-9db8-dc341b2146ff","name","priv8_code","description","Step into the Matrix and wake up as Neo in this cyberpunk crypto hub where Morpheus guides you through Solana's digital rabbit hole. Experience the iconic green rain, typewriter boot sequences, and terminal-style AI chat while managing your crypto portfolio in a world that feels like you've just taken the red pill. This isn't just another dashboard - it's your gateway to the blockchain Matrix where every interaction feels like hacking the system itself.","brief","Wake up Neo - your cyberpunk crypto Matrix hub awaits with AI Morpheus as your guide!","isLive",true,"isPublic","tags",[31],"👑","cover","https://cdn.dev.fun/snapshot/ab76b118ce7b6b68c8c1/106395_9ec73a6f.webp","cdnUrl","https://cdn.dev.fun/app/ab76b118ce7b6b68c8c1/106395","createdAt",["D",1757019732620],"updatedAt",["D",1758482867413],"lastCommitId",["B","106395"],"tier",1,"credits",78,{"_14":47,"_48":49,"_50":49,"_51":52,"_53":49,"_54":55,"_56":57},"a1317c52-7305-4641-91d5-82e246f1dae6","uniqueId","Priv8Code","username","solanaWallet","5fJQDaRJHuBFocHPiQUPfPFdjVeootfYCR7PDF65pqU","displayName","bio","Priv8.Code // Task: Build systems on-chain & off-chain to expand the matrix.\n\nStatus: LOADING..\nMode: PUBLIC.\n","avatar","https://cdn.dev.fun/avatar/a1317c52-7305-4641-91d5-82e246f1dae6/5530865d.webp","commitCount",168,"forkCount",0,"likeCount","runsCount",50,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import { useState, useEffect, useRef, useMemo } from 'react';\nimport { useDevapp, DevappProvider, openLink } from '@devfunlabs/web-sdk';\nimport { ConnectionProvider, WalletProvider, useWallet } from \"@solana/wallet-adapter-react\";\nimport { WalletModalProvider, WalletMultiButton } from \"@solana/wallet-adapter-react-ui\";\nimport \"@solana/wallet-adapter-react-ui/styles.css\";\nimport { PhantomWalletAdapter, SolflareWalletAdapter } from '@solana/wallet-adapter-wallets';\nimport { ExternalLink, BarChart3, Database, Users, Coins, Settings } from 'lucide-react';\nimport { Transaction, SystemProgram, PublicKey, Connection, LAMPORTS_PER_SOL } from '@solana/web3.js';\nfunction MatrixRain({\n color,\n disabled = false\n}) {\n const canvasRef = useRef(null);\n const animationRef = useRef(null);\n useEffect(() => {\n if (disabled) {\n if (animationRef.current) {\n cancelAnimationFrame(animationRef.current);\n animationRef.current = null;\n }\n const canvas = canvasRef.current;\n if (canvas) {\n const ctx = canvas.getContext('2d');\n ctx.clearRect(0, 0, canvas.width, canvas.height);\n }\n return;\n }\n const canvas = canvasRef.current;\n if (!canvas) return;\n const ctx = canvas.getContext('2d');\n canvas.width = window.innerWidth;\n canvas.height = window.innerHeight;\n const characters = 'アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲン0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ';\n const fontSize = 14;\n const columns = Math.floor(canvas.width / fontSize);\n const drops = Array(columns).fill(0);\n const baseColor = color === 'red' ? '#FF0000' : '#00FF41';\n const lightColor = color === 'red' ? '#FF3333' : '#FFFFFF';\n function draw() {\n ctx.fillStyle = 'rgba(0, 0, 0, 0.05)';\n ctx.fillRect(0, 0, canvas.width, canvas.height);\n ctx.font = `${fontSize}px monospace`;\n for (let i = 0; i < drops.length; i++) {\n const text = characters[Math.floor(Math.random() * characters.length)];\n const x = i * fontSize;\n const y = drops[i] * fontSize;\n ctx.fillStyle = Math.random() > 0.95 ? lightColor : baseColor;\n ctx.fillText(text, x, y);\n if (y > canvas.height && Math.random() > 0.975) {\n drops[i] = 0;\n }\n drops[i]++;\n }\n animationRef.current = requestAnimationFrame(draw);\n }\n draw();\n const handleResize = () => {\n canvas.width = window.innerWidth;\n canvas.height = window.innerHeight;\n };\n window.addEventListener('resize', handleResize);\n return () => {\n if (animationRef.current) {\n cancelAnimationFrame(animationRef.current);\n }\n window.removeEventListener('resize', handleResize);\n };\n }, [color, disabled]);\n return

\n Thank You!\n

\n Support the Matrix\n

\n Matrix Admin Control\n

Categories Management

{category.displayName}

\n {isCreatingNewCategory ? 'Add Category' : 'Edit Category'}\n

Tabs Management

\n {tab.name} {!tab.enabled && '(DISABLED)'}\n

\n {isCreatingNewTab ? 'Add Tab' : 'Edit Tab'}\n

Apps Management

{app.title}

\n {isCreatingNew ? 'Add App' : 'Edit App'}\n