[{"_1":2,"_125":-5,"_126":-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,"_123":-5,"_114":-7,"_124":17},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":27,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_5":45,"_57":58,"_59":60,"_61":60,"_62":63,"_64":60,"_65":42,"_66":42,"_67":42,"_68":60,"_69":60,"_70":17,"_71":17,"_72":-5,"_73":74,"_75":76,"_77":78,"_79":-5,"_80":-5,"_81":17,"_82":83,"_114":32,"_115":116,"_117":17,"_118":119},"id","462e42c85157ccc5fa88","isMyApp",false,"projectId","7e7b5723-db29-460a-b19a-a5a9638b25a5","name","walletwrapped","description","Uncover your crypto personality with a dazzling visual journey through your on-chain history! WalletWrapped transforms your boring transaction data into a shareable masterpiece, complete with eye-popping stats about your dApp habits, NFT adventures, and even calculates your blockchain street cred with our exclusive \"OG Rating.\"","brief","Your crypto life story turned into a shareable, brag-worthy visual experience that makes spreadsheets cry!","isLive",true,"isPublic","tags",[],"cover","https://cdn.dev.fun/snapshot/462e42c85157ccc5fa88/78774_f32a3a14.webp","cdnUrl","https://cdn.dev.fun/app/462e42c85157ccc5fa88/78774","createdAt",["D",1749599836743],"updatedAt",["D",1749630258939],"lastCommitId",["B","78774"],"tier",1,"credits",51,{"_14":46,"_47":48,"_49":48,"_50":51,"_52":48,"_53":54,"_55":56},"2d5bc871-1a65-4d62-b7ab-a240baebb0e2","uniqueId","Billionaire_Dev","username","solanaWallet","9bD35dew4L5XeGuP2VgvSDkhj4kwWM1TCYz6ZJsKhjrg","displayName","bio","Ship and Stuff !!!","avatar","/avatar.svg","commitCount",2,"forkCount",0,"likeCount","runsCount",34,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import { useState, useEffect, useRef } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { DevappProvider, useDevapp, UserButton } from '@devfunlabs/web-sdk';\nimport { Download, Twitter, ChevronRight, ChevronLeft, Sparkles, Rocket, Zap, Clock, Medal, RefreshCw } from 'lucide-react';\nimport html2canvas from 'html2canvas';\nexport default function App() {\n return \n \n ;\n}\nfunction WalletWrapped() {\n const {\n userWallet\n } = useDevapp();\n const [loading, setLoading] = useState(false);\n const [currentSlide, setCurrentSlide] = useState(0);\n const [wrappedData, setWrappedData] = useState(null);\n const reportRef = useRef(null);\n const slides = ['intro', 'most-used-dapp', 'first-nft', 'token-swap', 'gas-used', 'og-rating', 'share'];\n useEffect(() => {\n if (userWallet) {\n setLoading(true);\n setTimeout(() => {\n setWrappedData({\n mostUsedDapp: {\n name: \"Magic Eden\",\n visits: 187,\n percentage: 64\n },\n firstNft: {\n name: \"Okay Bears #4281\",\n date: \"May 2, 2022\",\n image: \"https://img-cdn.magiceden.dev/rs:fill:400:400:0:0/plain/https://bafybeihpjhkeuiq3k6nqa3fkgeigeri7iebtrsuyuey5y6vy36n345xmbi.ipfs.dweb.link/85.png\"\n },\n tokenSwap: {\n pair: \"SOL/USDC\",\n count: 43,\n volume: \"9,284\"\n },\n gasUsed: {\n total: \"0.873 SOL\",\n average: \"0.0012 SOL\",\n highest: \"0.0421 SOL\"\n },\n ogRating: {\n score: 87,\n age: \"502 days\",\n firstTx: \"January 14, 2022\"\n }\n });\n setLoading(false);\n }, 2500);\n }\n }, [userWallet]);\n const nextSlide = () => {\n if (currentSlide < slides.length - 1) {\n setCurrentSlide(currentSlide + 1);\n }\n };\n const prevSlide = () => {\n if (currentSlide > 0) {\n setCurrentSlide(currentSlide - 1);\n }\n };\n const downloadAsImage = async () => {\n if (reportRef.current) {\n try {\n const canvas = await html2canvas(reportRef.current, {\n scale: 2,\n logging: false,\n backgroundColor: null\n });\n const image = canvas.toDataURL('image/png');\n const link = document.createElement('a');\n link.href = image;\n link.download = 'wallet-wrapped.png';\n link.click();\n } catch (error) {\n console.error(\"Error generating image:\", error);\n }\n }\n };\n const shareToTwitter = () => {\n if (!wrappedData) return;\n const tweetText = `🚀 Just uncovered my crypto personality with WalletWrapped! \n\n🔥 Most used dApp: ${wrappedData.mostUsedDapp.name}\n💎 First NFT: ${wrappedData.firstNft.name}\n⚡ Total gas spent: ${wrappedData.gasUsed.total}\n🏆 My OG Rating: ${wrappedData.ogRating.score}/100\n\nWhat's your crypto story? #WalletWrapped`;\n const url = `https://twitter.com/intent/tweet?text=${encodeURIComponent(tweetText)}`;\n window.open(url, '_blank');\n };\n const getProgressPercentage = () => {\n return (currentSlide + 1) / slides.length * 100;\n };\n if (!userWallet) {\n return

\n \n

\n WalletWrapped\n

Uncover your crypto personality

\n \n

Connect your Phantom wallet to see your personalized crypto journey!

\n \n Discover your most-used dApps\n
\n \n See your first NFT minted\n
\n \n Track your token swap habits\n
\n \n Get your exclusive OG Rating\n

\n \n

;\n }\n if (loading) {\n return

\n \n

Analyzing Your Wallet

\n Hang tight! We're crunching your on-chain data to create your personalized crypto journey...\n

\n \n

;\n }\n if (!wrappedData) {\n return

Something went wrong

We couldn't analyze your wallet data. Please try again later.

\n \n

;\n }\n return

\n \n

\n \n {currentSlide === 0 && \n

\n \n

\n Your Wallet Wrapped\n

A dazzling journey through your on-chain history

\n \n \n \n

Connected Wallet

\n {userWallet.slice(0, 6)}...{userWallet.slice(-4)}\n

\n \n

\n First transaction\n {wrappedData.ogRating.firstTx}\n

\n Account age\n {wrappedData.ogRating.age}\n

\n NFTs collected\n 23\n

\n Tokens held\n 14\n

\n \n \n \n

Ready to see your crypto personality?

\n \n \n

\n }\n \n {currentSlide === 1 && \n

\n \n

Your Most Used dApp

You've been quite busy this year!

\n \n \n \n

\n \n

{wrappedData.mostUsedDapp.name}

{wrappedData.mostUsedDapp.visits} visits

\n \n

\n That's {wrappedData.mostUsedDapp.percentage}% of your total dApp usage\n

\n \n \n

\n }\n \n {currentSlide === 2 && \n

\n \n

Your First NFT

Do you remember this moment?

\n \n \n \n

{\n e.target.onerror = null;\n e.target.src = \"https://img-cdn.magiceden.dev/rs:fill:400:400:0:0/plain/https://bafybeibv5nh2o2gdane5subjmjqbxnmqobo6nfkon6gy25pupk6ggrlpoe.ipfs.nftstorage.link/\";\n }} />\n

{wrappedData.firstNft.name}

\n \n Minted on {wrappedData.firstNft.date}\n

\n \n \n

\n }\n \n {currentSlide === 3 && \n

\n \n

Your Favorite Token Swap

You really like this pair, don't you?

\n \n \n \n

\n SOL\n

\n \n

\n USDC\n

\n \n

\n Total swaps\n {wrappedData.tokenSwap.count}\n

\n Volume traded\n ${wrappedData.tokenSwap.volume}\n

\n \n \n \n \n

\n \n \n

\n }\n \n {currentSlide === 4 && \n

\n \n

Your Gas Spending

The cost of being active on-chain

\n \n \n \n

\n \n

{wrappedData.gasUsed.total}

\n \n

\n Average per transaction\n {wrappedData.gasUsed.average}\n

\n \n

\n Highest paid for a single tx\n {wrappedData.gasUsed.highest}\n

\n \n

\n \n \n

\n }\n \n {currentSlide === 5 && \n

\n \n

Your OG Rating

How early were you to the crypto game?

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

\n {wrappedData.ogRating.score}\n

\n \n \n \n

\n \n

\n Wallet age\n {wrappedData.ogRating.age}\n

\n First transaction\n {wrappedData.ogRating.firstTx}\n

\n Transaction count\n 378\n

\n \n

\n {wrappedData.ogRating.score >= 80 ? \"You're a true OG! You've been in crypto longer than most people have known it exists.\" : wrappedData.ogRating.score >= 50 ? \"You've got some experience under your belt. Not quite an OG, but definitely not a newbie.\" : \"Welcome to crypto! You're still new to the game, but you're on your way to becoming an OG.\"}\n

\n \n \n

\n }\n \n {currentSlide === 6 && \n

\n \n

Share Your Results!

Show off your crypto personality to the world

\n \n \n \n

Your Crypto Summary

\n Most used dApp\n {wrappedData.mostUsedDapp.name}\n
\n First NFT\n {wrappedData.firstNft.name}\n
\n Favorite token swap\n {wrappedData.tokenSwap.pair}\n
\n Total gas spent\n {wrappedData.gasUsed.total}\n
\n OG Rating\n {wrappedData.ogRating.score}/100\n

\n \n \n \n \n

\n \n

\n Join the conversation with the hashtag #WalletWrapped\n

\n \n

\n \n \n

\n }\n \n

;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"framer-motion\":\"10.16.4\",\"lucide-react\":\"0.441.0\",\"@devfunlabs/web-sdk\":\"0.5.5\",\"html2canvas\":\"1.4.1\"}}","appFunctions",[],"token","upstreamApp","isLordOfDev","analytics",[84,88,90,92,94,96,98,100,102,104,106,108,110,112],{"_85":86,"_87":60},"day","2025-09-24","runCount",{"_85":89,"_87":60},"2025-09-25",{"_85":91,"_87":60},"2025-09-26",{"_85":93,"_87":60},"2025-09-27",{"_85":95,"_87":60},"2025-09-28",{"_85":97,"_87":60},"2025-09-29",{"_85":99,"_87":60},"2025-09-30",{"_85":101,"_87":60},"2025-10-01",{"_85":103,"_87":60},"2025-10-02",{"_85":105,"_87":60},"2025-10-03",{"_85":107,"_87":60},"2025-10-04",{"_85":109,"_87":60},"2025-10-05",{"_85":111,"_87":60},"2025-10-06",{"_85":113,"_87":60},"2025-10-07","snapshot","ogImage","https://cdn.dev.fun/og/image/462e42c85157ccc5fa88/51cffb63.webp","isDevbase","project",{"_14":19,"_120":-5,"_20":21,"_121":122,"_22":23},"image","oneliner","Your crypto wrapped","commitDetail","livestream","actionData","errors"]