[{"_1":2,"_126":-5,"_127":-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,"_125":-5,"_122":-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,"_54":40,"_55":56,"_57":56,"_58":40,"_59":56,"_60":56,"_61":56,"_62":56,"_63":56,"_64":17,"_65":17,"_66":67,"_68":69,"_70":71,"_72":73,"_87":-5,"_88":17,"_89":90,"_122":30,"_123":124},"id","0745ab1b8e898b4de6d1","isMyApp",false,"name","purrsonalize","description","Transform your digital companion in this enchanting cat dress-up playground where cozy-core aesthetics meet endless customization! Adorn your feline friend with everything from tiny crowns to magical capes while they react to your choices in real-time, all within a dreamy pastel wonderland that feels like stepping into a purr-fect pocket dimension.","brief","Craft your dream kitty companion with magical outfits in a pastel wonderland of feline fashion!","isLive",true,"isPublic","tags",[],"cover","https://cdn.dev.fun/snapshot/0745ab1b8e898b4de6d1/79039_a368d45e.webp","cdnUrl","https://cdn.dev.fun/app/0745ab1b8e898b4de6d1/79039","createdAt",["D",1749652769628],"updatedAt",["D",1749652771744],"lastCommitId",["B","79039"],"tier",1,"credits",60,{"_14":44,"_45":46,"_47":-5,"_48":46,"_49":50,"_51":-5,"_52":53},"91ec61cb-6746-49bc-9d3d-504532bfc88c","uniqueId","66666KoHBbpC7zCkgUjWsdTmxeEmCEZLLfKLT1iYQCDo","username","solanaWallet","displayName","666...CDo","bio","avatar","/avatar.svg","commitCount","forkCount",0,"likeCount","runsCount","downvoteCount","upvoteCount","upvoteRate","commentCount","visitorCount","isArchived","isRenamed","contractAddress","CTAbpmvmc7QzRfroFYbnACCqKYpHNqqevM3B9Uqpump","code","import { useState, useEffect, useRef } from 'react';\nimport { Share2, Sparkles, Heart, Shuffle, Save, Download, Volume2, VolumeX } from 'lucide-react';\nimport { motion, AnimatePresence } from 'framer-motion';\nexport default function App() {\n const [accessories, setAccessories] = useState({\n head: null,\n clothing: null,\n tail: null,\n background: 'bedroom'\n });\n const [activeCategory, setActiveCategory] = useState('head');\n const [favorites, setFavorites] = useState([]);\n const [soundEnabled, setSoundEnabled] = useState(true);\n const [catMood, setCatMood] = useState('happy');\n const [showShareModal, setShowShareModal] = useState(false);\n const catRef = useRef(null);\n const audioRefs = {\n meow: useRef(new Audio('/assets/sounds/meow.mp3')),\n equip: useRef(new Audio('/assets/sounds/equip.mp3')),\n purr: useRef(new Audio('/assets/sounds/purr.mp3'))\n };\n const items = {\n head: [{\n id: 'bow',\n name: 'Pretty Bow',\n rarity: 'common',\n color: '#FF9999'\n }, {\n id: 'crown',\n name: 'Tiny Crown',\n rarity: 'rare',\n color: '#FFD700'\n }, {\n id: 'wizard-hat',\n name: 'Wizard Hat',\n rarity: 'epic',\n color: '#9966CC'\n }, {\n id: 'headphones',\n name: 'Headphones',\n rarity: 'uncommon',\n color: '#66CCFF'\n }, {\n id: 'flower',\n name: 'Flower Crown',\n rarity: 'uncommon',\n color: '#FFCCCC'\n }],\n clothing: [{\n id: 'sweater',\n name: 'Cozy Sweater',\n rarity: 'common',\n color: '#AADDFF'\n }, {\n id: 'hoodie',\n name: 'Comfy Hoodie',\n rarity: 'common',\n color: '#CCAAFF'\n }, {\n id: 'cape',\n name: 'Magical Cape',\n rarity: 'epic',\n color: '#FF99CC'\n }, {\n id: 'costume',\n name: 'Dragon Costume',\n rarity: 'legendary',\n color: '#99FF99'\n }, {\n id: 'holiday',\n name: 'Holiday Outfit',\n rarity: 'rare',\n color: '#FF6666'\n }],\n tail: [{\n id: 'ribbon',\n name: 'Silky Ribbon',\n rarity: 'common',\n color: '#FFAACC'\n }, {\n id: 'bell',\n name: 'Golden Bell',\n rarity: 'uncommon',\n color: '#FFCC66'\n }, {\n id: 'dragon',\n name: 'Mini Dragon',\n rarity: 'legendary',\n color: '#66FF99'\n }, {\n id: 'flame',\n name: 'Magical Flame',\n rarity: 'epic',\n color: '#FF6633'\n }, {\n id: 'sparkle',\n name: 'Sparkly Trail',\n rarity: 'rare',\n color: '#CCDDFF'\n }],\n background: [{\n id: 'bedroom',\n name: 'Cozy Bedroom',\n rarity: 'common',\n color: '#FFEECC'\n }, {\n id: 'forest',\n name: 'Enchanted Forest',\n rarity: 'uncommon',\n color: '#CCFFCC'\n }, {\n id: 'arcade',\n name: 'Retro Arcade',\n rarity: 'rare',\n color: '#FFCCFF'\n }, {\n id: 'clouds',\n name: 'Dreamy Cloudland',\n rarity: 'epic',\n color: '#CCFFFF'\n }, {\n id: 'space',\n name: 'Cosmic Space',\n rarity: 'legendary',\n color: '#CCCCFF'\n }]\n };\n useEffect(() => {\n if (accessories.head === 'crown' && accessories.clothing === 'cape') {\n setCatMood('royal');\n playSound('purr');\n } else if (accessories.head === 'wizard-hat' && accessories.tail === 'flame') {\n setCatMood('magical');\n playSound('purr');\n } else if (accessories.clothing === 'costume') {\n setCatMood('fierce');\n playSound('meow');\n } else {\n setCatMood('happy');\n }\n }, [accessories]);\n const equipItem = (category, itemId) => {\n setAccessories(prev => ({\n ...prev,\n [category]: prev[category] === itemId ? null : itemId\n }));\n playSound('equip');\n };\n const randomizeOutfit = () => {\n const randomItem = category => {\n const categoryItems = items[category];\n const randomIndex = Math.floor(Math.random() * (categoryItems.length + 1)) - 1;\n return randomIndex === -1 ? null : categoryItems[randomIndex].id;\n };\n setAccessories({\n head: randomItem('head'),\n clothing: randomItem('clothing'),\n tail: randomItem('tail'),\n background: randomItem('background') || 'bedroom'\n });\n playSound('meow');\n };\n const saveToFavorites = () => {\n const newFavorite = {\n id: Date.now(),\n accessories: {\n ...accessories\n },\n mood: catMood\n };\n setFavorites(prev => [...prev, newFavorite]);\n playSound('purr');\n };\n const loadFavorite = favorite => {\n setAccessories(favorite.accessories);\n setCatMood(favorite.mood);\n playSound('equip');\n };\n const playSound = soundName => {\n if (soundEnabled && audioRefs[soundName]?.current) {\n audioRefs[soundName].current.currentTime = 0;\n audioRefs[soundName].current.play().catch(e => console.log(\"Audio play error:\", e));\n }\n };\n const shareOutfit = () => {\n setShowShareModal(true);\n };\n const saveImage = () => {\n alert(\"Your purrfect creation has been saved!\");\n };\n const getRarityColor = rarity => {\n switch (rarity) {\n case 'common':\n return 'bg-gray-200';\n case 'uncommon':\n return 'bg-green-200';\n case 'rare':\n return 'bg-blue-200';\n case 'epic':\n return 'bg-purple-200';\n case 'legendary':\n return 'bg-yellow-200';\n default:\n return 'bg-gray-200';\n }\n };\n const renderCatBody = () => {\n return \n {}\n \n \n {}\n {}\n {}\n \n {}\n {catMood === 'happy' && <>\n {}\n {}\n {}\n }\n \n {catMood === 'royal' && <>\n {}\n {}\n {}\n }\n \n {catMood === 'magical' && <>\n {}\n {}\n {}\n {}\n }\n \n {catMood === 'fierce' && <>\n {}\n {}\n {}\n }\n \n {}\n \n \n \n {}\n \n \n {}\n {accessories.head === 'bow' && }\n {accessories.head === 'crown' && }\n {accessories.head === 'wizard-hat' && }\n {accessories.head === 'headphones' && <>\n \n \n \n }\n {accessories.head === 'flower' && <>\n \n \n \n \n \n }\n \n {}\n {accessories.clothing === 'sweater' && }\n {accessories.clothing === 'hoodie' && <>\n \n \n }\n {accessories.clothing === 'cape' && }\n {accessories.clothing === 'costume' && <>\n \n \n \n }\n {accessories.clothing === 'holiday' && <>\n \n \n \n \n }\n \n {}\n {accessories.tail === 'ribbon' && }\n {accessories.tail === 'bell' && <>\n \n \n \n }\n {accessories.tail === 'dragon' && <>\n \n \n }\n {accessories.tail === 'flame' && }\n {accessories.tail === 'sparkle' && \n \n \n }\n ;\n };\n return

\n purrsonalize\n

\n \n \n \n

\n \n

\n {}\n

b.id === accessories.background)?.color || '#FFEECC'\n }} ref={catRef}>\n {}\n

\n {accessories.background === 'bedroom' && <>\n

\n }\n {accessories.background === 'forest' && <>\n

\n }\n {accessories.background === 'arcade' && <>\n

\n {Array.from({\n length: 50\n }).map((_, i) =>

)}\n

\n }\n {accessories.background === 'clouds' && <>\n

\n \n \n \n }\n {accessories.background === 'space' && <>\n

\n {Array.from({\n length: 100\n }).map((_, i) =>

)}\n

\n \n }\n

\n \n

\n {renderCatBody()}\n

\n \n {}\n

\n {catMood === 'happy' && '😊 Happy'}\n {catMood === 'royal' && '👑 Royal'}\n {catMood === 'magical' && '✨ Magical'}\n {catMood === 'fierce' && '🐉 Fierce'}\n

\n \n

\n \n \n \n

\n \n {}\n {favorites.length > 0 &&

Your Favorites

\n {favorites.map(favorite =>

loadFavorite(favorite)} className=\"w-16 h-16 flex-shrink-0 rounded-lg overflow-hidden border-2 border-pink-300 hover:border-pink-500 cursor-pointer transition-colors\" style={{\n backgroundColor: items.background.find(b => b.id === favorite.accessories.background)?.color\n }}>\n

\n {renderCatBody()}\n

)}\n

}\n

\n \n {}\n

\n {['head', 'clothing', 'tail', 'background'].map(category => )}\n

\n \n

\n {items[activeCategory].map(item =>

equipItem(activeCategory, item.id)} className={`\n relative p-3 rounded-xl cursor-pointer transition-all transform hover:scale-105\n ${accessories[activeCategory] === item.id ? 'ring-2 ring-purple-500 bg-purple-50' : 'bg-gray-50 hover:bg-gray-100'}\n `}>\n

\n {}\n {item.rarity === 'legendary' && \n \n }\n

\n {item.name}\n \n {item.rarity}\n \n

)}\n

\n \n {}\n \n {showShareModal && setShowShareModal(false)}>\n e.stopPropagation()}>\n

Share your creation

Your purrfect design is ready to be shared with the world!

\n \n

\n \n \n \n

\n \n

Copy this link to share

\n \n \n

\n \n \n \n }\n \n \n \n

;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"react-dom\":\"18.2.0\",\"framer-motion\":\"10.16.4\",\"lucide-react\":\"0.441.0\"}}","token",{"_18":19,"_74":75,"_76":77,"_78":79,"_80":81,"_82":83,"_84":-5,"_85":40,"_86":40,"_66":67},"symbol","purr","price",0.00000457,"marketcap",4057.96831383,"image","https://pump.mypinata.cloud/ipfs/bafkreiahdb3y75vwnoso6hvpmv7dvekswgk2aionjob6rzl2li2o5zh2aq?img-width=256&img-dpr=2","website","https://dev.fun/p/0745ab1b8e898b4de6d1","twitter","devCount","appCount","upstreamApp","isLordOfDev","analytics",[91,95,97,99,101,103,105,107,109,111,113,115,117,119,121],{"_92":93,"_94":56},"day","2025-05-30","runCount",{"_92":96,"_94":56},"2025-05-31",{"_92":98,"_94":56},"2025-06-01",{"_92":100,"_94":56},"2025-06-02",{"_92":102,"_94":56},"2025-06-03",{"_92":104,"_94":56},"2025-06-04",{"_92":106,"_94":56},"2025-06-05",{"_92":108,"_94":56},"2025-06-06",{"_92":110,"_94":56},"2025-06-07",{"_92":112,"_94":56},"2025-06-08",{"_92":114,"_94":56},"2025-06-09",{"_92":116,"_94":56},"2025-06-10",{"_92":118,"_94":56},"2025-06-11",{"_92":120,"_94":56},"2025-06-12",{"_92":118,"_94":40},"snapshot","ogImage","https://cdn.dev.fun/og/image/0745ab1b8e898b4de6d1/c282a212.webp","commitDetail","actionData","errors"]