update to use etherscan v2 api

Author: amiecorso

apps/web/app/(basenames)/api/proxy/route.ts

@@ -19,16 +19,16 @@ export async function GET(req: NextRequest) {
   try {
     switch (apiType) {
       case 'etherscan':
-        apiUrl = `https://api.etherscan.io/api?address=${address}&apikey=${ETHERSCAN_API_KEY}&module=account&action=txlist`;
+        apiUrl = `https://api.etherscan.io/v2/api?module=account&action=txlist&address=${address}&chainid=1&apikey=${ETHERSCAN_API_KEY}`;
         break;
       case 'base-sepolia':
-        apiUrl = `https://api-sepolia.basescan.org/api?address=${address}&apikey=${BASESCAN_API_KEY}&module=account&action=txlistinternal`;
+        apiUrl = `https://api.etherscan.io/v2/api?module=account&action=txlistinternal&address=${address}&chainid=84532&apikey=${ETHERSCAN_API_KEY}`;
         break;
       case 'basescan':
-        apiUrl = `https://api.basescan.org/api?address=${address}&apikey=${BASESCAN_API_KEY}&module=account&action=txlist`;
+        apiUrl = `https://api.etherscan.io/v2/api?module=account&action=txlist&address=${address}&chainid=8453&apikey=${ETHERSCAN_API_KEY}`;
         break;
       case 'basescan-internal':
-        apiUrl = `https://api.basescan.org/api?address=${address}&apikey=${BASESCAN_API_KEY}&module=account&action=txlistinternal`;
+        apiUrl = `https://api.etherscan.io/v2/api?module=account&action=txlistinternal&address=${address}&chainid=8453&apikey=${ETHERSCAN_API_KEY}`;
         break;
       default:
         return NextResponse.json({ error: 'Invalid apiType parameter' }, { status: 400 });
@@ -43,13 +43,32 @@ export async function GET(req: NextRequest) {
     });
 
     const contentType = externalResponse.headers.get('content-type');
+    const maskedApiUrl = apiUrl.replace(/(apikey=)[^&]+/i, '$1****');
     let responseData;
     if (contentType?.includes('application/json')) {
       responseData = await externalResponse.json();
     } else {
       responseData = await externalResponse.text();
     }
 
+    // Log upstream V1 deprecation warnings safely (masked URL)
+    try {
+      const maybeJson = typeof responseData === 'string' ? JSON.parse(responseData) : responseData;
+      if (
+        maybeJson?.status === '0' &&
+        typeof maybeJson?.message === 'string' &&
+        maybeJson.message.toLowerCase().includes('deprecated')
+      ) {
+        console.warn('[api/proxy] Upstream API deprecation warning', {
+          apiType,
+          apiUrl: maskedApiUrl,
+          message: maybeJson.message,
+        });
+      }
+    } catch {
+      // ignore non-JSON bodies
+    }
+
     if (externalResponse.ok) {
       return NextResponse.json({ data: responseData });
     } else {

apps/web/src/components/Basenames/UsernameProfileSectionHeatmap/index.tsx

@@ -166,21 +166,32 @@ export default function UsernameProfileSectionHeatmap() {
     async (apiUrl: string, retryCount = 3): Promise<Transaction[]> => {
       try {
         const response = await fetch(apiUrl);
-        const json = (await response.json()) as {
-          data: { result: Transaction[]; status: '1' | '0'; message: string };
-        };
+        const json = (await response.json()) as any;
+        const data = json?.data ?? json;
 
-        if (json.data?.status === '1' && Array.isArray(json.data.result)) {
-          return json.data.result;
-        } else if (json.data?.status === '0' && json.data.message === 'No transactions found') {
+        if (data?.status === '1' && Array.isArray(data?.result)) {
+          return data.result as Transaction[];
+        }
+
+        // Support potential V2 nested shape: data.data.result
+        if (Array.isArray(data?.data?.result)) {
+          return data.data.result as Transaction[];
+        }
+
+        // Some endpoints may omit status but still return an array
+        if (Array.isArray(data?.result)) {
+          return data.result as Transaction[];
+        }
+
+        if (data?.status === '0' && data?.message === 'No transactions found') {
           return []; // Return an empty array for no transactions
-        } else if (json.data?.status === '0' && json.data.message === 'Exception') {
+        } else if (data?.status === '0' && data?.message === 'Exception') {
           if (retryCount > 0) {
             console.log(`API returned an exception. Retrying... (${retryCount} attempts left)`);
             await new Promise((resolve) => setTimeout(resolve, 2000));
             return await fetchTransactions(apiUrl, retryCount - 1);
           } else {
-            throw new Error(`API Error: ${json.data.message}`);
+            throw new Error(`API Error: ${data?.message}`);
           }
         } else {
           console.error('Unexpected API response structure:', json);