feat(network): integrate Astar network

cspell.json

@@ -26,7 +26,10 @@
         "arbitrum",
         "areth",
         "artblocks",
+        "arthswap",
         "arweave",
+        "astar",
+        "astarexchange",
         "attrace",
         "avalanche",
         "avax",
@@ -326,6 +329,7 @@
         "numberish",
         "nyfi",
         "okex",
+        "onfinality",
         "openocean",
         "pausable",
         "pkts",
@@ -360,7 +364,10 @@
         "vitalik",
         "walletlink",
         "wnative",
-        "xsushi"
+        "xsushi",
+        "xyumi",
+        "yumi",
+        "yumiswap"
     ],
     "ignoreRegExpList": ["/@servie/", "/[A-Za-z0-9]{46}/"],
     "overrides": [

packages/dashboard/stories/components/Wallet/CreateWalletForm.tsx

@@ -1,6 +1,6 @@
 import { story } from '@masknet/storybook-shared'
 import { CreateWalletForm as C } from '../../../src/components/CreateWalletForm'
-import { ETH } from '@masknet/icons'
+import { Icons } from '@masknet/icons'
 
 const { meta, of } = story(C)
 
@@ -10,6 +10,6 @@ export default meta({
 
 export const CreateWalletForm = of({
     args: {
-        options: [{ label: 'ETH', value: 1, icon: <ETH /> }],
+        options: [{ label: 'ETH', value: 1, icon: <Icons.ETH /> }],
     },
 })

packages/mask/background/services/helper/r2d2Fetch.ts

@@ -84,6 +84,11 @@ export async function r2d2Fetch(input: RequestInfo, init?: RequestInit): Promise
         return proxiedFetch(url.replace(u.origin, `https://${r2deWorkerType}.${R2D2_ROOT_URL}`), info)
     }
 
+    // hack astar rpc fetch
+    if (url.includes('astar.api.onfinality.io')) {
+        return originalFetch(input, { ...init, headers: { ...init?.headers, 'Content-type': 'application/JSON' } })
+    }
+
     // fallback
     return originalFetch(input, init)
 }

packages/mask/shared/flags.ts

@@ -36,6 +36,7 @@ export const Flags = {
     fantom_enabled: true,
     celo_enabled: true,
     aurora_enabled: true,
+    astar_enabled: true,
     harmony_enabled: true,
     nft_airdrop_enabled: false,
     post_actions_enabled: true,

packages/mask/src/extension/popups/pages/Wallet/GasSetting/Prior1559GasSetting.tsx

@@ -93,6 +93,7 @@ const minGasPriceOfChain: ChainIdOptionalRecord<BigNumber.Value> = {
     [ChainId.BSC]: pow10(9).multipliedBy(5), // 5 Gwei
     [ChainId.Conflux]: pow10(9).multipliedBy(5), // 5 Gwei
     [ChainId.Matic]: pow10(9).multipliedBy(30), // 30 Gwei
+    [ChainId.Astar]: pow10(9).multipliedBy(5), // 5 Gwei
 }
 
 export const Prior1559GasSetting = memo(() => {

packages/mask/src/plugins/Approval/SNSAdaptor/pipes.ts

@@ -18,6 +18,7 @@ export const resolveNetworkOnRabby = createLookupTableResolver<NetworkType, stri
         [NetworkType.Optimism]: '',
         [NetworkType.Celo]: '',
         [NetworkType.Conflux]: '',
+        [NetworkType.Astar]: '',
     },
     'eth',
 )

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

@@ -28,6 +28,7 @@ export const base: Plugin.Shared.Definition = {
                     ChainId.Aurora,
                     ChainId.Avalanche,
                     ChainId.Fantom,
+                    ChainId.Astar,
                     ChainId.Harmony,
                     ChainId.Optimism,
                 ],

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

@@ -31,6 +31,7 @@ export const base: Plugin.Shared.Definition = {
                     ChainId.Fantom,
                     ChainId.Harmony,
                     ChainId.Conflux,
+                    ChainId.Astar,
                     ChainId.Optimism,
                 ],
             },

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

@@ -33,6 +33,7 @@ export const base: Plugin.Shared.Definition = {
                     ChainId.Aurora,
                     ChainId.Harmony,
                     ChainId.Conflux,
+                    ChainId.Astar,
                 ],
             },
             [NetworkPluginID.PLUGIN_FLOW]: { supportedChainIds: [] },

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

@@ -28,6 +28,7 @@ export const base: Plugin.Shared.Definition = {
                     ChainId.Aurora,
                     ChainId.Avalanche,
                     ChainId.Fantom,
+                    ChainId.Astar,
                     ChainId.Optimism,
                     ChainId.Harmony,
                 ],

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

@@ -51,6 +51,8 @@ export async function getAvailableTraderProviders(chainId: ChainId) {
             return [TradeProvider.UNISWAP_V3]
         case NetworkType.Aurora:
             return [TradeProvider.DODO, TradeProvider.WANNASWAP, TradeProvider.TRISOLARIS]
+        case NetworkType.Astar:
+            return [TradeProvider.ARTHSWAP, TradeProvider.VERSA, TradeProvider.ASTAREXCHANGE, TradeProvider.YUMISWAP]
         case NetworkType.Harmony:
             return [
                 TradeProvider.SUSHISWAP,

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

@@ -24,6 +24,7 @@ export const base: Plugin.Shared.Definition<ChainId> = {
                     ChainId.Aurora,
                     ChainId.Avalanche,
                     ChainId.Fantom,
+                    ChainId.Astar,
                     ChainId.Optimism,
                     ChainId.Harmony,
                 ],

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

@@ -16,6 +16,7 @@ export const ZRX_BASE_URL: Record<NetworkType, string> = {
     [NetworkType.Metis]: '',
     [NetworkType.Harmony]: '',
     [NetworkType.Conflux]: '',
+    [NetworkType.Astar]: '',
 }
 
 export const ZRX_AFFILIATE_ADDRESS = '0x934B510D4C9103E6a87AEf13b816fb080286D649'

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

@@ -0,0 +1,13 @@
+import { ChainId, USDC, USDT, WNATIVE, WNATIVE_ONLY } from '@masknet/web3-shared-evm'
+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 ARTHSWAP_CUSTOM_BASES: ERC20TokenCustomizedBase = {}
+
+export const ARTHSWAP_BASE_AGAINST_TOKENS: ERC20AgainstToken = {
+    ...WNATIVE_ONLY,
+    [ChainId.Astar]: [WNATIVE, USDC, USDT].map((x) => x[ChainId.Astar]),
+}

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

@@ -0,0 +1,13 @@
+import { ChainId, USDC, USDT, WNATIVE, WNATIVE_ONLY } from '@masknet/web3-shared-evm'
+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 ASTAREXCHANGE_CUSTOM_BASES: ERC20TokenCustomizedBase = {}
+
+export const ASTAREXCHANGE_BASE_AGAINST_TOKENS: ERC20AgainstToken = {
+    ...WNATIVE_ONLY,
+    [ChainId.Astar]: [WNATIVE, USDC, USDT].map((x) => x[ChainId.Astar]),
+}

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

@@ -19,4 +19,5 @@ export const networkNames: Record<NetworkType, string> = {
     [NetworkType.Optimism]: '',
     [NetworkType.Harmony]: 'harmony',
     [NetworkType.Conflux]: '',
+    [NetworkType.Astar]: '',
 }

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

@@ -15,5 +15,9 @@ export * from './trisolaris'
 export * from './venomswap'
 export * from './openswap'
 export * from './mdex'
+export * from './arthswap'
+export * from './versa'
+export * from './astarexchange'
 export * from './defikingdoms'
+export * from './yumiswap'
 export type { ERC20TokenCustomizedBase, ERC20AgainstToken } from './types'

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

@@ -19,4 +19,5 @@ export const networkNames: Record<NetworkType, string> = {
     [NetworkType.Optimism]: '',
     [NetworkType.Harmony]: '',
     [NetworkType.Conflux]: '',
+    [NetworkType.Astar]: '',
 }

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

@@ -0,0 +1,13 @@
+import { ChainId, USDC, USDT, VERSA, BUSD, WNATIVE, WNATIVE_ONLY } from '@masknet/web3-shared-evm'
+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 VERSA_CUSTOM_BASES: ERC20TokenCustomizedBase = {}
+
+export const VERSA_BASE_AGAINST_TOKENS: ERC20AgainstToken = {
+    ...WNATIVE_ONLY,
+    [ChainId.Astar]: [WNATIVE, USDC, USDT, BUSD, VERSA].map((x) => x[ChainId.Astar]),
+}

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

@@ -0,0 +1,13 @@
+import { ChainId, USDC, USDT, WNATIVE, YUMI, DAI, xYUMI, WNATIVE_ONLY } from '@masknet/web3-shared-evm'
+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 YUMISWAP_CUSTOM_BASES: ERC20TokenCustomizedBase = {}
+
+export const YUMISWAP_BASE_AGAINST_TOKENS: ERC20AgainstToken = {
+    ...WNATIVE_ONLY,
+    [ChainId.Astar]: [WNATIVE, USDC, USDT, YUMI, DAI, xYUMI].map((x) => x[ChainId.Astar]),
+}

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

@@ -44,7 +44,11 @@ export const resolveTradeProviderName = createLookupTableResolver<TradeProvider,
         [TradeProvider.VENOMSWAP]: 'VenomSwap',
         [TradeProvider.OPENSWAP]: 'OpenSwap',
         [TradeProvider.MDEX]: 'Mdex',
+        [TradeProvider.ARTHSWAP]: 'ArthSwap',
+        [TradeProvider.VERSA]: 'Versa',
+        [TradeProvider.ASTAREXCHANGE]: 'AstarExchange',
         [TradeProvider.DEFIKINGDOMS]: 'DefiKingdoms',
+        [TradeProvider.YUMISWAP]: 'YumiSwap',
     },
     (tradeProvider) => {
         throw new Error(`Unknown provider type: ${tradeProvider}`)

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

@@ -29,6 +29,7 @@ export function getNativeTokenLabel(networkType: NetworkType) {
         case NetworkType.Optimism:
         case NetworkType.Harmony:
         case NetworkType.Conflux:
+        case NetworkType.Astar:
             return NATIVE_TOKEN_ADDRESS
         default:
             safeUnreachable(networkType)

packages/mask/src/plugins/Trader/trader/native/useTradeCallback.ts

@@ -1,11 +1,15 @@
 import { useAsyncFn } from 'react-use'
 import { useNativeTokenWrapperCallback } from '@masknet/plugin-infra/web3-evm'
-import { SchemaType, GasOptionConfig } from '@masknet/web3-shared-evm'
+import { SchemaType, GasOptionConfig, ChainId } from '@masknet/web3-shared-evm'
 import { TradeComputed, TradeStrategy } from '../../types'
 import type { NativeTokenWrapper } from './useTradeComputed'
 
-export function useTradeCallback(trade: TradeComputed<NativeTokenWrapper> | null, gasConfig?: GasOptionConfig) {
-    const [wrapCallback, unwrapCallback] = useNativeTokenWrapperCallback()
+export function useTradeCallback(
+    trade: TradeComputed<NativeTokenWrapper> | null,
+    gasConfig?: GasOptionConfig,
+    targetChainId?: ChainId,
+) {
+    const [wrapCallback, unwrapCallback] = useNativeTokenWrapperCallback(targetChainId)
 
     return useAsyncFn(async () => {
         if (!trade?.trade_?.isNativeTokenWrapper) return

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

@@ -220,6 +220,34 @@ export function useAllTradeComputed(
         traderEstimateGas: mdexEstimateGas,
     } = useUniswapV2Like(tradeProviders, TradeProvider.MDEX, inputAmount_, inputToken, outputToken)
 
+    // Arthswap
+    const {
+        trader_: arthswap_,
+        trader: arthswap,
+        traderEstimateGas: arthswapEstimateGas,
+    } = useUniswapV2Like(tradeProviders, TradeProvider.ARTHSWAP, inputAmount_, inputToken, outputToken)
+
+    // Versa Finance
+    const {
+        trader_: versa_,
+        trader: versa,
+        traderEstimateGas: versaEstimateGas,
+    } = useUniswapV2Like(tradeProviders, TradeProvider.VERSA, inputAmount_, inputToken, outputToken)
+
+    // Astar Exchange
+    const {
+        trader_: astarexchange_,
+        trader: astarexchange,
+        traderEstimateGas: astarexchangeEstimateGas,
+    } = useUniswapV2Like(tradeProviders, TradeProvider.ASTAREXCHANGE, inputAmount_, inputToken, outputToken)
+
+    // Yumi Swap
+    const {
+        trader_: yumiswap_,
+        trader: yumiswap,
+        traderEstimateGas: yumiswapEstimateGas,
+    } = useUniswapV2Like(tradeProviders, TradeProvider.YUMISWAP, inputAmount_, inputToken, outputToken)
+
     const allTradeResult = [
         { provider: TradeProvider.UNISWAP_V2, ...uniswapV2_, value: uniswapV2, gas: uniswapV2EstimateGas },
         { provider: TradeProvider.SUSHISWAP, ...sushiSwap_, value: sushiSwap, gas: sushiSwapEstimateGas },
@@ -238,6 +266,20 @@ export function useAllTradeComputed(
         { provider: TradeProvider.VENOMSWAP, ...venomswap_, value: venomswap, gas: venomswapEstimateGas },
         { provider: TradeProvider.OPENSWAP, ...openswap_, value: openswap, gas: openswapEstimateGas },
         { provider: TradeProvider.MDEX, ...mdex_, value: mdex, gas: mdexEstimateGas },
+        { provider: TradeProvider.ARTHSWAP, ...arthswap_, value: arthswap, gas: arthswapEstimateGas },
+        { provider: TradeProvider.VERSA, ...versa_, value: versa, gas: versaEstimateGas },
+        {
+            provider: TradeProvider.ASTAREXCHANGE,
+            ...astarexchange_,
+            value: astarexchange,
+            gas: astarexchangeEstimateGas,
+        },
+        {
+            provider: TradeProvider.YUMISWAP,
+            ...yumiswap_,
+            value: yumiswap,
+            gas: yumiswapEstimateGas,
+        },
     ]
 
     return nativeToken_.value

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

@@ -25,8 +25,16 @@ import {
     OPENSWAP_CUSTOM_BASES,
     MDEX_BASE_AGAINST_TOKENS,
     MDEX_CUSTOM_BASES,
+    ARTHSWAP_BASE_AGAINST_TOKENS,
+    ARTHSWAP_CUSTOM_BASES,
+    VERSA_BASE_AGAINST_TOKENS,
+    VERSA_CUSTOM_BASES,
+    ASTAREXCHANGE_BASE_AGAINST_TOKENS,
+    ASTAREXCHANGE_CUSTOM_BASES,
     DEFIKINGDOMS_BASE_AGAINST_TOKENS,
     DEFIKINGDOMS_CUSTOM_BASES,
+    YUMISWAP_BASE_AGAINST_TOKENS,
+    YUMISWAP_CUSTOM_BASES,
 } from '../constants'
 import { unreachable } from '@dimensiondev/kit'
 import { TargetChainIdContext } from '@masknet/plugin-infra/web3-evm'
@@ -166,6 +174,58 @@ export function useGetTradeContext(tradeProvider?: TradeProvider) {
                     ADDITIONAL_TOKENS: {},
                     CUSTOM_TOKENS: MDEX_CUSTOM_BASES,
                 }
+            case TradeProvider.ARTHSWAP:
+                return {
+                    TYPE: tradeProvider,
+                    IS_UNISWAP_V2_LIKE: true,
+                    GRAPH_API: DEX_TRADE.ARTHSWAP_THEGRAPH,
+                    INIT_CODE_HASH: DEX_TRADE.ARTHSWAP_INIT_CODE_HASH,
+                    ROUTER_CONTRACT_ADDRESS: DEX_TRADE.ARTHSWAP_ROUTER_ADDRESS,
+                    SPENDER_CONTRACT_ADDRESS: DEX_TRADE.ARTHSWAP_ROUTER_ADDRESS,
+                    FACTORY_CONTRACT_ADDRESS: DEX_TRADE.ARTHSWAP_FACTORY_ADDRESS,
+                    AGAINST_TOKENS: ARTHSWAP_BASE_AGAINST_TOKENS,
+                    ADDITIONAL_TOKENS: {},
+                    CUSTOM_TOKENS: ARTHSWAP_CUSTOM_BASES,
+                }
+            case TradeProvider.VERSA:
+                return {
+                    TYPE: tradeProvider,
+                    IS_UNISWAP_V2_LIKE: true,
+                    GRAPH_API: DEX_TRADE.VERSA_THEGRAPH,
+                    INIT_CODE_HASH: DEX_TRADE.VERSA_INIT_CODE_HASH,
+                    ROUTER_CONTRACT_ADDRESS: DEX_TRADE.VERSA_ROUTER_ADDRESS,
+                    SPENDER_CONTRACT_ADDRESS: DEX_TRADE.VERSA_ROUTER_ADDRESS,
+                    FACTORY_CONTRACT_ADDRESS: DEX_TRADE.VERSA_FACTORY_ADDRESS,
+                    AGAINST_TOKENS: VERSA_BASE_AGAINST_TOKENS,
+                    ADDITIONAL_TOKENS: {},
+                    CUSTOM_TOKENS: VERSA_CUSTOM_BASES,
+                }
+            case TradeProvider.ASTAREXCHANGE:
+                return {
+                    TYPE: tradeProvider,
+                    IS_UNISWAP_V2_LIKE: true,
+                    GRAPH_API: DEX_TRADE.ASTAREXCHANGE_THEGRAPH,
+                    INIT_CODE_HASH: DEX_TRADE.ASTAREXCHANGE_INIT_CODE_HASH,
+                    ROUTER_CONTRACT_ADDRESS: DEX_TRADE.ASTAREXCHANGE_ROUTER_ADDRESS,
+                    SPENDER_CONTRACT_ADDRESS: DEX_TRADE.ASTAREXCHANGE_ROUTER_ADDRESS,
+                    FACTORY_CONTRACT_ADDRESS: DEX_TRADE.ASTAREXCHANGE_FACTORY_ADDRESS,
+                    AGAINST_TOKENS: ASTAREXCHANGE_BASE_AGAINST_TOKENS,
+                    ADDITIONAL_TOKENS: {},
+                    CUSTOM_TOKENS: ASTAREXCHANGE_CUSTOM_BASES,
+                }
+            case TradeProvider.YUMISWAP:
+                return {
+                    TYPE: tradeProvider,
+                    IS_UNISWAP_V2_LIKE: true,
+                    GRAPH_API: DEX_TRADE.YUMISWAP_THEGRAPH,
+                    INIT_CODE_HASH: DEX_TRADE.YUMISWAP_INIT_CODE_HASH,
+                    ROUTER_CONTRACT_ADDRESS: DEX_TRADE.YUMISWAP_ROUTER_ADDRESS,
+                    SPENDER_CONTRACT_ADDRESS: DEX_TRADE.YUMISWAP_ROUTER_ADDRESS,
+                    FACTORY_CONTRACT_ADDRESS: DEX_TRADE.YUMISWAP_FACTORY_ADDRESS,
+                    AGAINST_TOKENS: YUMISWAP_BASE_AGAINST_TOKENS,
+                    ADDITIONAL_TOKENS: {},
+                    CUSTOM_TOKENS: YUMISWAP_CUSTOM_BASES,
+                }
             case TradeProvider.VENOMSWAP:
                 return {
                     TYPE: tradeProvider,