fetch('/swap/topTokens')
.then(response => response.json())
.then(data => {
// Process the returned chain and token data
const chains = data.result;
console.log('Available chains:', chains.map(chain => chain.chainId));
// Get recommended tokens for a specific chain
const arbitrumTokens = chains.find(chain => chain.chainId === '42161')?.tokens || [];
console.log('Arbitrum recommended tokens:', arbitrumTokens);
});
// Search for USDC tokens on Solana chain
const params = new URLSearchParams({
chainId: 'SOLANA_MAIN',
addressOrPrefix: 'USDC',
limit: 10
});
fetch(`/swap/tokens?${params}`)
.then(response => response.json())
.then(data => {
// Process search results
const tokens = data.result;
console.log('Search results:', tokens);
});
// 1. Get Quote
const quoteParams = {
sourceChainId: "42161", // Arbitrum
destChainId: "42161", // Arbitrum
sourceToken: "0xFF970A61A04b1cA14834A43f5dE4533eBDDB5CC8", // USDC.e
destToken: "0x82aF49447D8a07e3bd95BD0d56f35241523fBab1", // WETH
amount: "3000000", // 3 USDC (6 decimals)
userAddress: "0xYourWalletAddress",
slippage: "0.5" // 0.5% slippage
};
fetch('/swap/quote', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(quoteParams)
})
.then(response => response.json())
.then(data => {
if (data.status === 'success') {
// Process quote information
console.log('Transaction quote:', data.result);
// Build transaction
const steps = data.result.steps;
executeTransaction(steps);
}
});
// 2. Build and Execute EVM Transaction
async function executeTransaction(steps) {
// Assuming you have a connected Web3 instance and wallet
const web3 = new Web3(provider);
const accounts = await web3.eth.getAccounts();
const fromAddress = accounts[0];
// Execute transaction steps sequentially
for (const step of steps) {
const { action, tx } = step;
console.log(`Executing ${action} operation`);
// Build transaction object
const txObject = {
from: fromAddress,
to: tx.to,
data: tx.data,
value: tx.value,
gas: await web3.eth.estimateGas({
from: fromAddress,
to: tx.to,
data: tx.data,
value: tx.value
}),
gasPrice: await web3.eth.getGasPrice()
};
// Send transaction
try {
const receipt = await web3.eth.sendTransaction(txObject);
console.log(`${action} transaction successful:`, receipt.transactionHash);
} catch (error) {
console.error(`${action} transaction failed:`, error);
break;
}
}
}
// 3. Solana Transaction Building and Execution Example
async function executeSolanaTransaction(steps) {
// Assuming you have a connected Solana connection and wallet
const connection = new Connection(clusterApiUrl('mainnet-beta'));
const wallet = useWallet(); // Using Solana wallet adapter
for (const step of steps) {
const { action, tx } = step;
console.log(`Executing Solana ${action} operation`);
try {
// For Solana transactions, tx typically contains serialized transaction data
// Decode transaction data
const transactionBuffer = Buffer.from(tx.data, "base64")
const recoveredTransaction = VersionedTransaction.deserialize(transactionBuffer)
// Sign transaction
const signedTransaction = await wallet.signTransaction(recoveredTransaction);
// Send signed transaction
const signature = await connection.sendRawTransaction(
signedTransaction.serialize()
);
// Wait for transaction confirmation
await connection.confirmTransaction(signature);
console.log(`${action} transaction successful:`, signature);
} catch (error) {
console.error(`${action} transaction failed:`, error);
break;
}
}
}
+----------------------+ +----------------------+ +-------------------------+
| | | | | |
| 1. Get Chains/Tokens |---->| 2. Search Tokens |---->| 3. Get Quote & Build TX |
| /swap/topTokens | | /swap/tokens | | /swap/quote |
| | | | | |
+----------------------+ +----------------------+ +-------------------------+
| | |
v v v
+----------------------+ +----------------------+ +-------------------------+
| | | | | |
| Display Chains/Tokens| | User Selects Tokens | | Execute TX Steps: |
| | | | | - approve (if needed) |
| | | | | - swap |
+----------------------+ +----------------------+ +-------------------------+
