Supported blockchain networks

interface ChainInfo {
  id: number;                    // Chain ID
  name: string;                  // Full chain name
  shortName: string;             // Short identifier
  nativeCurrency: {
    name: string;
    symbol: string;
    decimals: number;
  };
  blockExplorer: string;         // Base explorer URL
  color: string;                 // Brand color (hex)
  logoUrl?: string;              // Chain logo URL
}

// Solana has two chain ID representations
34268394551451: {  // Across Protocol representation
  name: 'Solana',
  shortName: 'SOL',
  nativeCurrency: { name: 'Solana', symbol: 'SOL', decimals: 9 },
  blockExplorer: 'https://solscan.io'
}

792703809: {  // Relay representation
  name: 'Solana',
  shortName: 'SOL',
  // ... same properties
}

8253038: {  // Via Relay
  name: 'Bitcoin',
  shortName: 'BTC',
  nativeCurrency: { name: 'Bitcoin', symbol: 'BTC', decimals: 8 },
  blockExplorer: 'https://mempool.space'
}

728126428: {
  name: 'Tron',
  shortName: 'TRX',
  nativeCurrency: { name: 'Tron', symbol: 'TRX', decimals: 6 },
  blockExplorer: 'https://tronscan.org'
}

import { getChainName } from '@/services/chains/chainInfo';

const chainName = getChainName(1);  // Returns "Ethereum"
const unknownChain = getChainName(999999);  // Returns "Chain 999999"

import { getChainInfo } from '@/services/chains/chainInfo';

const chainInfo = getChainInfo(42161);
// Returns full ChainInfo object for Arbitrum One

import { getExplorerTxUrl } from '@/services/chains/chainInfo';

const explorerUrl = getExplorerTxUrl(
  1,
  '0x1234...'
);
// Returns "https://etherscan.io/tx/0x1234..."

import { getChainColor, getChainLogo } from '@/services/chains/chainInfo';

const color = getChainColor(10);  // Returns "#FF0420" (Optimism red)
const logo = getChainLogo(8453);  // Returns Base logo URL

interface ChainStats {
  chainId: number;
  chainName: string;
  count: number;           // Number of transactions
  percentage: number;      // Percentage of total activity
  volumeUSD: number;       // Total USD volume
  logo?: string;           // Chain logo URL
}

// Top 5 source chains you bridge FROM
topSourceChains: ChainStats[];

// Top 5 destination chains you bridge TO
topDestinationChains: ChainStats[];

// Single most used source chain
mostUsedSourceChain: ChainStats | null;

// Single most used destination chain
mostUsedDestinationChain: ChainStats | null;

// Chain with highest USD volume
highestVolumeDestination: ChainStats | null;

export const CHAINS: Record<number, ChainInfo> = {
  // ... existing chains
  
  // New chain
  12345: {
    id: 12345,
    name: 'New Chain',
    shortName: 'NEW',
    nativeCurrency: {
      name: 'New Token',
      symbol: 'NEW',
      decimals: 18
    },
    blockExplorer: 'https://explorer.newchain.io',
    color: '#FF5500',
    logoUrl: 'https://example.com/logo.png'
  }
};

export function getChainInfo(chainId: number): ChainInfo {
  return CHAINS[chainId] ?? {
    id: chainId,
    name: `Unknown Chain (${chainId})`,
    shortName: `${chainId}`,
    nativeCurrency: { name: 'Unknown', symbol: 'UNK', decimals: 18 },
    blockExplorer: '',
    color: '#6B7280',  // Neutral gray
  };
}