feat(avalanche): integration of avalanche

cspell.json

@@ -25,7 +25,10 @@
         "arbitrum",
         "ARETH",
         "arweave",
+        "avalanche",
+        "AVALANCHE",
         "avax",
+        "AVAX",
         "betanet",
         "bgcolor",
         "bignumber",
@@ -227,6 +230,8 @@
         "timelocked",
         "Tokelau",
         "tokenid",
+        "traderjoe",
+        "TraderJoe",
         "Transak",
         "Trisolaris",
         "twimg",

packages/dashboard/src/pages/Labs/components/SwapSettingDialog.tsx

@@ -11,6 +11,7 @@ import {
     useXDaiNetworkTradeProvider,
     useCeloNetworkTradeProvider,
     useFantomNetworkTradeProvider,
+    useAvalancheNetworkTradeProvider,
     useAuroraNetworkTradeProvider,
 } from '../../Settings/api'
 
@@ -62,6 +63,10 @@ export default function SwapSettingDialog({ open, onClose }: SettingDialogProps)
 
     const celoOptions = [{ label: 'SushiSwap', value: TradeProvider.SUSHISWAP }]
 
+    const avalancheOptions = [
+        { label: 'TraderJoe', value: TradeProvider.TRADERJOE },
+        { label: 'SushiSwap', value: TradeProvider.SUSHISWAP },
+    ]
     const auroraOptions = [
         { label: 'DODO', value: TradeProvider.DODO },
         { label: 'WannaSwap', value: TradeProvider.WANNASWAP },
@@ -113,6 +118,12 @@ export default function SwapSettingDialog({ open, onClose }: SettingDialogProps)
             options: fantomOptions,
             onChange: (value: string) => Services.Settings.setFantomNetworkTradeProvider(Number.parseInt(value, 10)),
         },
+        {
+            legend: t.labs_settings_swap_network({ network: 'Avalanche' }),
+            value: useAvalancheNetworkTradeProvider(),
+            options: avalancheOptions,
+            onChange: (value: string) => Services.Settings.setAvalancheNetworkTradeProvider(Number.parseInt(value, 10)),
+        },
         {
             legend: t.labs_settings_swap_network({ network: 'Aurora' }),
             value: useAuroraNetworkTradeProvider(),

packages/dashboard/src/pages/Settings/api.ts

@@ -38,6 +38,11 @@ export const [useFantomNetworkTradeProvider] = createGlobalState(
     Messages.events.fantomNetworkTradeProviderSettings.on,
 )
 
+export const [useAvalancheNetworkTradeProvider] = createGlobalState(
+    Services.Settings.getAvalancheNetworkTradeProvider,
+    Messages.events.avalancheNetworkTradeProviderSettings.on,
+)
+
 export const [useCeloNetworkTradeProvider] = createGlobalState(
     Services.Settings.getCeloNetworkTradeProvider,
     Messages.events.celoNetworkTradeProviderSettings.on,

packages/mask/shared/flags.ts

@@ -52,6 +52,7 @@ export const Flags = {
     arbitrum_enabled: true,
     xdai_enabled: true,
     fantom_enabled: true,
+    avalanche_enabled: true,
     flow_enabled: true,
     celo_enabled: true,
     aurora_enabled: true,

packages/mask/src/components/shared/ApplicationBoard.tsx

@@ -92,6 +92,7 @@ const SUPPORTED_CHAIN_ID_LIST = [
     ChainId.xDai,
     ChainId.Celo,
     ChainId.Fantom,
+    ChainId.Avalanche,
     ChainId.Aurora,
 ]
 

packages/mask/src/extension/background-script/SettingsService.ts

@@ -17,6 +17,7 @@ import {
     xdaiNetworkTradeProviderSettings,
     celoNetworkTradeProviderSettings,
     fantomNetworkTradeProviderSettings,
+    avalancheNetworkTradeProviderSettings,
     auroraNetworkTradeProviderSettings,
 } from '../../plugins/Trader/settings'
 import { queryMyPersonas } from './IdentityService'
@@ -79,6 +80,9 @@ export const [getxDaiNetworkTradeProvider, setxDaiNetworkTradeProvider] = create
 export const [getCeloNetworkTradeProvider, setCeloNetworkTradeProvider] = create(celoNetworkTradeProviderSettings)
 
 export const [getFantomNetworkTradeProvider, setFantomNetworkTradeProvider] = create(fantomNetworkTradeProviderSettings)
+export const [getAvalancheNetworkTradeProvider, setAvalancheNetworkTradeProvider] = create(
+    avalancheNetworkTradeProviderSettings,
+)
 
 export const [getAuroraNetworkTradeProvider, setAuroraNetworkTradeProvider] = create(auroraNetworkTradeProviderSettings)
 

packages/mask/src/plugins/EVM/constants.ts

@@ -147,6 +147,16 @@ export const PLUGIN_NETWORKS: Web3Plugin.NetworkDescriptor[] = [
         iconColor: 'rgb(73, 169, 166)',
         isMainnet: true,
     },
+    {
+        ID: `${PLUGIN_ID}_avalanche`,
+        networkSupporterPluginID: PLUGIN_ID,
+        chainId: ChainId.Avalanche,
+        type: NetworkType.Avalanche,
+        name: 'Avalanche',
+        icon: new URL('./assets/avalanche.png', import.meta.url),
+        iconColor: 'rgb(73, 169, 166)',
+        isMainnet: true,
+    },
     {
         ID: `${PLUGIN_ID}_aurora`,
         networkSupporterPluginID: PLUGIN_ID,

packages/mask/src/plugins/ITO/SNSAdaptor/ClaimAllDialog.tsx

@@ -220,6 +220,7 @@ const SUPPORTED_CHAIN_ID_LIST = [
     ChainId.Arbitrum,
     ChainId.xDai,
     ChainId.Fantom,
+    ChainId.Avalanche,
 ]
 
 export function ClaimAllDialog(props: ClaimAllDialogProps) {
@@ -228,6 +229,7 @@ export function ClaimAllDialog(props: ClaimAllDialogProps) {
     const DialogRef = useRef<HTMLDivElement>(null)
     const account = useAccount()
     const currentChainId = useChainId()
+
     const {
         value: campaignInfos,
         loading: loadingAirdrop,

packages/mask/src/plugins/RedPacket/base.ts

@@ -24,6 +24,7 @@ export const base: Plugin.Shared.Definition = {
                     ChainId.Arbitrum,
                     ChainId.xDai,
                     ChainId.Fantom,
+                    ChainId.Avalanche,
                 ],
             },
         },

packages/mask/src/plugins/Trader/SNSAdaptor/trader/TradeProviderIcon.tsx

@@ -5,6 +5,7 @@ import { BalancerIcon } from '../../../../resources/BalancerIcon'
 import { BancorIcon } from '../../../../resources/BancorIcon'
 import { SashimiSwapIcon } from '../../../../resources/SashimiSwapIcon'
 import { SushiSwapIcon } from '../../../../resources/SushiSwapIcon'
+import { TraderJoeIcon } from '../../../../resources/TraderJoeIcon'
 import { UniswapIcon } from '../../../../resources/UniswapIcon'
 import { ZRXIcon } from '../../../../resources/ZRXIcon'
 import { DODOIcon } from '../../../../resources/DODOIcon'
@@ -72,6 +73,8 @@ export function TradeProviderIcon(props: TradeProviderIconProps) {
             return <BancorIcon classes={{ root: classes.icon }} />
         case TradeProvider.OPENOCEAN:
             return <OpenOceanIcon classes={{ root: classes.icon }} />
+        case TradeProvider.TRADERJOE:
+            return <TraderJoeIcon classes={{ root: classes.icon }} />
         case TradeProvider.TRISOLARIS:
             return <TrisolarisIcon classes={{ root: classes.icon }} />
         default:

packages/mask/src/plugins/Trader/apis/trader/index.ts

@@ -44,12 +44,13 @@ export async function getAvailableTraderProviders(chainId: ChainId) {
             return [TradeProvider.SUSHISWAP]
         case NetworkType.Fantom:
             return [TradeProvider.SUSHISWAP]
+        case NetworkType.Avalanche:
+            return [TradeProvider.TRADERJOE, TradeProvider.SUSHISWAP]
         case NetworkType.Aurora:
             return [TradeProvider.DODO, TradeProvider.WANNASWAP, TradeProvider.TRISOLARIS]
         case NetworkType.Boba:
         case NetworkType.Fuse:
         case NetworkType.Metis:
-        case NetworkType.Avalanche:
         case NetworkType.Optimistic:
             console.error('To be implement network: ', networkType)
             return []

packages/mask/src/plugins/Trader/apis/trending/hotfix.ts

@@ -82,6 +82,9 @@ const ID_ADDRESS_MAP: {
         [NetworkType.Polygon]: {
             '8536': '0x2B9E7ccDF0F4e5B24757c1E1a80e311E34Cb10c7', // MASK
         },
+        [NetworkType.Avalanche]: {
+            '5805': '0xb31f66aa3c1e785363f0875a1b74e27b85fd66c7', // AVAX
+        },
     },
     [DataProvider.COIN_GECKO]: {
         [NetworkType.Ethereum]: {
@@ -90,6 +93,9 @@ const ID_ADDRESS_MAP: {
         [NetworkType.Polygon]: {
             'mask-network': '0x2B9E7ccDF0F4e5B24757c1E1a80e311E34Cb10c7', // MASK
         },
+        [NetworkType.Avalanche]: {
+            'avalanche-2': '0xb31f66aa3c1e785363f0875a1b74e27b85fd66c7', // AVAX
+        },
     },
     [DataProvider.UNISWAP_INFO]: {},
 }

packages/mask/src/plugins/Trader/constants/0x.ts

@@ -8,6 +8,7 @@ export const ZRX_BASE_URL: Record<NetworkType, string> = {
     [NetworkType.xDai]: 'https://xdai.api.0x.org/',
     [NetworkType.Celo]: 'https://celo.api.0x.org/',
     [NetworkType.Fantom]: 'https://fantom.api.0x.org/',
+    [NetworkType.Avalanche]: 'https://avalanche.api.0x.org/',
     [NetworkType.Aurora]: 'https://aurora.api.0x.org/',
     [NetworkType.Boba]: '',
     [NetworkType.Fuse]: '',

packages/mask/src/plugins/Trader/constants/dodo.ts

@@ -10,6 +10,7 @@ export const networkNames: Record<NetworkType, string> = {
     [NetworkType.xDai]: 'xdai',
     [NetworkType.Celo]: 'celo',
     [NetworkType.Fantom]: 'fantom',
+    [NetworkType.Avalanche]: 'avalanche',
     [NetworkType.Aurora]: 'aurora',
     [NetworkType.Boba]: '',
     [NetworkType.Fuse]: '',

packages/mask/src/plugins/Trader/constants/index.ts

@@ -9,6 +9,7 @@ export * from './quickswap'
 export * from './pancakeswap'
 export * from './dodo'
 export * from './bancor'
+export * from './traderjoe'
 export * from './wannaswap'
 export * from './trisolaris'
 export type { ERC20TokenCustomizedBase, ERC20AgainstToken } from './types'

packages/mask/src/plugins/Trader/constants/openocean.ts

@@ -10,6 +10,7 @@ export const networkNames: Record<NetworkType, string> = {
     [NetworkType.xDai]: 'xdai',
     [NetworkType.Celo]: 'celo',
     [NetworkType.Fantom]: 'fantom',
+    [NetworkType.Avalanche]: 'avalanche',
     [NetworkType.Aurora]: 'aurora',
     [NetworkType.Boba]: '',
     [NetworkType.Fuse]: '',

packages/mask/src/plugins/Trader/constants/sushiswap.ts

@@ -35,4 +35,5 @@ export const SUSHISWAP_BASE_AGAINST_TOKENS: ERC20AgainstToken = {
     [ChainId.xDai]: [WNATIVE, USDC, USDT, WBTC].map((x) => x[ChainId.xDai]),
     [ChainId.Celo]: [WNATIVE, CUSD, CEUR].map((x) => x[ChainId.Celo]),
     [ChainId.Fantom]: [WNATIVE, DAI, USDC, fUSDT, WBTC].map((x) => x[ChainId.Fantom]),
+    [ChainId.Avalanche]: [WNATIVE, DAI, USDC, WBTC].map((x) => x[ChainId.Avalanche]),
 }

packages/mask/src/plugins/Trader/constants/trader.ts

@@ -44,6 +44,10 @@ export const NFTX = createERC20Tokens('NFTX_ADDRESS', 'NFTX', 'NFTX', 18)
 export const STETH = createERC20Tokens('stETH_ADDRESS', 'stakedETH', 'stETH', 18)
 export const CUSD = createERC20Tokens('cUSD_ADDRESS', 'Celo Dollar', 'cUSD', 18)
 export const CEUR = createERC20Tokens('cEUR_ADDRESS', 'Celo Euro', 'cEUR', 18)
+export const USDTe = createERC20Tokens('USDT_ADDRESS', 'Tether USD', 'USDT.e', 6)
+export const DAIe = createERC20Tokens('DAI_ADDRESS', 'Dai Stablecoin', 'DAI.e ', 18)
+export const WBTCe = createERC20Tokens('WBTC_ADDRESS', 'Wrapped BTC', 'WBTCe', 18)
+export const USDCe = createERC20Tokens('USDC_ADDRESS', ' USD Coin', 'USDCe', 18)
 
 export const WNATIVE = createERC20Tokens(
     'WNATIVE_ADDRESS',
@@ -67,6 +71,7 @@ export const WNATIVE_ONLY: ERC20AgainstToken = {
     [ChainId.xDai]: [WNATIVE[ChainId.xDai]],
     [ChainId.Celo]: [WNATIVE[ChainId.Celo]],
     [ChainId.Fantom]: [WNATIVE[ChainId.Fantom]],
+    [ChainId.Avalanche]: [WNATIVE[ChainId.Avalanche]],
     [ChainId.Aurora]: [WNATIVE[ChainId.Aurora]],
     [ChainId.Aurora_Testnet]: [WNATIVE[ChainId.Aurora_Testnet]],
 }

packages/mask/src/plugins/Trader/constants/traderjoe.ts

@@ -0,0 +1,15 @@
+import { ChainId } from '@masknet/web3-shared-evm'
+import { ETHER, WNATIVE, WBTCe, DAIe, USDTe, USDCe, WNATIVE_ONLY } from './trader'
+
+import type { ERC20AgainstToken, ERC20TokenCustomizedBase } from './types'
+
+/**
+ * Some tokens can only be swapped via certain pairs,
+ * so we override the list of bases that are considered for these tokens.
+ */
+export const TRADERJOE_CUSTOM_BASES: ERC20TokenCustomizedBase = {}
+
+export const TRADERJOE_BASE_AGAINST_TOKENS: ERC20AgainstToken = {
+    ...WNATIVE_ONLY,
+    [ChainId.Avalanche]: [WNATIVE, DAIe, USDTe, USDCe, ETHER, WBTCe].map((x) => x[ChainId.Avalanche]),
+}

packages/mask/src/plugins/Trader/pipes.ts

@@ -56,6 +56,7 @@ export const resolveTradeProviderName = createLookupTableResolver<TradeProvider,
         [TradeProvider.PANCAKESWAP]: 'PancakeSwap',
         [TradeProvider.DODO]: 'DODO',
         [TradeProvider.BANCOR]: 'Bancor',
+        [TradeProvider.TRADERJOE]: 'TraderJoe',
         [TradeProvider.OPENOCEAN]: 'OpenOcean',
         [TradeProvider.TRISOLARIS]: 'Trisolaris',
         [TradeProvider.WANNASWAP]: 'WannaSwap',
@@ -87,6 +88,8 @@ export function resolveTradeProviderLink(tradeProvider: TradeProvider, networkTy
                     return 'https://celo.api.0x.org/'
                 case NetworkType.Fantom:
                     return 'https://fantom.api.0x.org/'
+                case NetworkType.Avalanche:
+                    return 'https://avalanche.api.0x.org/'
                 case NetworkType.Aurora:
                     return 'https://aurora.api.0x.org/'
                 case NetworkType.Boba:
@@ -114,6 +117,8 @@ export function resolveTradeProviderLink(tradeProvider: TradeProvider, networkTy
             return 'https://app.dodoex.io'
         case TradeProvider.BANCOR:
             return 'https://app.bancor.network/eth/swap'
+        case TradeProvider.TRADERJOE:
+            return 'https://traderjoexyz.com/#/trade'
         case TradeProvider.OPENOCEAN:
             return 'https://openocean.finance/classic'
         case TradeProvider.TRISOLARIS:
@@ -160,6 +165,8 @@ export function resolveTradePairLink(tradeProvider: TradeProvider, address: stri
                     return `https://analytics-celo.sushi.com/pairs/${address}`
                 case NetworkType.Fantom:
                     return `https://analytics-ftm.sushi.com/pairs/${address}`
+                case NetworkType.Avalanche:
+                    return `https://analytics-avalanche.sushi.com/pairs/${address}`
                 case NetworkType.Aurora:
                     return `https://analytics-aurora.sushi.com/pairs/${address}`
                 case NetworkType.Boba:
@@ -187,6 +194,8 @@ export function resolveTradePairLink(tradeProvider: TradeProvider, address: stri
         case TradeProvider.OPENOCEAN:
             // TODO - OpenOcean
             return ''
+        case TradeProvider.TRADERJOE:
+            return `https://analytics.traderjoexyz.com/pairs/${address}`
         case TradeProvider.TRISOLARIS:
             // TODO - add Trisolaris Analytics
             return ''
@@ -282,6 +291,7 @@ export const resolveZrxTradePoolName = createLookupTableResolver<ZrxTradePool, s
         [ZrxTradePool.UniswapV3]: 'Uniswap V3',
         [ZrxTradePool.WaultSwap]: 'WaultSwap',
         [ZrxTradePool.xSigma]: 'xSigma',
+        [ZrxTradePool.TraderJoe]: 'TraderJoe',
         [ZrxTradePool.Trisolaris]: 'Trisolaris',
         [ZrxTradePool.WannaSwap]: 'WannaSwap',
     },

packages/mask/src/plugins/Trader/services.ts

@@ -13,6 +13,7 @@ import {
     xdaiNetworkTradeProviderSettings,
     celoNetworkTradeProviderSettings,
     fantomNetworkTradeProviderSettings,
+    avalancheNetworkTradeProviderSettings,
     auroraNetworkTradeProviderSettings,
 } from './settings'
 import { DataProvider, TradeProvider } from '@masknet/public-api'
@@ -54,6 +55,11 @@ currentChainIdSettings.addListener((chainId: ChainId) => {
             if (currentDataProviderSettings.value === DataProvider.UNISWAP_INFO)
                 currentDataProviderSettings.value = DataProvider.COIN_MARKET_CAP
             break
+        case NetworkType.Avalanche:
+            currentTradeProviderSettings.value = avalancheNetworkTradeProviderSettings.value
+            if (currentDataProviderSettings.value === DataProvider.UNISWAP_INFO)
+                currentDataProviderSettings.value = DataProvider.COIN_MARKET_CAP
+            break
         case NetworkType.Aurora:
             currentTradeProviderSettings.value = TradeProvider.DODO
             if (currentDataProviderSettings.value === DataProvider.UNISWAP_INFO)
@@ -96,6 +102,9 @@ currentTradeProviderSettings.addListener((tradeProvider: TradeProvider) => {
         case NetworkType.Fantom:
             fantomNetworkTradeProviderSettings.value = tradeProvider
             break
+        case NetworkType.Avalanche:
+            avalancheNetworkTradeProviderSettings.value = tradeProvider
+            break
         case NetworkType.Aurora:
             auroraNetworkTradeProviderSettings.value = tradeProvider
             break

packages/mask/src/plugins/Trader/settings.ts

@@ -81,6 +81,11 @@ export const fantomNetworkTradeProviderSettings = createGlobalSettings<TradeProv
     TradeProvider.SUSHISWAP,
     { primary: () => '' },
 )
+export const avalancheNetworkTradeProviderSettings = createGlobalSettings<TradeProvider>(
+    `${PLUGIN_ID}+avalanche+tradeProvider`,
+    TradeProvider.TRADERJOE,
+    { primary: () => '' },
+)
 
 export const celoNetworkTradeProviderSettings = createGlobalSettings<TradeProvider>(
     `${PLUGIN_ID}+celo+tradeProvider`,
@@ -110,6 +115,7 @@ const balancerSettings = createInternalSettings<string>(`${PLUGIN_ID}+tradeProvi
 const dodoSettings = createInternalSettings<string>(`${PLUGIN_ID}+tradeProvider+dodo`, '')
 const bancorSettings = createInternalSettings<string>(`${PLUGIN_ID}+tradeProvider+bancor`, '')
 const openoceanSettings = createInternalSettings<string>(`${PLUGIN_ID}+tradeProvider+openocean`, '')
+const traderjoeSettings = createInternalSettings<string>(`${PLUGIN_ID}+tradeProvider+traderjoe`, '')
 const trisolarisSettings = createInternalSettings<string>(`${PLUGIN_ID}+tradeProvider+trisolaris`, '')
 const wannaswapSettings = createInternalSettings<string>(`${PLUGIN_ID}+tradeProvider+wannaswap`, '')
 
@@ -140,6 +146,8 @@ export function getCurrentTradeProviderGeneralSettings(tradeProvider: TradeProvi
             return bancorSettings
         case TradeProvider.OPENOCEAN:
             return openoceanSettings
+        case TradeProvider.TRADERJOE:
+            return traderjoeSettings
         case TradeProvider.TRISOLARIS:
             return trisolarisSettings
         case TradeProvider.WANNASWAP:

packages/mask/src/plugins/Trader/trader/0x/useTrade.ts

@@ -30,6 +30,7 @@ export function getNativeTokenLabel(networkType: NetworkType) {
         case NetworkType.xDai:
         case NetworkType.Celo:
         case NetworkType.Fantom:
+        case NetworkType.Avalanche:
         case NetworkType.Aurora:
         case NetworkType.Boba:
         case NetworkType.Fuse: