[{"_1":2,"_119":-5,"_120":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/app.$appId",{"_12":13},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":17,"_25":26,"_27":28,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_5":44,"_56":57,"_58":59,"_60":59,"_61":62,"_63":59,"_64":59,"_65":59,"_66":59,"_67":59,"_68":59,"_69":26,"_70":17,"_71":-5,"_72":73,"_74":75,"_76":77,"_78":-5,"_79":-5,"_80":17,"_81":82,"_115":31,"_116":117,"_118":26},"id","9a37f4de1497f0bed8c0","isMyApp",false,"name","revolution-gate","description","Your digital underground just got an epic entrance! This cyberpunk portal system lets you create a high-tech gateway where only those with the secret password can \"JOIN THE REVOLUTION\" and access your hidden world. Complete with admin surveillance powers to track who's brave enough to enter your digital resistance movement.","brief","Build a cyberpunk portal where only revolutionaries with the secret password can enter!","isLive","isPublic",true,"tags",[29],"👑","cover","https://cdn.dev.fun/snapshot/9a37f4de1497f0bed8c0/95062_3684a24c.webp","cdnUrl","https://cdn.dev.fun/app/9a37f4de1497f0bed8c0/95062","createdAt",["D",1756272467152],"updatedAt",["D",1756273308031],"lastCommitId",["B","95062"],"tier",1,"credits",36,{"_14":45,"_46":47,"_48":47,"_49":50,"_51":47,"_52":53,"_54":55},"ba8a89d1-a5ed-49ba-ba64-8d88f865c9af","uniqueId","fengtasy","username","solanaWallet","BEgmM3KduecXCW96746QsRUxCrmrN8oX3Qzxkn84sohd","displayName","bio","Feel the … fengtasy","avatar","/avatar.svg","commitCount",4,"forkCount",0,"likeCount","runsCount",5,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import { useState, useEffect } from 'react';\nimport { useDevapp, DevappProvider } from '@devfunlabs/web-sdk';\nimport { Shield, Terminal, Users, ArrowLeft } from 'lucide-react';\nfunction App() {\n const {\n devbaseClient\n } = useDevapp();\n const [currentView, setCurrentView] = useState('loading');\n const [settings, setSettings] = useState(null);\n const [setupData, setSetupData] = useState({\n userPassword: '',\n adminPassword: '',\n url: ''\n });\n const [loginData, setLoginData] = useState({\n password: '',\n email: ''\n });\n const [adminPassword, setAdminPassword] = useState('');\n const [showAdminModal, setShowAdminModal] = useState(false);\n const [userEntries, setUserEntries] = useState([]);\n const [error, setError] = useState('');\n useEffect(() => {\n if (devbaseClient) {\n checkSettings();\n }\n }, [devbaseClient]);\n const checkSettings = async () => {\n try {\n const settingsList = await devbaseClient.listEntities('settings');\n if (settingsList.length > 0) {\n setSettings(settingsList[0]);\n setCurrentView('login');\n } else {\n setCurrentView('setup');\n }\n } catch (err) {\n setError('Failed to load settings');\n }\n };\n const handleSetup = async () => {\n if (!setupData.userPassword || !setupData.adminPassword || !setupData.url) {\n setError('All fields are required');\n return;\n }\n try {\n const newSettings = await devbaseClient.createEntity('settings', setupData);\n setSettings(newSettings);\n setCurrentView('login');\n setError('');\n } catch (err) {\n setError('Failed to save settings');\n }\n };\n const handleLogin = async () => {\n if (!loginData.password || !loginData.email) {\n setError('Password and email are required');\n return;\n }\n if (loginData.password !== settings.userPassword) {\n setError('Invalid password');\n return;\n }\n try {\n await devbaseClient.createEntity('entries', {\n email: loginData.email\n });\n setCurrentView('iframe');\n setError('');\n } catch (err) {\n setError('Login failed');\n }\n };\n const handleAdminLogin = async () => {\n if (adminPassword !== settings.adminPassword) {\n setError('Invalid admin password');\n return;\n }\n try {\n const entries = await devbaseClient.listEntities('entries');\n setUserEntries(entries);\n setCurrentView('admin');\n setShowAdminModal(false);\n setAdminPassword('');\n setError('');\n } catch (err) {\n setError('Failed to load admin data');\n }\n };\n if (currentView === 'loading') {\n return

{'>>> SCANNING NEURAL PATHWAYS <<<'}

;\n }\n if (currentView === 'setup') {\n return

\n \n

{'>>> REVOLUTION SETUP <<<'}

Initialize your digital underground

\n User Access Password\n setSetupData({\n ...setupData,\n userPassword: e.target.value\n })} className=\"w-full bg-black border border-green-400 text-green-400 px-3 py-2 rounded focus:border-green-300 focus:outline-none\" placeholder=\"Enter user password\" />\n

\n Admin Control Password\n setSetupData({\n ...setupData,\n adminPassword: e.target.value\n })} className=\"w-full bg-black border border-green-400 text-green-400 px-3 py-2 rounded focus:border-green-300 focus:outline-none\" placeholder=\"Enter admin password\" />\n

\n Target URL\n setSetupData({\n ...setupData,\n url: e.target.value\n })} className=\"w-full bg-black border border-green-400 text-green-400 px-3 py-2 rounded focus:border-green-300 focus:outline-none\" placeholder=\"https://...\" />\n

\n {error &&

\n {error}\n

}\n \n

;\n }\n if (currentView === 'login') {\n return

\n {}\n

\n {}\n \n {}\n

\n view dev.fun materials\n

\n enter your email and access code to continue\n

\n access code\n setLoginData({\n ...loginData,\n password: e.target.value\n })} className=\"w-full bg-black border-2 border-green-400 text-green-400 px-4 py-3 rounded focus:border-green-300 focus:outline-none focus:shadow-lg focus:shadow-green-400/30 transition-all\" placeholder=\"enter\" />\n

\n your email\n setLoginData({\n ...loginData,\n email: e.target.value\n })} className=\"w-full bg-black border-2 border-green-400 text-green-400 px-4 py-3 rounded focus:border-green-300 focus:outline-none focus:shadow-lg focus:shadow-green-400/30 transition-all\" placeholder=\"operative@revolution.net\" />\n

\n {error &&

\n {'>>> ACCESS DENIED: ' + error + ' <<<'}\n

}\n \n

\n {}\n {showAdminModal &&

{'>>> ADMIN ACCESS <<<'}

\n \n

\n setAdminPassword(e.target.value)} className=\"w-full bg-black border border-green-400 text-green-400 px-3 py-2 rounded mb-4 focus:border-green-300 focus:outline-none\" placeholder=\"Admin password\" onKeyPress={e => e.key === 'Enter' && handleAdminLogin()} />\n {error &&

\n {error}\n

}\n \n

}\n

;\n }\n if (currentView === 'admin') {\n return

\n \n

{'>>> REVOLUTION SURVEILLANCE <<<'}

\n \n

{'Operative Registry'}

\n {userEntries.length === 0 ?

\n {'No operatives have joined the revolution yet...'}\n

\n {userEntries.map((entry, index) =>

\n #{String(index + 1).padStart(3, '0')}\n

{entry.email}

\n {new Date(entry.createdAt).toLocaleString()}\n

)}\n

}\n

;\n }\n if (currentView === 'iframe') {\n return

say something