UI update supporting evm connection

Author: kevinfaveri

packages/backend/src/services/balance.ts

@@ -1,10 +1,11 @@
-// Balance service for tokens on Solana and Base
+// Balance service for tokens on Solana and EVM chains
 
 import { Connection, PublicKey } from '@solana/web3.js';
 import { getAssociatedTokenAddress, getAccount } from '@solana/spl-token';
 import { createPublicClient, http, formatUnits, type Address } from 'viem';
-import { base } from 'viem/chains';
+import { base, mainnet, bsc, polygon, arbitrum, avalanche } from 'viem/chains';
 import { CHAINS } from '../config/chains.js';
+import { USDC_ADDRESSES } from '../config/cctp-contracts.js';
 import type Redis from 'ioredis';
 
 const ERC20_ABI = [
@@ -26,6 +27,18 @@ const ERC20_ABI = [
 
 const BALANCE_CACHE_TTL = 30; // 30 seconds cache
 
+// EVM Chain configurations
+const EVM_CHAINS = {
+  ethereum: { chain: mainnet, rpcUrl: process.env.BASE_RPC_URL?.replace('/base', '/eth') || 'https://ethereum.publicnode.com' },
+  base: { chain: base, rpcUrl: process.env.BASE_RPC_URL || 'https://mainnet.base.org' },
+  bnb: { chain: bsc, rpcUrl: process.env.BASE_RPC_URL?.replace('/base', '/bnb') || 'https://bsc-dataseed.binance.org' },
+  polygon: { chain: polygon, rpcUrl: process.env.BASE_RPC_URL?.replace('/base', '/polygon') || 'https://polygon-rpc.com' },
+  arbitrum: { chain: arbitrum, rpcUrl: process.env.BASE_RPC_URL?.replace('/base', '/arb') || 'https://arb1.arbitrum.io/rpc' },
+  avalanche: { chain: avalanche, rpcUrl: process.env.BASE_RPC_URL?.replace('/base', '/avax') || 'https://api.avax.network/ext/bc/C/rpc' },
+} as const;
+
+type EVMChainName = keyof typeof EVM_CHAINS;
+
 export interface BalanceResult {
   chain: string;
   address: string;
@@ -116,7 +129,7 @@ export async function getBalance(chain: string, address: string): Promise<Balanc
  * Get token balance for any supported token on any chain with Redis caching
  */
 export async function getTokenBalance(
-  chain: 'solana' | 'base' | 'monad',
+  chain: string,
   address: string,
   token: string,
   tokenAddress: string | undefined,
@@ -142,11 +155,10 @@ export async function getTokenBalance(
 
   if (chain === 'solana') {
     result = await getSolanaTokenBalance(address, token, tokenAddress);
-  } else if (chain === 'base') {
-    result = await getBaseTokenBalance(address, token, tokenAddress);
+  } else if (chain in EVM_CHAINS) {
+    result = await getEVMTokenBalance(chain as EVMChainName, address, token, tokenAddress);
   } else {
-    // Monad not yet supported
-    result = { balance: '0', decimals: 18 };
+    throw new Error(`Unsupported chain: ${chain}`);
   }
 
   // Cache the result
@@ -204,28 +216,48 @@ async function getSolanaTokenBalance(
   }
 }
 
-async function getBaseTokenBalance(
+/**
+ * Generic EVM token balance getter - works for all EVM chains
+ */
+async function getEVMTokenBalance(
+  chainName: EVMChainName,
   address: string,
   token: string,
   tokenAddress?: string
 ): Promise<TokenBalanceResult> {
-  const config = CHAINS.base;
+  const config = EVM_CHAINS[chainName];
   const client = createPublicClient({
-    chain: base,
+    chain: config.chain,
     transport: http(config.rpcUrl),
   });
 
   const addr = address as Address;
 
-  if (token === 'ETH' || (!tokenAddress && token.toUpperCase() === 'ETH')) {
-    // Native ETH balance
+  // Native token balances (ETH, POL, AVAX, etc.)
+  const nativeTokens = ['ETH', 'POL', 'BNB', 'ARB', 'AVAX'];
+  if (nativeTokens.includes(token.toUpperCase()) || (!tokenAddress && nativeTokens.includes(token.toUpperCase()))) {
     const balance = await client.getBalance({ address: addr });
     return {
       balance: formatUnits(balance, 18),
       decimals: 18,
     };
   }
 
+  // USDC balance - use CCTP addresses
+  if (token.toUpperCase() === 'USDC' && !tokenAddress) {
+    const usdcAddress = USDC_ADDRESSES[chainName as keyof typeof USDC_ADDRESSES];
+    if (!usdcAddress) {
+      // BNB Chain uses a different USDC (not Circle's)
+      if (chainName === 'bnb') {
+        tokenAddress = '0x8AC76a51cc950d9822D68b83fE1Ad97B32Cd580d'; // USDC on BNB Chain
+      } else {
+        throw new Error(`USDC not supported on ${chainName}`);
+      }
+    } else {
+      tokenAddress = usdcAddress;
+    }
+  }
+
   // ERC20 Token balance
   if (!tokenAddress) {
     throw new Error('Token address required for ERC20 tokens');

packages/frontend/index.html

@@ -7,26 +7,43 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
   <!-- Primary Meta Tags -->
-  <title>Monrail - Fastest rail Solana > EVM</title>
-  <meta name="title" content="Monrail - Fastest rail Solana > EVM" />
+  <title>Monrail - Fastest Bridge to MONAD | Day One Support</title>
+  <meta name="title" content="Monrail - Fastest Bridge to MONAD | Day One Support" />
   <meta name="description"
-    content="Cross-chain transfers in seconds. Extremely low fee, only 0.69 USD per transaction." />
+    content="The fastest blockchain bridge to MONAD with day one support. Cross-chain transfers in seconds from Ethereum, Solana, Base, Arbitrum, Polygon, Avalanche, and BNB Chain. Extremely low fee, only 0.69 USD per transaction. Bridge your assets to Monad network instantly." />
+  <meta name="keywords"
+    content="monad bridge, monad blockchain, cross-chain bridge, fastest bridge to monad, monad day one, monad support, blockchain bridge, crypto bridge, ethereum to monad, solana to monad, base to monad, arbitrum bridge, polygon bridge, avalanche bridge, bnb bridge, bnb chain bridge, cross-chain transfer, monad network, monad crypto, bridge to monad, monad launch, monad day 1" />
+  <meta name="author" content="Monrail" />
+  <meta name="robots" content="index, follow" />
+  <link rel="canonical" href="https://monrail.gg/" />
 
   <!-- Open Graph / Facebook -->
   <meta property="og:type" content="website" />
   <meta property="og:url" content="https://monrail.gg/" />
-  <meta property="og:title" content="Monrail - Fastest rail Solana > EVM" />
+  <meta property="og:title" content="Monrail - Fastest Bridge to MONAD | Day One Support" />
   <meta property="og:description"
-    content="Cross-chain transfers in seconds. Extremely low fee, only 0.69 USD per transaction." />
+    content="The fastest blockchain bridge to MONAD with day one support. Cross-chain transfers in seconds from multiple networks. Low fees, instant transfers." />
   <meta property="og:image" content="https://monrail.gg/social_preview.png" />
+  <meta property="og:site_name" content="Monrail" />
 
   <!-- Twitter -->
   <meta name="twitter:card" content="summary_large_image" />
   <meta name="twitter:url" content="https://monrail.gg/" />
-  <meta name="twitter:title" content="Monrail - Fastest rail Solana > EVM" />
+  <meta name="twitter:title" content="Monrail - Fastest Bridge to MONAD | Day One Support" />
   <meta name="twitter:description"
-    content="Cross-chain transfers in seconds. Extremely low fee, only 0.69 USD per transaction." />
+    content="The fastest blockchain bridge to MONAD with day one support. Cross-chain transfers in seconds from multiple networks. Low fees, instant transfers." />
   <meta name="twitter:image" content="https://monrail.gg/social_preview.png" />
+
+  <!-- Additional SEO Tags -->
+  <meta name="application-name" content="Monrail Bridge" />
+  <meta name="theme-color" content="#8B5CF6" />
+  <meta property="og:locale" content="en_US" />
+  <meta name="format-detection" content="telephone=no" />
+
+  <!-- Schema.org markup for Google+ -->
+  <meta itemprop="name" content="Monrail - Fastest Bridge to MONAD" />
+  <meta itemprop="description" content="The fastest blockchain bridge to MONAD with day one support. Cross-chain transfers in seconds." />
+  <meta itemprop="image" content="https://monrail.gg/social_preview.png" />
 </head>
 
 <body>