[{"_1":2,"_111":-5,"_112":-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,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_5":43,"_54":55,"_56":57,"_58":57,"_59":60,"_61":57,"_62":57,"_63":57,"_64":57,"_65":57,"_66":17,"_67":17,"_68":-5,"_69":70,"_71":72,"_73":-5,"_74":-5,"_75":17,"_76":77,"_108":30,"_109":110},"id","c5b2083056249e06ec97","isMyApp",false,"name","onesvault","description","Unleash the full potential of your crypto with this futuristic DeFi powerhouse that lets you earn yield and borrow simultaneously without sacrificing ownership. Stack your capital like never before as your assets generate Aave yields while also serving as collateral for loans, all controlled from your own wallet with sleek Polygon-powered efficiency.","brief","Double-dip your DeFi: earn yields and borrow against the same assets without losing custody!","isLive",true,"isPublic","tags",[],"cover","https://cdn.dev.fun/snapshot/c5b2083056249e06ec97/73001_c876b8a1.webp","cdnUrl","https://cdn.dev.fun/app/c5b2083056249e06ec97/73001","createdAt",["D",1748822260162],"updatedAt",["D",1748829729201],"lastCommitId",["B","73001"],"tier",1,"credits",-18,{"_14":44,"_45":46,"_47":-5,"_48":46,"_49":50,"_51":-5,"_52":53},"fac03635-337c-4e30-9e02-9f88c5a4d84a","uniqueId","2e91gwxBLnkEMAWVZszaKPKg496drhsWFdAZJFB35j4R","username","solanaWallet","displayName","2e9...j4R","bio","avatar","/avatar.svg","commitCount",6,"forkCount",0,"likeCount","runsCount",8,"downvoteCount","upvoteCount","upvoteRate","commentCount","visitorCount","isArchived","isRenamed","contractAddress","code","import { useState, useEffect, useMemo } from 'react';\nimport { ethers } from 'ethers';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport ISwapRouterABI from '@uniswap/v3-periphery/artifacts/contracts/interfaces/ISwapRouter.sol/ISwapRouter.json';\nimport QuoterABI from '@uniswap/v3-periphery/artifacts/contracts/lens/Quoter.sol/Quoter.json';\nconst VAULT_ADDRESS = \"0xEeD7Fd3e80589AF6899F6cf551065e1c3B090E56\";\nconst ONES_GOVERNANCE = \"0x0E9B807C4cFa894065d3445db1fd8e8F7eEa68d9\";\nconst AONES_ADDRESS = \"0x223ff48E6FF40e4EdD2E2c4ebaD5dd1c8E6b173b\";\nconst RECEIPT_TOKEN_ADDRESS = \"0xe8C0Be13F5aD822e1cB238cbd66Ff60637e6b69a\";\nconst APOLWMATIC_ADDRESS = \"0x6d80113e533a2C0fe82EaBD35f1875DcEA89Ea97\";\nconst WMATIC_ADDRESS = \"0x0d500B1d8E8eF31E21C99d1Db9A6444d3ADf1270\";\nconst UNISWAP_ROUTER_ADDRESS = \"0xE592427A0AEce92De3Edee1F18E0157C05861564\";\nconst UNISWAP_QUOTER_ADDRESS = \"0xb27308f9F90D607463bb33eA1BeBb41C27CE5AB6\";\nconst POLYGON_CHAIN_ID = 137;\nconst POLYGON_RPC_URL = \"https://polygon-rpc.com\";\nconst ERC20_ABI = [\"function balanceOf(address owner) view returns (uint256)\", \"function decimals() view returns (uint8)\", \"function symbol() view returns (string)\", \"function name() view returns (string)\", \"function transfer(address to, uint amount) returns (bool)\", \"function approve(address spender, uint256 amount) returns (bool)\", \"function allowance(address owner, address spender) view returns (uint256)\"];\nconst VAULT_ABI = [\"function deposit(uint256 amount) returns (uint256)\", \"function borrow(uint256 amount) returns (uint256)\", \"function repay(uint256 amount) returns (bool)\", \"function getUserLTV(address user) view returns (uint256)\", \"function getMaxBorrowAmount(address user) view returns (uint256)\"];\nconst PRICE_FEED_ABI = [\"function latestRoundData() view returns (uint80 roundId, int256 answer, uint256 startedAt, uint256 updatedAt, uint80 answeredInRound)\"];\nfunction App() {\n const [connected, setConnected] = useState(false);\n const [account, setAccount] = useState(null);\n const [provider, setProvider] = useState(null);\n const [, setSigner] = useState(null);\n const [activeTab, setActiveTab] = useState('dashboard');\n const [tokenBalances, setTokenBalances] = useState({\n aPolWMATIC: 0,\n IONESReceipt: 0,\n aONES: 0,\n MATIC: 0\n });\n const [tokenPrices, setTokenPrices] = useState({\n MATIC: 0,\n aPolWMATIC: 0,\n aONES: 0\n });\n const [depositAmount, setDepositAmount] = useState('');\n const [borrowAmount, setBorrowAmount] = useState('');\n const [repayAmount, setRepayAmount] = useState('');\n const [swapAmount, setSwapAmount] = useState('');\n const [userLTV, setUserLTV] = useState(0);\n const [maxBorrowAmount, setMaxBorrowAmount] = useState(0);\n const [isLoading, setIsLoading] = useState(false);\n const [transactionSuccess, setTransactionSuccess] = useState(null);\n const [transactionError, setTransactionError] = useState(null);\n const [contracts, setContracts] = useState({\n aPolWMATIC: null,\n IONESReceipt: null,\n aONES: null,\n vault: null\n });\n const connectWallet = async () => {\n if (window.ethereum) {\n try {\n setIsLoading(true);\n await window.ethereum.request({\n method: 'eth_requestAccounts'\n });\n let chainId;\n try {\n chainId = await window.ethereum.request({\n method: 'eth_chainId'\n });\n } catch (chainError) {\n console.error(\"Error getting chain ID:\", chainError);\n chainId = \"0x0\";\n }\n if (parseInt(chainId, 16) !== POLYGON_CHAIN_ID) {\n try {\n await window.ethereum.request({\n method: 'wallet_switchEthereumChain',\n params: [{\n chainId: `0x${POLYGON_CHAIN_ID.toString(16)}`\n }]\n });\n } catch (switchError) {\n if (switchError.code === 4902) {\n await window.ethereum.request({\n method: 'wallet_addEthereumChain',\n params: [{\n chainId: `0x${POLYGON_CHAIN_ID.toString(16)}`,\n chainName: 'Polygon Mainnet',\n nativeCurrency: {\n name: 'MATIC',\n symbol: 'MATIC',\n decimals: 18\n },\n rpcUrls: [POLYGON_RPC_URL],\n blockExplorerUrls: ['https://polygonscan.com/']\n }]\n });\n } else {\n throw switchError;\n }\n }\n }\n const provider = new ethers.providers.Web3Provider(window.ethereum, {\n name: 'Polygon Mainnet',\n chainId: POLYGON_CHAIN_ID\n });\n const signer = provider.getSigner();\n const account = await signer.getAddress();\n setProvider(provider);\n setSigner(signer);\n setAccount(account);\n setConnected(true);\n const aPolWMATICContract = new ethers.Contract(APOLWMATIC_ADDRESS, ERC20_ABI, signer);\n const receiptTokenContract = new ethers.Contract(RECEIPT_TOKEN_ADDRESS, ERC20_ABI, signer);\n const aONESContract = new ethers.Contract(AONES_ADDRESS, ERC20_ABI, signer);\n const vaultContract = new ethers.Contract(VAULT_ADDRESS, VAULT_ABI, signer);\n setContracts({\n aPolWMATIC: aPolWMATICContract,\n IONESReceipt: receiptTokenContract,\n aONES: aONESContract,\n vault: vaultContract\n });\n await fetchBalancesAndLTV(account, provider, aPolWMATICContract, receiptTokenContract, aONESContract, vaultContract);\n setIsLoading(false);\n } catch (error) {\n console.error(\"Error connecting to MetaMask\", error);\n setIsLoading(false);\n setTransactionError(\"Failed to connect to wallet\");\n setTimeout(() => setTransactionError(null), 3000);\n }\n } else {\n setTransactionError(\"Please install MetaMask to use this app\");\n setTimeout(() => setTransactionError(null), 3000);\n }\n };\n const fetchBalancesAndLTV = async (userAccount, providerInstance, aPolWMATICContract, receiptTokenContract, aONESContract, vaultContract) => {\n if (!userAccount || !providerInstance) return;\n setIsLoading(true);\n let newBalances = {\n aPolWMATIC: 0,\n IONESReceipt: 0,\n aONES: 0,\n MATIC: 0\n };\n try {\n const maticBalance = await providerInstance.getBalance(userAccount);\n newBalances.MATIC = parseFloat(ethers.utils.formatEther(maticBalance));\n } catch (error) {\n console.warn(\"Failed to fetch MATIC balance:\", error);\n }\n try {\n const aPolWMATICBalance = await aPolWMATICContract.balanceOf(userAccount);\n const aPolWMATICDecimals = await aPolWMATICContract.decimals();\n newBalances.aPolWMATIC = parseFloat(ethers.utils.formatUnits(aPolWMATICBalance, aPolWMATICDecimals));\n } catch (error) {\n console.warn(\"Failed to fetch aPolWMATIC balance:\", error);\n }\n try {\n const receiptTokenBalance = await receiptTokenContract.balanceOf(userAccount);\n const receiptTokenDecimals = await receiptTokenContract.decimals();\n newBalances.IONESReceipt = parseFloat(ethers.utils.formatUnits(receiptTokenBalance, receiptTokenDecimals));\n } catch (error) {\n console.warn(\"Failed to fetch IONESReceipt balance:\", error);\n }\n try {\n const aONESBalance = await aONESContract.balanceOf(userAccount);\n const aONESDecimals = await aONESContract.decimals();\n newBalances.aONES = parseFloat(ethers.utils.formatUnits(aONESBalance, aONESDecimals));\n } catch (error) {\n console.warn(\"Failed to fetch aONES balance:\", error);\n }\n setTokenBalances(newBalances);\n try {\n const ltvBigNumber = await vaultContract.getUserLTV(userAccount);\n const ltv = parseFloat(ethers.utils.formatUnits(ltvBigNumber, 2));\n setUserLTV(ltv);\n try {\n const maxBorrowBigNumber = await vaultContract.getMaxBorrowAmount(userAccount);\n const aONESDecimals = await aONESContract.decimals();\n const maxBorrow = parseFloat(ethers.utils.formatUnits(maxBorrowBigNumber, aONESDecimals));\n setMaxBorrowAmount(maxBorrow);\n } catch (borrowError) {\n console.warn(\"Could not fetch max borrow amount:\", borrowError);\n setMaxBorrowAmount(0);\n }\n } catch (ltvError) {\n console.warn(\"Could not fetch LTV:\", ltvError);\n setUserLTV(0);\n }\n setIsLoading(false);\n };\n useEffect(() => {\n const handleAccountsChanged = async accounts => {\n if (accounts.length === 0) {\n setConnected(false);\n setAccount(null);\n } else if (accounts[0] !== account) {\n window.location.reload();\n }\n };\n const handleChainChanged = () => {\n window.location.reload();\n };\n if (window.ethereum) {\n window.ethereum.on('accountsChanged', handleAccountsChanged);\n window.ethereum.on('chainChanged', handleChainChanged);\n }\n const checkConnection = async () => {\n if (window.ethereum) {\n try {\n const chainId = await window.ethereum.request({\n method: 'eth_chainId'\n });\n const isPolygon = parseInt(chainId, 16) === POLYGON_CHAIN_ID;\n if (isPolygon) {\n const provider = new ethers.providers.Web3Provider(window.ethereum, {\n name: 'Polygon Mainnet',\n chainId: POLYGON_CHAIN_ID\n });\n const accounts = await provider.listAccounts();\n if (accounts.length > 0) {\n const signer = provider.getSigner();\n const userAccount = await signer.getAddress();\n setProvider(provider);\n setSigner(signer);\n setAccount(userAccount);\n setConnected(true);\n const aPolWMATICContract = new ethers.Contract(APOLWMATIC_ADDRESS, ERC20_ABI, signer);\n const receiptTokenContract = new ethers.Contract(RECEIPT_TOKEN_ADDRESS, ERC20_ABI, signer);\n const aONESContract = new ethers.Contract(AONES_ADDRESS, ERC20_ABI, signer);\n const vaultContract = new ethers.Contract(VAULT_ADDRESS, VAULT_ABI, signer);\n const contractsObj = {\n aPolWMATIC: aPolWMATICContract,\n IONESReceipt: receiptTokenContract,\n aONES: aONESContract,\n vault: vaultContract\n };\n setContracts(contractsObj);\n await fetchBalancesAndLTV(userAccount, provider, aPolWMATICContract, receiptTokenContract, aONESContract, vaultContract);\n }\n }\n } catch (error) {\n console.error(\"Error checking connection\", error);\n }\n }\n };\n checkConnection();\n return () => {\n if (window.ethereum) {\n window.ethereum.removeListener('accountsChanged', handleAccountsChanged);\n window.ethereum.removeListener('chainChanged', handleChainChanged);\n }\n };\n }, []);\n useEffect(() => {\n const refreshBalances = async () => {\n if (connected && account && provider && contracts.aPolWMATIC && contracts.IONESReceipt && contracts.aONES && contracts.vault) {\n try {\n await fetchBalancesAndLTV(account, provider, contracts.aPolWMATIC, contracts.IONESReceipt, contracts.aONES, contracts.vault);\n } catch (error) {\n console.error(\"Error in refresh balances:\", error);\n }\n }\n };\n refreshBalances();\n const intervalId = setInterval(refreshBalances, 15000);\n return () => clearInterval(intervalId);\n }, [connected, account, provider, contracts]);\n useEffect(() => {\n const fetchTokenPrices = async () => {\n if (provider) {\n try {\n let maticPrice = 1.20;\n try {\n const maticPriceFeed = new ethers.Contract(\"0xAB594600376Ec9fD91F8e885dADF0CE036862dE0\", PRICE_FEED_ABI, provider);\n const maticPriceData = await maticPriceFeed.latestRoundData();\n maticPrice = parseFloat(ethers.utils.formatUnits(maticPriceData.answer, 8));\n } catch (maticError) {\n console.warn(\"Failed to fetch MATIC price:\", maticError);\n }\n const aPolWMATICPrice = maticPrice * 1.05;\n const aONESPrice = 1.0;\n setTokenPrices({\n MATIC: maticPrice,\n aPolWMATIC: aPolWMATICPrice,\n aONES: aONESPrice\n });\n } catch (error) {\n console.error(\"Error in price fetching:\", error);\n setTokenPrices({\n MATIC: 1.20,\n aPolWMATIC: 1.26,\n aONES: 1.0\n });\n }\n }\n };\n fetchTokenPrices();\n const intervalId = setInterval(fetchTokenPrices, 60000);\n return () => clearInterval(intervalId);\n }, [provider]);\n const handleTransaction = async (transaction, successMessage) => {\n setIsLoading(true);\n try {\n const gasPrice = await provider.getGasPrice();\n const boostGasPrice = gasPrice.mul(120).div(100);\n const tx = await transaction({\n gasLimit: 500000,\n gasPrice: boostGasPrice\n });\n setTransactionSuccess(\"Transaction submitted! Waiting for confirmation...\");\n const receipt = await Promise.race([tx.wait(), new Promise((_, reject) => setTimeout(() => reject(new Error(\"Transaction confirmation timed out\")), 60000))]);\n if (receipt.status === 1) {\n setTransactionSuccess(successMessage);\n await fetchBalancesAndLTV(account, provider, contracts.aPolWMATIC, contracts.IONESReceipt, contracts.aONES, contracts.vault);\n } else {\n throw new Error(\"Transaction failed on blockchain\");\n }\n setTimeout(() => setTransactionSuccess(null), 3000);\n } catch (error) {\n console.error(\"Transaction error:\", error);\n let errorMessage = \"Transaction failed\";\n if (error.reason) {\n errorMessage = error.reason;\n } else if (error.message) {\n errorMessage = error.message.replace(\"execution reverted: \", \"\");\n if (errorMessage.length > 100) {\n errorMessage = errorMessage.substring(0, 97) + \"...\";\n }\n }\n setTransactionError(errorMessage);\n setTimeout(() => setTransactionError(null), 5000);\n } finally {\n setIsLoading(false);\n }\n };\n const handleDeposit = async e => {\n e.preventDefault();\n if (!depositAmount || parseFloat(depositAmount) <= 0) return;\n try {\n const allowance = await contracts.aPolWMATIC.allowance(account, VAULT_ADDRESS);\n const depositAmountWei = ethers.utils.parseUnits(depositAmount, 18);\n await handleTransaction(async txOptions => {\n if (allowance.lt(depositAmountWei)) {\n const maxApproval = ethers.constants.MaxUint256;\n console.log(\"Approving aPolWMATIC for vault...\");\n const approveTx = await contracts.aPolWMATIC.approve(VAULT_ADDRESS, maxApproval, {\n ...txOptions,\n gasLimit: 100000\n });\n await approveTx.wait();\n }\n let gasEstimate;\n try {\n gasEstimate = await contracts.vault.estimateGas.deposit(depositAmountWei);\n gasEstimate = gasEstimate.mul(120).div(100);\n } catch (err) {\n console.warn(\"Failed to estimate gas:\", err);\n gasEstimate = ethers.BigNumber.from(300000);\n }\n console.log(\"Depositing to vault...\");\n return contracts.vault.deposit(depositAmountWei, {\n ...txOptions,\n gasLimit: gasEstimate\n });\n }, \"Successfully deposited aPolWMATIC and received IONESReceipt tokens!\");\n setDepositAmount('');\n } catch (error) {\n console.error(\"Deposit failed:\", error);\n }\n };\n const handleBorrow = async e => {\n e.preventDefault();\n if (!borrowAmount || parseFloat(borrowAmount) <= 0) return;\n try {\n const borrowAmountWei = ethers.utils.parseUnits(borrowAmount, 18);\n await handleTransaction(async txOptions => {\n let gasEstimate;\n try {\n gasEstimate = await contracts.vault.estimateGas.borrow(borrowAmountWei);\n gasEstimate = gasEstimate.mul(120).div(100);\n } catch (err) {\n console.warn(\"Failed to estimate gas:\", err);\n gasEstimate = ethers.BigNumber.from(400000);\n }\n console.log(\"Borrowing from vault...\");\n return contracts.vault.borrow(borrowAmountWei, {\n ...txOptions,\n gasLimit: gasEstimate\n });\n }, \"Successfully borrowed aONES tokens!\");\n setBorrowAmount('');\n } catch (error) {\n console.error(\"Borrow failed:\", error);\n }\n };\n const handleRepay = async e => {\n e.preventDefault();\n if (!repayAmount || parseFloat(repayAmount) <= 0 || parseFloat(repayAmount) > tokenBalances.aONES) return;\n try {\n const allowance = await contracts.aONES.allowance(account, VAULT_ADDRESS);\n const repayAmountWei = ethers.utils.parseUnits(repayAmount, 18);\n await handleTransaction(async txOptions => {\n if (allowance.lt(repayAmountWei)) {\n const maxApproval = ethers.constants.MaxUint256;\n console.log(\"Approving aONES for vault...\");\n const approveTx = await contracts.aONES.approve(VAULT_ADDRESS, maxApproval, {\n ...txOptions,\n gasLimit: 100000\n });\n await approveTx.wait();\n }\n let gasEstimate;\n try {\n gasEstimate = await contracts.vault.estimateGas.repay(repayAmountWei);\n gasEstimate = gasEstimate.mul(120).div(100);\n } catch (err) {\n console.warn(\"Failed to estimate gas:\", err);\n gasEstimate = ethers.BigNumber.from(300000);\n }\n console.log(\"Repaying to vault...\");\n return contracts.vault.repay(repayAmountWei, {\n ...txOptions,\n gasLimit: gasEstimate\n });\n }, \"Successfully repaid aONES debt!\");\n setRepayAmount('');\n } catch (error) {\n console.error(\"Repay failed:\", error);\n }\n };\n const [swapQuote, setSwapQuote] = useState(null);\n const [slippageTolerance, setSlippageTolerance] = useState(0.5);\n const [quoteLoading, setQuoteLoading] = useState(false);\n const getUniswapQuote = async inputAmount => {\n if (!inputAmount || parseFloat(inputAmount) <= 0 || !account || !provider) return;\n setQuoteLoading(true);\n try {\n const quoterContract = new ethers.Contract(UNISWAP_QUOTER_ADDRESS, QuoterABI.abi, provider);\n const aONESDecimals = await contracts.aONES.decimals();\n const inputAmountWei = ethers.utils.parseUnits(inputAmount, aONESDecimals);\n const quoteResult = await quoterContract.callStatic.quoteExactInputSingle(AONES_ADDRESS, WMATIC_ADDRESS, 3000, inputAmountWei, 0);\n const outputAmount = ethers.utils.formatEther(quoteResult);\n const outputWithSlippage = parseFloat(outputAmount) * (1 - slippageTolerance / 100);\n setSwapQuote({\n inputAmount: parseFloat(inputAmount),\n outputAmount: parseFloat(outputAmount),\n outputWithSlippage,\n priceImpact: Math.abs(1 - parseFloat(outputAmount) / parseFloat(inputAmount) / 1.05) * 100\n });\n } catch (error) {\n console.error(\"Failed to get Uniswap quote:\", error);\n setTransactionError(\"Failed to get swap quote. Please try again.\");\n setTimeout(() => setTransactionError(null), 3000);\n } finally {\n setQuoteLoading(false);\n }\n };\n useEffect(() => {\n if (swapAmount && parseFloat(swapAmount) > 0) {\n getUniswapQuote(swapAmount);\n } else {\n setSwapQuote(null);\n }\n }, [swapAmount]);\n const handleSwap = async e => {\n e.preventDefault();\n if (!swapAmount || parseFloat(swapAmount) <= 0 || parseFloat(swapAmount) > tokenBalances.aONES || !swapQuote) return;\n try {\n const swapAmountWei = ethers.utils.parseUnits(swapAmount, 18);\n const minOutputAmountWei = ethers.utils.parseUnits(swapQuote.outputWithSlippage.toFixed(18), 18);\n await handleTransaction(async txOptions => {\n const allowance = await contracts.aONES.allowance(account, UNISWAP_ROUTER_ADDRESS);\n if (allowance.lt(swapAmountWei)) {\n console.log(\"Approving aONES for Uniswap...\");\n const approveTx = await contracts.aONES.approve(UNISWAP_ROUTER_ADDRESS, ethers.constants.MaxUint256, {\n ...txOptions,\n gasLimit: 100000\n });\n await approveTx.wait();\n }\n const swapRouter = new ethers.Contract(UNISWAP_ROUTER_ADDRESS, ISwapRouterABI.abi, provider.getSigner());\n const deadline = Math.floor(Date.now() / 1000) + 1200;\n const params = {\n tokenIn: AONES_ADDRESS,\n tokenOut: WMATIC_ADDRESS,\n fee: 3000,\n recipient: account,\n deadline,\n amountIn: swapAmountWei,\n amountOutMinimum: minOutputAmountWei,\n sqrtPriceLimitX96: 0\n };\n console.log(\"Executing swap on Uniswap V3...\");\n return swapRouter.exactInputSingle(params, {\n ...txOptions,\n gasLimit: 500000\n });\n }, \"Successfully swapped aONES to MATIC!\");\n setSwapAmount('');\n setSwapQuote(null);\n } catch (error) {\n console.error(\"Swap error:\", error);\n }\n };\n const ltvColor = useMemo(() => {\n if (userLTV < 70) return 'text-green-400';\n if (userLTV < 85) return 'text-yellow-400';\n return 'text-red-500';\n }, [userLTV]);\n const formatNumber = num => {\n return num.toLocaleString('en-US', {\n minimumFractionDigits: 2,\n maximumFractionDigits: 2\n });\n };\n return

\n {}\n

\n ONESVault\n

\n \n Polygon\n \n

\n \n

\n {connected &&

\n {account && `${account.slice(0, 6)}...${account.slice(-4)}`}\n

}\n

\n \n

\n\n {!connected ?

\n \n

\n Revolutionize Your DeFi Experience\n

\n Earn yield and borrow simultaneously without sacrificing ownership. \n Connect your Polygon wallet to unleash the full potential of your assets.\n

\n \n

\n {}\n \n {isLoading && \n

\n Processing blockchain transaction...\n }\n \n {transactionSuccess && \n

✓

\n {transactionSuccess}\n }\n \n {transactionError && \n

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

\n Your DeFi Portfolio\n

Stack yield and leverage in a single self-custodial flow

\n \n

\n Loan-to-Value:\n {userLTV}%\n

Liquidation at 95% LTV

\n \n {}\n

\n \n

\n \n {}\n

\n {}\n

Your Balances

\n \n

\n aP\n

aPolWMATIC

Interest-bearing MATIC

{formatNumber(tokenBalances.aPolWMATIC)}

\n {tokenPrices.aPolWMATIC > 0 && `${formatNumber(tokenBalances.aPolWMATIC * tokenPrices.aPolWMATIC)}`}\n

+5.2% APY

\n \n

\n iO\n

IONESReceipt

Collateral Receipt

{formatNumber(tokenBalances.IONESReceipt)}

+5.0% APY

\n \n

\n aO\n

aONES

Borrowable Token

{formatNumber(tokenBalances.aONES)}

\n \n

\n M\n

MATIC

Polygon Token

{formatNumber(tokenBalances.MATIC)}

\n \n {}\n

Protocol Info

\n \n

\n MATIC Price (USD)\n ${formatNumber(tokenPrices.MATIC)}\n

\n aPolWMATIC Price (USD)\n ${formatNumber(tokenPrices.aPolWMATIC)}\n

\n aONES Price (USD)\n ${formatNumber(tokenPrices.aONES)}\n

\n Max Borrow Power\n {formatNumber(maxBorrowAmount)} aONES\n

\n Treasury Yield\n 5.0%\n

\n \n

Contract Addresses

Vault

{VAULT_ADDRESS}

Governance

{ONES_GOVERNANCE}

\n \n {}\n

\n {}\n {activeTab === 'dashboard' &&

\n Dashboard Overview\n

\n \n

Total Deposits

{formatNumber(tokenBalances.aPolWMATIC + tokenBalances.IONESReceipt)} aPolWMATIC

Earning 5.2% APY

\n \n

Total Borrowed

{formatNumber(tokenBalances.aONES)} aONES

\n {userLTV}% of max borrowing power used\n

\n \n

Position Health

\n Current LTV\n {userLTV}%\n

\n 0%\n Safe Zone\n 90%\n 95% (Liquidation)\n

\n \n

Quick Actions

\n {['deposit', 'borrow', 'repay', 'swap'].map(action => )}\n

}\n \n {}\n {activeTab === 'deposit' &&

\n Deposit aPolWMATIC\n

\n \n

\n Deposit aPolWMATIC and receive IONESReceipt tokens 1:1. Your deposited aPolWMATIC continues to earn Aave yield.\n

\n \n

Available Balance

{formatNumber(tokenBalances.aPolWMATIC)} aPolWMATIC

\n \n

\n \n Deposit Amount\n \n

\n setDepositAmount(e.target.value)} className=\"w-full bg-black/70 border border-gray-800 text-white p-4 rounded-lg focus:outline-none focus:ring-2 focus:ring-violet-500 focus:border-transparent\" placeholder=\"0.00\" min=\"0\" step=\"0.01\" max={tokenBalances.aPolWMATIC} />\n

\n \n

\n You will receive\n \n {depositAmount ? formatNumber(parseFloat(depositAmount)) : '0.00'} IONESReceipt\n \n

\n Estimated APY\n 5.0%\n

\n \n \n

}\n \n {}\n {activeTab === 'borrow' &&

\n Borrow aONES\n

\n \n

\n Borrow aONES tokens using your IONESReceipt as collateral. Max LTV is 90% and liquidation occurs at 95%.\n

\n \n

Available Collateral

{formatNumber(tokenBalances.IONESReceipt)} IONESReceipt

\n \n

Current LTV

{userLTV}%

\n \n

\n \n Borrow Amount\n \n

\n setBorrowAmount(e.target.value)} className=\"w-full bg-black/70 border border-gray-800 text-white p-4 rounded-lg focus:outline-none focus:ring-2 focus:ring-violet-500 focus:border-transparent\" placeholder=\"0.00\" min=\"0\" step=\"0.01\" max={tokenBalances.IONESReceipt * 0.9 - tokenBalances.aONES} />\n

\n \n

\n New LTV after borrowing\n 0 ? userLTV + parseFloat(borrowAmount) / tokenBalances.IONESReceipt * 100 < 70 ? 'text-green-400' : userLTV + parseFloat(borrowAmount) / tokenBalances.IONESReceipt * 100 < 85 ? 'text-yellow-400' : 'text-red-500' : ltvColor}`}>\n {borrowAmount && parseFloat(borrowAmount) > 0 ? Math.min(userLTV + parseFloat(borrowAmount) / tokenBalances.IONESReceipt * 100, 90).toFixed(2) : userLTV}%\n \n

\n \n \n

}\n \n {}\n {activeTab === 'repay' &&

\n Repay aONES Debt\n

\n \n

\n Repay your aONES debt to reduce your LTV and unlock more borrowing power.\n

\n \n

Current Debt

{formatNumber(tokenBalances.aONES)} aONES

\n \n

Current LTV

{userLTV}%

\n \n

\n \n Repay Amount\n \n

\n setRepayAmount(e.target.value)} className=\"w-full bg-black/70 border border-gray-800 text-white p-4 rounded-lg focus:outline-none focus:ring-2 focus:ring-violet-500 focus:border-transparent\" placeholder=\"0.00\" min=\"0\" step=\"0.01\" max={tokenBalances.aONES} />\n

\n \n

\n New LTV after repayment\n 0 ? Math.max(userLTV - 10, 0) < 70 ? 'text-green-400' : Math.max(userLTV - 10, 0) < 85 ? 'text-yellow-400' : 'text-red-500' : ltvColor}`}>\n {repayAmount && parseFloat(repayAmount) > 0 ? Math.max(userLTV - 10, 0).toFixed(2) : userLTV}%\n \n

\n \n \n

}\n \n {}\n {activeTab === 'swap' &&

\n Swap aONES to MATIC with Uniswap V3\n

\n \n

\n Swap your borrowed aONES tokens into MATIC through Uniswap V3 to reinvest or use elsewhere in the Polygon ecosystem.\n

\n \n

Available aONES

{formatNumber(tokenBalances.aONES)} aONES

\n \n

\n \n From\n \n

\n setSwapAmount(e.target.value)} className=\"w-full bg-black/70 border border-gray-800 text-white p-4 rounded-lg focus:outline-none focus:ring-2 focus:ring-violet-500 focus:border-transparent\" placeholder=\"0.00\" min=\"0\" step=\"0.01\" max={tokenBalances.aONES} />\n

\n \n

\n aONES\n

\n \n

\n {quoteLoading &&

}\n

\n \n

\n \n To\n \n

\n \n

\n MATIC\n

\n \n

\n \n Slippage Tolerance\n {slippageTolerance}%\n \n setSlippageTolerance(parseFloat(e.target.value))} className=\"w-full h-2 bg-gray-800 rounded-lg appearance-none cursor-pointer\" />\n

\n 0.1%\n 2%\n

\n \n

\n {swapQuote ? <>\n

\n Exchange Rate\n 1 aONES ≈ {(swapQuote.outputAmount / swapQuote.inputAmount).toFixed(6)} MATIC\n

\n Minimum Received\n {swapQuote.outputWithSlippage.toFixed(6)} MATIC\n

\n Price Impact\n \n {swapQuote.priceImpact.toFixed(2)}%\n \n

\n Uniswap Fee\n 0.3%\n

\n :

\n {quoteLoading ? \"Getting best price...\" : \"Enter an amount to see swap details\"}\n

}\n

\n \n \n

}\n \n {}\n \n

;\n}\nexport default App;","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"framer-motion\":\"10.16.4\",\"lucide-react\":\"0.441.0\",\"@solana/wallet-adapter-base\":\"0.9.23\",\"@solana/wallet-adapter-react\":\"0.15.35\",\"@solana/wallet-adapter-react-ui\":\"0.9.35\",\"@solana/wallet-adapter-wallets\":\"0.19.32\",\"@solana/web3.js\":\"1.95.3\",\"@uniswap/sdk-core\":\"3.0.1\",\"@uniswap/v3-core\":\"1.0.0\",\"@uniswap/v3-periphery\":\"1.3.0\",\"@uniswap/v3-sdk\":\"3.9.0\",\"ethers\":\"5.7.2\",\"react-dom\":\"18.2.0\"}}","token","upstreamApp","isLordOfDev","analytics",[78,82,84,86,88,90,92,94,96,98,100,102,104,106],{"_79":80,"_81":57},"day","2025-05-20","runCount",{"_79":83,"_81":57},"2025-05-21",{"_79":85,"_81":57},"2025-05-22",{"_79":87,"_81":57},"2025-05-23",{"_79":89,"_81":57},"2025-05-24",{"_79":91,"_81":57},"2025-05-25",{"_79":93,"_81":57},"2025-05-26",{"_79":95,"_81":57},"2025-05-27",{"_79":97,"_81":57},"2025-05-28",{"_79":99,"_81":57},"2025-05-29",{"_79":101,"_81":57},"2025-05-30",{"_79":103,"_81":57},"2025-05-31",{"_79":105,"_81":57},"2025-06-01",{"_79":107,"_81":60},"2025-06-02","snapshot","ogImage","https://cdn.dev.fun/og/image/c5b2083056249e06ec97/75d91c6f.webp","actionData","errors"]

say something