chore: use more complete mapping for debank chain to chain id mapping (#11967)

* chore: use more complete mapping for debank chain to chain id mapping

* refactor: debank helpers (#11970)

---------

Co-authored-by: guanbinrui <52657989+guanbinrui@users.noreply.github.com>

Author: swkatmask

packages/mask/popups/components/TokenPicker/TokenItem.tsx

@@ -6,7 +6,7 @@ import { useEverSeen } from '@masknet/shared-base-ui'
 import { makeStyles } from '@masknet/theme'
 import type { Web3Helper } from '@masknet/web3-helpers'
 import { useFungibleTokenBalance, useWeb3Utils } from '@masknet/web3-hooks-base'
-import { CHAIN_ID_TO_DEBANK_CHAIN_MAP } from '@masknet/web3-providers'
+import { debank } from '@masknet/web3-providers/helpers'
 import { type ReasonableNetwork } from '@masknet/web3-shared-base'
 import type { ChainId } from '@masknet/web3-shared-evm'
 import {
@@ -104,7 +104,7 @@ export const TokenItem = memo(function TokenItem({
     const providerURL = network?.isCustomized ? network.rpcUrl : undefined
     const [seen, ref] = useEverSeen<HTMLLIElement>()
     // Debank might not provide asset from current custom network
-    const supportedByDebank = CHAIN_ID_TO_DEBANK_CHAIN_MAP[asset.chainId]
+    const supportedByDebank = debank.getDebankChain(asset.chainId)
     const tryRpc = (!supportedByDebank || !('balance' in asset)) && seen
     const { data: rpcBalance, isPending } = useFungibleTokenBalance(
         NetworkPluginID.PLUGIN_EVM,

packages/mask/popups/pages/Wallet/components/AssetsList/index.tsx

@@ -1,21 +1,21 @@
+import { Trans } from '@lingui/macro'
 import { FormattedCurrency, NetworkIcon, ProgressiveText, TokenIcon } from '@masknet/shared'
 import { NetworkPluginID, PopupRoutes } from '@masknet/shared-base'
 import { useEverSeen } from '@masknet/shared-base-ui'
 import { TextOverflowTooltip, makeStyles } from '@masknet/theme'
 import { useFungibleTokenBalance, useNetworks, useWallet } from '@masknet/web3-hooks-base'
+import { debank } from '@masknet/web3-providers/helpers'
 import { formatCurrency, isGte, isLessThan, type FungibleAsset } from '@masknet/web3-shared-base'
-import { isNativeTokenAddress, ChainId, type SchemaType } from '@masknet/web3-shared-evm'
+import { ChainId, isNativeTokenAddress, type SchemaType } from '@masknet/web3-shared-evm'
 import { Box, List, ListItem, ListItemText, Skeleton, Typography, type ListItemProps } from '@mui/material'
 import { range } from 'lodash-es'
 import { memo, useCallback, useMemo } from 'react'
 import { useNavigate } from 'react-router-dom'
 import urlcat from 'urlcat'
 import { formatTokenBalance } from '../../../../../shared/index.js'
+import { useHasNavigator } from '../../../../hooks/useHasNavigator.js'
 import { useAssetExpand, useWalletAssets } from '../../hooks/index.js'
 import { MoreBar } from './MoreBar.js'
-import { useHasNavigator } from '../../../../hooks/useHasNavigator.js'
-import { CHAIN_ID_TO_DEBANK_CHAIN_MAP } from '@masknet/web3-providers'
-import { Trans } from '@lingui/macro'
 
 const useStyles = makeStyles<{ hasNav?: boolean }>()((theme, { hasNav }) => ({
     container: {
@@ -100,7 +100,7 @@ const AssetItem = memo(function AssetItem({ asset, onItemClick, ...rest }: Asset
     const providerURL = network?.isCustomized ? network.rpcUrl : undefined
     const [seen, ref] = useEverSeen<HTMLLIElement>()
     // Debank might not provide asset from current custom network
-    const tryRpc = network?.chainId ? !CHAIN_ID_TO_DEBANK_CHAIN_MAP[network.chainId] && seen : false
+    const tryRpc = network?.chainId ? !debank.getDebankChain(network.chainId) && seen : false
     const { data: rpcBalance, isPending } = useFungibleTokenBalance(
         NetworkPluginID.PLUGIN_EVM,
         asset.address,

packages/web3-constants/evm/debank.json

@@ -1,14 +1,15 @@
 import urlcat from 'urlcat'
 import { GasOptionType, toFixed } from '@masknet/web3-shared-base'
-import { type ChainId, getDeBankConstants, type GasOption } from '@masknet/web3-shared-evm'
+import { type ChainId, type GasOption } from '@masknet/web3-shared-evm'
 import type { GasPriceResponse } from '../types.js'
 import { DEBANK_OPEN_API } from '../constants.js'
 import { fetchSquashedJSON } from '../../helpers/fetchJSON.js'
 import type { BaseGasOptions } from '../../entry-types.js'
+import { getDebankChain } from '../helpers.js'
 
 class DeBankGasOptionAPI implements BaseGasOptions.Provider<ChainId, GasOption> {
     async getGasOptions(chainId: ChainId): Promise<Record<GasOptionType, GasOption>> {
-        const { CHAIN_ID } = getDeBankConstants(chainId)
+        const CHAIN_ID = getDebankChain(chainId)
         if (!CHAIN_ID) throw new Error('Failed to get gas price.')
 
         const result = await fetchSquashedJSON<GasPriceResponse>(

packages/web3-providers/src/DeBank/apis/GasOptionAPI.ts

@@ -2,10 +2,10 @@ import urlcat from 'urlcat'
 import { compact, last, uniq } from 'lodash-es'
 import { createPageable, createIndicator, type Pageable, createNextIndicator, EMPTY_LIST } from '@masknet/shared-base'
 import { type Transaction } from '@masknet/web3-shared-base'
-import { ChainId, getDeBankConstants, type SchemaType } from '@masknet/web3-shared-evm'
-import { formatTransactions, resolveDeBankAssetIdReversed } from '../helpers.js'
+import { ChainId, type SchemaType } from '@masknet/web3-shared-evm'
+import { formatTransactions, getDebankChain, resolveDeBankAssetIdReversed } from '../helpers.js'
 import type { HistoryRecord } from '../types.js'
-import { CHAIN_ID_TO_DEBANK_CHAIN_MAP, DEBANK_OPEN_API } from '../constants.js'
+import { DEBANK_OPEN_API } from '../constants.js'
 import { fetchSquashedJSON } from '../../helpers/fetchJSON.js'
 import type { HistoryAPI, BaseHubOptions } from '../../entry-types.js'
 import { evm } from '../../Manager/registry.js'
@@ -17,14 +17,14 @@ class DeBankHistoryAPI implements HistoryAPI.Provider<ChainId, SchemaType> {
         const networks = evm.state?.Network?.networks?.getCurrentValue()
         // Fallback to commonly used chains
         if (!networks) return PRESET_CHAIN_IDS
-        const RUNTIME_CHAIN_IDS = networks.map((x) => CHAIN_ID_TO_DEBANK_CHAIN_MAP[x.chainId])
+        const RUNTIME_CHAIN_IDS = networks.map((x) => getDebankChain(x.chainId))
         return compact(uniq([...RUNTIME_CHAIN_IDS, PRESET_CHAIN_IDS])).join(',')
     }
     async getTransactions(
         address: string,
         { chainId = ChainId.Mainnet, indicator, size = 20 }: BaseHubOptions<ChainId> = {},
     ): Promise<Pageable<Transaction<ChainId, SchemaType>>> {
-        const { CHAIN_ID = '' } = getDeBankConstants(chainId)
+        const CHAIN_ID = getDebankChain(chainId)
         if (!CHAIN_ID) return createPageable(EMPTY_LIST, createIndicator(indicator))
 
         const result = await fetchSquashedJSON<HistoryRecord>(

packages/web3-providers/src/DeBank/apis/HistoryAPI.ts

@@ -21,11 +21,28 @@ import {
 import { EVMChainResolver } from '../Web3/EVM/apis/ResolverAPI.js'
 import {
     DebankTransactionDirection,
+    type DebankChains,
     type HistoryResponse,
     type TransferringAsset,
     type WalletTokenRecord,
 } from './types.js'
-import { DEBANK_CHAIN_TO_CHAIN_ID_MAP } from './constants.js'
+import { CHAIN_ID_TO_DEBANK_CHAIN_MAP, DEBANK_CHAIN_TO_CHAIN_ID_MAP } from './constants.js'
+
+export function getChainIdByDebankChain(chain: DebankChains) {
+    const chainId = DEBANK_CHAIN_TO_CHAIN_ID_MAP[chain]
+    if (process.env.NODE_ENV === 'development' && !chainId) {
+        console.warn('[Debank] no matching chainId for chain', chain)
+    }
+    return chainId
+}
+
+export function getDebankChain(chainId: number) {
+    const chain = CHAIN_ID_TO_DEBANK_CHAIN_MAP[chainId]
+    if (process.env.NODE_ENV === 'development' && !chain) {
+        console.warn('[Debank] no matching chainId', chainId)
+    }
+    return chain
+}
 
 export function formatAssets(data: WalletTokenRecord[]): Array<FungibleAsset<ChainId, SchemaType>> {
     const resolveNativeAddress = memoize((chainId: ChainId) => {
@@ -38,9 +55,9 @@ export function formatAssets(data: WalletTokenRecord[]): Array<FungibleAsset<Cha
     })
 
     return data
-        .filter((x) => DEBANK_CHAIN_TO_CHAIN_ID_MAP[x.chain])
+        .filter((x) => getChainIdByDebankChain(x.chain))
         .map((x) => {
-            const chainId = DEBANK_CHAIN_TO_CHAIN_ID_MAP[x.chain]
+            const chainId = getChainIdByDebankChain(x.chain)
             const address = x.id in DEBANK_CHAIN_TO_CHAIN_ID_MAP ? resolveNativeAddress(chainId) : x.id
 
             return {
@@ -123,7 +140,7 @@ export function formatTransactions(
             txType = 'contract interaction'
         }
 
-        const chainId = DEBANK_CHAIN_TO_CHAIN_ID_MAP[transaction.chain]
+        const chainId = getChainIdByDebankChain(transaction.chain)
         if (!chainId) return
 
         if (isSameAddress(transaction.sends[0]?.to_addr, ZERO_ADDRESS)) {

packages/web3-providers/src/DeBank/helpers.ts

@@ -7,12 +7,12 @@ import { NON_FUNGIBLE_TOKEN_API_URL, FUNGIBLE_TOKEN_API_URL } from './constants.
 import type { NFTInfo, RawTokenInfo, TokenSpender } from './types.js'
 import { fetchJSON } from '../helpers/fetchJSON.js'
 import type { AuthorizationAPI } from '../entry-types.js'
-import { CHAIN_ID_TO_DEBANK_CHAIN_MAP } from '../DeBank/constants.js'
+import { getDebankChain } from '../DeBank/helpers.js'
 
 class RabbyAPI implements AuthorizationAPI.Provider<ChainId> {
     async getNonFungibleTokenSpenders(chainId: ChainId, account: string) {
         const maskDappContractInfoList = getAllMaskDappContractInfo(chainId, 'nft')
-        const debankChainId = CHAIN_ID_TO_DEBANK_CHAIN_MAP[chainId]
+        const debankChainId = getDebankChain(chainId)
 
         if (!debankChainId || !account || !isValidChainId(chainId)) return []
         const rawData = await fetchJSON<{ contracts: NFTInfo[] }>(
@@ -60,7 +60,7 @@ class RabbyAPI implements AuthorizationAPI.Provider<ChainId> {
 
     async getFungibleTokenSpenders(chainId: ChainId, account: string) {
         const maskDappContractInfoList = getAllMaskDappContractInfo(chainId, 'token')
-        const debankChainId = CHAIN_ID_TO_DEBANK_CHAIN_MAP[chainId]
+        const debankChainId = getDebankChain(chainId)
 
         if (!debankChainId || !account || !isValidChainId(chainId)) return []
 

packages/web3-providers/src/Rabby/index.ts

@@ -20,3 +20,4 @@ export * from './helpers/createWeb3ProviderFromURL.js'
 
 export * as trending from './Trending/helpers.js'
 export * as chainbase from './Chainbase/helpers.js'
+export * as debank from './DeBank/helpers.js'

packages/web3-providers/src/entry-helpers.ts

@@ -72,7 +72,7 @@ export { R2D2TokenList } from './R2D2/index.js'
 export { ENS } from './ENS/index.js'
 
 // Debank
-export { DeBankHistory, CHAIN_ID_TO_DEBANK_CHAIN_MAP } from './DeBank/index.js'
+export { DeBankHistory } from './DeBank/index.js'
 export { OKX } from './OKX/index.js'
 
 // NFTScan

packages/web3-providers/src/entry.ts

@@ -4,7 +4,6 @@ import Arb from '@masknet/web3-constants/evm/arb.json' with { type: 'json' }
 import ArtBlocks from '@masknet/web3-constants/evm/artblocks.json' with { type: 'json' }
 import CoinGecko from '@masknet/web3-constants/evm/coingecko.json' with { type: 'json' }
 import CryptoPunks from '@masknet/web3-constants/evm/cryptopunks.json' with { type: 'json' }
-import DeBank from '@masknet/web3-constants/evm/debank.json' with { type: 'json' }
 import ENS from '@masknet/web3-constants/evm/ens.json' with { type: 'json' }
 import Ethereum from '@masknet/web3-constants/evm/ethereum.json' with { type: 'json' }
 import Etherscan from '@masknet/web3-constants/evm/etherscan.json' with { type: 'json' }
@@ -46,11 +45,6 @@ export const getEthereumConstants = transformAll(ChainId, Ethereum)
 export const useEthereumConstant = transformHook(getEthereumConstants)
 export const useEthereumConstants = transformAllHook(getEthereumConstants)
 
-export const getDeBankConstant = transform(ChainId, DeBank)
-export const getDeBankConstants = transformAll(ChainId, DeBank)
-export const useDeBankConstant = transformHook(getDeBankConstants)
-export const useDeBankConstants = transformAllHook(getDeBankConstants)
-
 export const getCoinGeckoConstant = transform(ChainId, CoinGecko)
 export const getCoinGeckoConstants = transformAll(ChainId, CoinGecko)
 export const useCoinGeckoConstant = transformHook(getCoinGeckoConstants)