Merge pull request #4200 from CrocSwap/remove-alchemy-sdk-dependency

remove alchemy SDK dependency
CrocSwap · Oct 8, 2024 · 074d931 · 074d931
2 parents c6b2867 + c4009f0
commit 074d931
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 610 deletions.
diff --git a/package.json b/package.json
@@ -11,7 +11,6 @@
         "@material-ui/core": "^4.12.4",
         "@mui/material": "^5.8.2",
         "@web3modal/ethers": "4.2.1",
-        "alchemy-sdk": "^3.4.2",
         "alea": "^1.0.1",
         "babel-plugin-styled-components": "^2.1.4",
         "d3": "^7.4.4",

diff --git a/src/ambient-utils/api/fetchNft.ts b/src/ambient-utils/api/fetchNft.ts
@@ -1,31 +1,39 @@
 import { CrocEnv } from '@crocswap-libs/sdk';
 import { memoizePromiseFn } from '../dataLayer/functions/memoizePromiseFn';
-import { Alchemy } from 'alchemy-sdk';
+import { ALCHEMY_API_KEY } from '../constants';
 
 export const fetchNFT = async (
     address: string,
     crocEnv: CrocEnv | undefined,
-    client: Alchemy,
     pageKey: string,
     pageSize: number,
 ): Promise<fetchNFTReturn> => {
     if (!crocEnv) return;
 
-    const nftsForOwnerResponse = await client.nft.getNftsForOwner(address, {
-        pageKey: pageKey,
-        pageSize: pageSize,
-    });
-
-    const nftData = nftsForOwnerResponse.ownedNfts;
-    const totalNFTCount = nftsForOwnerResponse.totalCount;
-    const pageKeyResponse = nftsForOwnerResponse.pageKey;
-
-    return {
-        NFTData: nftData,
-        totalNFTCount: totalNFTCount,
-        pageKey: pageKeyResponse,
-        userHasNFT: nftsForOwnerResponse.totalCount > 0,
-    };
+    const options = { method: 'GET', headers: { accept: 'application/json' } };
+
+    try {
+        const response = await fetch(
+            `https://eth-mainnet.g.alchemy.com/nft/v3/${ALCHEMY_API_KEY}/getNFTsForOwner?owner=${address}&withMetadata=true&pageSize=${pageSize}&pageKey=${pageKey}`,
+            options,
+        );
+
+        const data = await response.json();
+
+        const nftData = data.ownedNfts;
+        const totalNFTCount = data.totalCount;
+        const pageKeyResponse = data.pageKey;
+
+        return {
+            NFTData: nftData,
+            totalNFTCount: totalNFTCount,
+            pageKey: pageKeyResponse,
+            userHasNFT: totalNFTCount > 0,
+        };
+    } catch (error) {
+        console.error(error);
+        return undefined;
+    }
 };
 
 export type fetchNFTReturn =
@@ -41,7 +49,6 @@ export type fetchNFTReturn =
 export type NFTQueryFn = (
     address: string,
     crocEnv: CrocEnv | undefined,
-    client: Alchemy,
     pageKey: string,
     pageSize: number,
 ) => Promise<fetchNFTReturn>;

diff --git a/src/contexts/ChainDataContext.tsx b/src/contexts/ChainDataContext.tsx
@@ -8,7 +8,6 @@ import React, {
 } from 'react';
 import useWebSocket from 'react-use-websocket';
 import {
-    ALCHEMY_API_KEY,
     BLOCK_POLLING_RPC_URL,
     IS_LOCAL_ENV,
     MAINNET_RPC_URL,
@@ -44,7 +43,6 @@ import {
 import { BLAST_RPC_URL } from '../ambient-utils/constants/networks/blastNetwork';
 import { AppStateContext } from './AppStateContext';
 import moment from 'moment';
-import { Network, Alchemy } from 'alchemy-sdk';
 import { fetchNFT } from '../ambient-utils/api/fetchNft';
 import { ReceiptContext } from './ReceiptContext';
 
@@ -127,13 +125,6 @@ export const ChainDataContextProvider = (props: {
         '0x8274f',
     ];
 
-    const settings = {
-        apiKey: ALCHEMY_API_KEY,
-        network: Network.ETH_MAINNET,
-    };
-
-    const alchemyClient = new Alchemy(settings);
-
     // boolean representing whether the active network is an L2
     const isActiveNetworkL2: boolean = L2_NETWORKS.includes(chainData.chainId);
 
@@ -283,8 +274,7 @@ export const ChainDataContextProvider = (props: {
                     crocEnv &&
                     isUserConnected &&
                     userAddress &&
-                    chainData.chainId &&
-                    alchemyClient
+                    chainData.chainId
                 ) {
                     try {
                         const fetchFunction = isfetchNftTriggered
@@ -296,7 +286,6 @@ export const ChainDataContextProvider = (props: {
                                 ? nftTestWalletAddress
                                 : userAddress,
                             crocEnv,
-                            alchemyClient,
                             NFTFetchSettings.pageKey,
                             NFTFetchSettings.pageSize,
                         );
@@ -380,7 +369,6 @@ export const ChainDataContextProvider = (props: {
         userAddress,
         chainData.chainId,
         // everyFiveMinutes,
-        alchemyClient !== undefined,
         activeNetwork.graphCacheUrl,
         isfetchNftTriggered,
     ]);