[{"_1":2,"_180":-5,"_181":-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":25,"_26":25,"_27":28,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_5":44,"_55":56,"_57":58,"_59":58,"_60":61,"_62":58,"_63":58,"_64":58,"_65":58,"_66":58,"_67":58,"_68":17,"_69":25,"_70":71,"_72":73,"_74":75,"_76":77,"_122":123,"_139":-5,"_140":17,"_141":142,"_176":31,"_177":178,"_179":25},"id","5098af7f7baf7c7ed451","isMyApp",false,"name","$GUANO PTC","description","Welcome to the future of advertising where every click pays in crypto! This revolutionary Web3 platform lets users earn real money by viewing ads while advertisers reach engaged audiences through a transparent, blockchain-powered ecosystem. With Solana wallet integration, multi-currency payouts, monthly jackpots, and a sophisticated revenue-sharing model that puts 60% directly into users' pockets, this isn't just advertising - it's financial democracy in action.","brief","Web3 pay-per-click platform where users earn crypto for viewing ads on Solana blockchain!","isLive",true,"isPublic","tags",[29],"👑","cover","https://cdn.dev.fun/snapshot/5098af7f7baf7c7ed451/91454_4803e2e6.webp","cdnUrl","https://cdn.dev.fun/app/5098af7f7baf7c7ed451/91454","createdAt",["D",1753623921900],"updatedAt",["D",1753734241596],"lastCommitId",["B","91454"],"tier",1,"credits",-96,{"_14":45,"_46":47,"_48":-5,"_49":47,"_50":51,"_52":-5,"_53":54},"c728f663-7776-4f81-a11a-f49264975cdd","uniqueId","5LzdVkvvP7MerNQ8DFat57vcfzaqhydKiyXHYwsUbmNz","username","solanaWallet","displayName","5Lz...mNz","bio","avatar","/avatar.svg","commitCount",11,"forkCount",0,"likeCount","runsCount",21,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","Bu1HGkkq9spMj29cNy8rGS73ZZHTMH93nivRMDfBkdev","code","import { useState, useEffect } from 'react';\nimport { useDevapp, UserButton, DevappProvider } from '@devfunlabs/web-sdk';\nimport { Eye, Clock, DollarSign, Settings, Plus, CheckCircle, XCircle, Wallet, Gift, RefreshCw, ExternalLink, Droplets } from 'lucide-react';\nimport { Keypair } from '@solana/web3.js';\nconst DUST_TOKEN_VALUE = 0.01;\nconst DUST_TOKEN_ADDRESS = 'Bu1HGkkq9spMj29cNy8rGS73ZZHTMH93nivRMDfBkdev';\nconst DUST_TOKEN_SYMBOL = 'PTC-DUST';\nconst siteVaultPrivateKey = new Uint8Array([143, 100, 38, 216, 202, 57, 167, 248, 124, 7, 19, 78, 190, 187, 130, 106, 16, 186, 200, 25, 210, 242, 108, 118, 184, 136, 183, 105, 49, 197, 239, 19, 66, 62, 40, 60, 178, 180, 217, 168, 13, 67, 226, 18, 21, 26, 178, 6, 198, 136, 247, 48, 62, 134, 91, 113, 159, 73, 205, 127, 220, 102, 121, 209]);\nconst siteVaultKeypair = Keypair.fromSecretKey(siteVaultPrivateKey);\nconst SITE_VAULT_ADDRESS = siteVaultKeypair.publicKey.toBase58();\nconsole.log('DEBUG: Site vault address:', SITE_VAULT_ADDRESS);\nconsole.log('DEBUG: Expected vault address: 5Tat3uW2PxNC2s36SqpYXyi7m6KS2SHi4CzQ2eow6wVz');\nconsole.log('DEBUG: Addresses match:', SITE_VAULT_ADDRESS === '5Tat3uW2PxNC2s36SqpYXyi7m6KS2SHi4CzQ2eow6wVz');\nexport default function AppWithProvider() {\n return \n \n ;\n}\nfunction App() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [currentPage, setCurrentPage] = useState('dashboard');\n const [isAdmin, setIsAdmin] = useState(false);\n const [userProfile, setUserProfile] = useState(null);\n const [userCampaigns, setUserCampaigns] = useState([]);\n const [campaigns, setCampaigns] = useState([]);\n const [userDustBalance, setUserDustBalance] = useState(0);\n const [uncollectedDust, setUncollectedDust] = useState(0);\n const [jackpotAmount, setJackpotAmount] = useState(0);\n const [exchangeRates, setExchangeRates] = useState({});\n const [usingFallbackRates, setUsingFallbackRates] = useState(false);\n const SITE_ADMIN = '5LzdVkvvP7MerNQ8DFat57vcfzaqhydKiyXHYwsUbmNz';\n const currencies = {\n 'SOL': 'So11111111111111111111111111111111111111112',\n 'USDC': 'EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v',\n 'EURC': 'GbnowpEw2GwQpgrv3k6aTzD11t3Fv2h1z1x4RjK1v9vR',\n 'BAT': 'EPeUFDgHRxs9xxEPVaL6kfGQvCon7jmAWKVUHuux1Tpz',\n 'GUANO': 'APmLv2VarkC5yEjjutYkeK3byr9L2KwCgrVMWHWsgaG7',\n 'PENGU': '2zMMhcVQEXDtdE6vsFS7S7D5oUodfJHE8vd1gnBouauv',\n 'BONK': 'DezXAZ8z7PnrnRJjz3wXBoRgixCa6xjnB7YaB1pPB263'\n };\n useEffect(() => {\n if (userWallet) {\n checkAdminStatus();\n loadUserData();\n fetchExchangeRates();\n }\n }, [userWallet]);\n const fetchExchangeRates = async () => {\n let currentRates = {};\n let adminFallbacks = {};\n let livePricesFetched = false;\n try {\n const settings = await devbaseClient.listEntities('site_settings');\n if (settings.length > 0 && settings[0].fallbackRates) {\n adminFallbacks = {\n ...settings[0].fallbackRates\n };\n currentRates = {\n ...adminFallbacks\n };\n console.log('DEBUG: Loaded admin fallback rates:', adminFallbacks);\n }\n } catch (error) {\n console.error('Error loading fallback rates from settings:', error);\n }\n try {\n const pricesString = await devbaseClient.evalString('$FUNC_GET_ALL_TOKEN_PRICES()');\n console.log('DEBUG: Raw price string from API:', pricesString);\n const fetchedPrices = JSON.parse(pricesString);\n console.log('DEBUG: Parsed live prices:', fetchedPrices);\n const validPrices = {};\n let hasValidPrice = false;\n for (const [symbol, price] of Object.entries(fetchedPrices)) {\n if (price && price > 0) {\n validPrices[symbol] = price;\n hasValidPrice = true;\n }\n }\n if (hasValidPrice) {\n currentRates = {\n ...currentRates,\n ...validPrices\n };\n livePricesFetched = true;\n console.log('DEBUG: Using live prices:', validPrices);\n } else {\n console.log('DEBUG: Live prices invalid, using fallbacks');\n }\n } catch (error) {\n console.error('Error fetching live exchange rates from Devbase function:', error);\n }\n const hardcodedFallbacks = {\n SOL: 180,\n USDC: 1,\n EURC: 1.07,\n BAT: 0.15,\n GUANO: 0.000025,\n PENGU: 0.05,\n BONK: 0.00003\n };\n const finalRates = {\n ...hardcodedFallbacks,\n ...currentRates\n };\n console.log('DEBUG: Final exchange rates:', finalRates);\n setExchangeRates(finalRates);\n setUsingFallbackRates(!livePricesFetched);\n };\n const checkAdminStatus = async () => {\n if (userWallet === SITE_ADMIN) {\n setIsAdmin(true);\n }\n };\n const getWalletBalance = async tokenAddress => {\n if (!userWallet) return 0;\n try {\n const balanceString = await devbaseClient.evalString(`$GET_BALANCE(\"${userWallet}\", \"${tokenAddress}\")`);\n console.log(`DEBUG: $GET_BALANCE for ${userWallet} and ${tokenAddress} returned:`, balanceString);\n const balance = parseFloat(balanceString) || 0;\n return balance;\n } catch (error) {\n console.error(`DEBUG: Error getting balance for ${tokenAddress}:`, error);\n return 0;\n }\n };\n const loadUserData = async () => {\n if (!userWallet) return;\n try {\n const userFilter = {\n walletAddress: userWallet\n };\n let existingUser = await devbaseClient.listEntities('users', {\n filter: userFilter\n });\n if (existingUser.length === 0) {\n const newUser = await devbaseClient.createEntity('users', {\n walletAddress: userWallet,\n preferredCurrency: 'USDC',\n uncollectedDust: 0\n });\n setUserProfile(newUser);\n setUncollectedDust(0);\n } else {\n setUserProfile(existingUser[0]);\n setUncollectedDust(existingUser[0].uncollectedDust || 0);\n }\n const myCampaigns = await devbaseClient.listEntities('campaigns', {\n filter: {\n advertiserWallet: userWallet\n }\n });\n setUserCampaigns(myCampaigns);\n let dustBalance = 0;\n for (let attempt = 0; attempt < 3; attempt++) {\n try {\n dustBalance = await getWalletBalance(DUST_TOKEN_ADDRESS);\n console.log(`DEBUG: PTC-DUST balance for ${userWallet} (attempt ${attempt + 1}):`, dustBalance);\n if (dustBalance >= 0) break;\n } catch (error) {\n console.error(`DEBUG: Error fetching PTC-DUST balance (attempt ${attempt + 1}):`, error);\n if (attempt === 2) {\n console.error('Failed to fetch PTC-DUST balance after 3 attempts');\n }\n }\n }\n setUserDustBalance(dustBalance);\n const activeCampaigns = await devbaseClient.listEntities('campaigns', {\n filter: {\n status: 'approved'\n }\n });\n setCampaigns(activeCampaigns);\n const jackpot = await devbaseClient.listEntities('jackpot');\n if (jackpot.length > 0) {\n setJackpotAmount(jackpot[0].amount || 0);\n }\n } catch (error) {\n console.error('Error loading user data:', error);\n }\n };\n const collectDust = async () => {\n if (uncollectedDust <= 0) {\n alert(\"No PTC-DUST to collect.\");\n return;\n }\n try {\n await devbaseClient.createEntity('dust_collections', {\n userWallet: userWallet,\n amount: uncollectedDust\n });\n alert(`Successfully collected ${uncollectedDust.toFixed(2)} ${DUST_TOKEN_SYMBOL}! It's now in your wallet.`);\n await loadUserData();\n } catch (error) {\n console.error(\"Error collecting dust:\", error);\n alert(`Failed to collect PTC-DUST. Error: ${error.message}`);\n }\n };\n const AdDashboard = () => {\n const [viewingAd, setViewingAd] = useState(null);\n const [timeLeft, setTimeLeft] = useState(0);\n const [canClaim, setCanClaim] = useState(false);\n useEffect(() => {\n if (viewingAd && timeLeft > 0) {\n const timer = setTimeout(() => setTimeLeft(timeLeft - 1), 1000);\n return () => clearTimeout(timer);\n } else if (viewingAd && timeLeft === 0) {\n setCanClaim(true);\n }\n }, [viewingAd, timeLeft]);\n const startViewing = campaign => {\n setViewingAd(campaign);\n setTimeLeft(campaign.viewDuration);\n setCanClaim(false);\n };\n const claimReward = async () => {\n try {\n const viewResult = await devbaseClient.createEntity('views', {\n campaignId: viewingAd.id,\n userWallet: userWallet\n });\n const earnedAmount = viewResult.earnedAmount || 0;\n await devbaseClient.updateEntity('campaigns', viewingAd.id, {\n remainingViews: viewingAd.remainingViews - 1\n });\n const updatedUser = await devbaseClient.updateEntity('users', userProfile.id, {\n uncollectedDust: (userProfile.uncollectedDust || 0) + earnedAmount\n });\n setUserProfile(updatedUser);\n setUncollectedDust(updatedUser.uncollectedDust);\n setViewingAd(null);\n setCanClaim(false);\n await loadUserData();\n } catch (error) {\n console.error('Error claiming reward:', error);\n alert(`Error claiming reward: ${error.message}`);\n }\n };\n if (viewingAd) {\n return

Viewing Ad: {viewingAd.title}

\n \n {timeLeft}s remaining\n

\n {viewingAd.type === 'text' &&

{viewingAd.title}

{viewingAd.content}

\n {viewingAd.link && \n \n Visit Website\n }\n

}\n {viewingAd.type === 'banner' &&

{viewingAd.title}

{viewingAd.content}

\n {viewingAd.link && \n \n Visit Website\n }\n

}\n {viewingAd.type === 'surf' &&

say something