[{"_1":2,"_135":-5,"_136":-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,"_133":-5,"_129":-5,"_134":-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":41,"_58":59,"_60":61,"_62":59,"_63":41,"_64":41,"_65":59,"_66":59,"_67":59,"_68":17,"_69":25,"_70":71,"_72":73,"_74":75,"_76":77,"_78":79,"_95":-5,"_96":17,"_97":98,"_129":31,"_130":131,"_132":17},"id","4e2d59331ef81538d7b5","isMyApp",false,"name","obelisk.desktop","description","Experience the nostalgic thrill of a Windows desktop right in your browser! Orana.desktop recreates that familiar OS feeling with clickable Windows 10 icons that transport you to custom destinations of your choice.","brief","Your virtual Windows desktop experience with custom-linked icons that go wherever you want!","isLive",true,"isPublic","tags",[29],"👑","cover","https://cdn.dev.fun/snapshot/4e2d59331ef81538d7b5/57649_0f88324a.webp","cdnUrl","https://cdn.dev.fun/app/4e2d59331ef81538d7b5/57649","createdAt",["D",1745589801640],"updatedAt",["D",1745589801920],"lastCommitId",["B","57649"],"tier",1,"credits",-3,{"_14":45,"_46":47,"_48":-5,"_49":47,"_50":51,"_52":-5,"_53":54},"1aa7c798-474b-45e9-8d33-3e8766f34116","uniqueId","FPTHQgokqmRLWhGj8nSYLM3YTUHjmLNJDgVocArJ2Wvy","username","solanaWallet","displayName","FPT...Wvy","bio","avatar","/avatar.svg","commitCount",188,"forkCount","likeCount",0,"runsCount",255,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","BGQruvvSnH811BEJnxHqfZWzJBCfMS9P2g2iK24cpump","code","import { useState, useEffect } from 'react';\nimport { X, Minimize, Maximize2, Menu } from 'lucide-react';\nexport default function App() {\n const [currentTime, setCurrentTime] = useState(new Date());\n const [isStartMenuOpen, setIsStartMenuOpen] = useState(false);\n const [contextMenu, setContextMenu] = useState({\n visible: false,\n x: 0,\n y: 0\n });\n const [activeWindow, setActiveWindow] = useState(null);\n const [icons, setIcons] = useState([{\n id: 1,\n name: 'Chrome',\n icon: '🌐',\n url: 'https://www.google.com',\n position: {\n x: 20,\n y: 20\n }\n }, {\n id: 2,\n name: 'Documents',\n icon: '📁',\n url: 'https://docs.google.com',\n position: {\n x: 20,\n y: 100\n }\n }, {\n id: 3,\n name: 'Music',\n icon: '🎵',\n url: 'https://open.spotify.com',\n position: {\n x: 20,\n y: 180\n }\n }, {\n id: 4,\n name: 'Photos',\n icon: '🖼️',\n url: 'https://photos.google.com',\n position: {\n x: 20,\n y: 260\n }\n }, {\n id: 5,\n name: 'Games',\n icon: '🎮',\n url: 'https://www.epic.games.com',\n position: {\n x: 20,\n y: 340\n }\n }]);\n const [draggingIcon, setDraggingIcon] = useState(null);\n const [dragOffset, setDragOffset] = useState({\n x: 0,\n y: 0\n });\n const [windowPosition, setWindowPosition] = useState({\n x: 100,\n y: 100\n });\n const [windowSize,,] = useState({\n width: 800,\n height: 600\n });\n const [isWindowDragging, setIsWindowDragging] = useState(false);\n const [windowDragOffset, setWindowDragOffset] = useState({\n x: 0,\n y: 0\n });\n const [windowState, setWindowState] = useState('maximized');\n useEffect(() => {\n const timer = setInterval(() => {\n setCurrentTime(new Date());\n }, 1000);\n return () => clearInterval(timer);\n }, []);\n const formatTime = () => {\n return currentTime.toLocaleTimeString([], {\n hour: '2-digit',\n minute: '2-digit'\n });\n };\n const handleIconMouseDown = (e, icon) => {\n e.stopPropagation();\n setDraggingIcon(icon.id);\n setDragOffset({\n x: e.clientX - icon.position.x,\n y: e.clientY - icon.position.y\n });\n };\n const handleMouseMove = e => {\n if (draggingIcon) {\n setIcons(icons.map(icon => icon.id === draggingIcon ? {\n ...icon,\n position: {\n x: e.clientX - dragOffset.x,\n y: e.clientY - dragOffset.y\n }\n } : icon));\n }\n if (isWindowDragging && windowState === 'normal') {\n setWindowPosition({\n x: e.clientX - windowDragOffset.x,\n y: e.clientY - windowDragOffset.y\n });\n }\n };\n const handleMouseUp = () => {\n setDraggingIcon(null);\n setIsWindowDragging(false);\n };\n const handleContextMenu = e => {\n e.preventDefault();\n setContextMenu({\n visible: true,\n x: e.clientX,\n y: e.clientY\n });\n };\n const handleDesktopClick = e => {\n if (contextMenu.visible) {\n setContextMenu({\n ...contextMenu,\n visible: false\n });\n }\n if (isStartMenuOpen) {\n setIsStartMenuOpen(false);\n }\n };\n const openWindow = url => {\n setActiveWindow(url);\n setWindowState('maximized');\n };\n const closeWindow = () => {\n setActiveWindow(null);\n };\n const toggleMaximize = () => {\n setWindowState(windowState === 'maximized' ? 'normal' : 'maximized');\n };\n const minimizeWindow = () => {\n setWindowState('minimized');\n };\n const startWindowDrag = e => {\n if (windowState === 'normal') {\n setIsWindowDragging(true);\n setWindowDragOffset({\n x: e.clientX - windowPosition.x,\n y: e.clientY - windowPosition.y\n });\n }\n };\n const toggleStartMenu = e => {\n e.stopPropagation();\n setIsStartMenuOpen(!isStartMenuOpen);\n };\n return

\n {}\n {icons.map(icon =>

handleIconMouseDown(e, icon)} onDoubleClick={() => openWindow(icon.url)}>\n

{icon.icon}

\n {icon.name}\n

)}\n\n {}\n {contextMenu.visible &&

View

Sort by

Refresh

New

Display settings

Personalize

}\n\n {}\n {activeWindow && windowState !== 'minimized' &&

\n {}\n

\n \n \n {activeWindow.replace('https://', '').split('/')[0]}\n \n

\n \n \n \n

\n \n {}\n