DimensionDev · developerfred · Dec 27, 2021 · Dec 27, 2021 · Dec 27, 2021 · Dec 27, 2021
diff --git a/cspell.json b/cspell.json
@@ -13,6 +13,7 @@
         "pnpm-lock.yaml"
     ],
     "words": [
+        "jugglerred",
         "aave",
         "adai",
         "addrs",
@@ -116,6 +117,7 @@
         "jailbroken",
         "jsbi",
         "jsonml",
+        "jugglered",
         "juicebox",
         "kdfparams",
         "keccak",
@@ -165,7 +167,10 @@
         "nftscan",
         "nowallet",
         "nums",
+        "ongswap",
+        "oolongswap",
         "opensea",
+        "optmistic",
         "overridable",
         "overscan",
         "pageable",
@@ -209,6 +214,8 @@
         "sashimiswap",
         "scroller",
         "secp",
+        "senpai",
+        "senpaiswap",
         "serializers",
         "shink",
         "signup",
@@ -223,6 +230,7 @@
         "superrare",
         "sushiswap",
         "swappable",
+        "swapperchan",
         "swither",
         "tabindex",
         "tablist",
@@ -252,6 +260,7 @@
         "viet",
         "viewbox",
         "visualcompletion",
+        "waifu",
         "walletconnect",
         "wannaswap",
         "wault",

diff --git a/docs/evm-integration.md b/docs/evm-integration.md
@@ -93,10 +93,11 @@ Goto `chrome-extension://jkoeaghipilijlahjplgbfiocjhldnap/dashboard.html#/wallet
 
 ## Learn More
 
-| Chain     | Pull Request Link                                    |
-| --------- | ---------------------------------------------------- |
-| CELO      | <https://github.com/DimensionDev/Maskbook/pull/5052> |
-| Fantom    | <https://github.com/DimensionDev/Maskbook/pull/5036> |
-| xDai      | <https://github.com/DimensionDev/Maskbook/pull/4140> |
-| Arbitrum  | <https://github.com/DimensionDev/Maskbook/pull/3558> |
-| Avalanche | <https://github.com/DimensionDev/Maskbook/pull/5289> |
+| Chain        | Pull Request Link                                    |
+| ------------ | ---------------------------------------------------- |
+| CELO         | <https://github.com/DimensionDev/Maskbook/pull/5052> |
+| Fantom       | <https://github.com/DimensionDev/Maskbook/pull/5036> |
+| xDai         | <https://github.com/DimensionDev/Maskbook/pull/4140> |
+| Arbitrum     | <https://github.com/DimensionDev/Maskbook/pull/3558> |
+| Avalanche    | <https://github.com/DimensionDev/Maskbook/pull/5289> |
+| Boba Network | <https://github.com/DimensionDev/Maskbook/pull/5310> |
diff --git a/packages/mask/package.json b/packages/mask/package.json
@@ -125,7 +125,8 @@
     "web3-utils": "1.5.2",
     "webextension-polyfill": "^0.8.0",
     "z-schema": "^5.0.2",
-    "zod": "3.13.4"
+    "zod": "3.13.4",
+    "@ethereumjs/tx": "3.5.0"
   },
   "devDependencies": {
     "@dimensiondev/webextension-shim": "0.0.3-20210823035705-4257e12",

diff --git a/packages/mask/shared/flags.ts b/packages/mask/shared/flags.ts
@@ -52,6 +52,7 @@ export const Flags = {
     polygon_enabled: true,
     arbitrum_enabled: true,
     xdai_enabled: true,
+    boba_enabled: true,
     avalanche_enabled: true,
     fantom_enabled: true,
     flow_enabled: true,

diff --git a/packages/mask/src/components/shared/ApplicationBoard.tsx b/packages/mask/src/components/shared/ApplicationBoard.tsx
@@ -109,6 +109,7 @@ const SUPPORTED_CHAIN_ID_LIST = [
     ChainId.xDai,
     ChainId.Celo,
     ChainId.Fantom,
+    ChainId.Boba,
     ChainId.Aurora,
     ChainId.Avalanche,
 ]

diff --git a/packages/mask/src/plugins/EVM/assets/boba.png b/packages/mask/src/plugins/EVM/assets/boba.png
diff --git a/packages/mask/src/plugins/EVM/constants.ts b/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}_boba`,
+        networkSupporterPluginID: PLUGIN_ID,
+        chainId: ChainId.Boba,
+        type: NetworkType.Boba,
+        name: 'Boba',
+        icon: new URL('./assets/boba.png', import.meta.url),
+        iconColor: 'rgb(53, 208, 127)',
+        isMainnet: true,
+    },
     {
         ID: `${PLUGIN_ID}_avalanche`,
         networkSupporterPluginID: PLUGIN_ID,

diff --git a/packages/mask/src/plugins/ITO/base.ts b/packages/mask/src/plugins/ITO/base.ts
@@ -25,6 +25,7 @@ export const base: Plugin.Shared.Definition = {
                     ChainId.Aurora,
                     ChainId.Avalanche,
                     ChainId.Fantom,
+                    ChainId.Boba,
                 ],
             },
         },

diff --git a/packages/mask/src/plugins/RedPacket/base.ts b/packages/mask/src/plugins/RedPacket/base.ts
@@ -23,6 +23,7 @@ export const base: Plugin.Shared.Definition = {
                     ChainId.Matic,
                     ChainId.Arbitrum,
                     ChainId.xDai,
+                    ChainId.Boba,
                     ChainId.Fantom,
                     ChainId.Avalanche,
                     ChainId.Aurora,

diff --git a/packages/mask/src/plugins/Trader/SNSAdaptor/trending/TraderView.tsx b/packages/mask/src/plugins/Trader/SNSAdaptor/trending/TraderView.tsx
@@ -132,6 +132,7 @@ export function TraderView(props: TraderViewProps) {
     } = coinId ? trendingById : trendingByKeyword
     // #endregion
 
+    // #region swap
     const coinSymbol = (trending?.coin.symbol || '').toLowerCase()
 
     // #region swap

diff --git a/packages/mask/src/plugins/Trader/apis/trader/index.ts b/packages/mask/src/plugins/Trader/apis/trader/index.ts
@@ -50,9 +50,16 @@ export async function getAvailableTraderProviders(chainId: ChainId) {
             return [TradeProvider.SUSHISWAP]
         case NetworkType.Fantom:
             return [TradeProvider.SUSHISWAP]
+        case NetworkType.Boba:
+            return [
+                TradeProvider.OPENOCEAN,
+                TradeProvider.DODO,
+                TradeProvider.OOLONGSWAP,
+                TradeProvider.SWAPPERCHAN,
+                TradeProvider.SENPAISWAP,
+            ]
         case NetworkType.Aurora:
             return [TradeProvider.DODO, TradeProvider.WANNASWAP, TradeProvider.TRISOLARIS]
-        case NetworkType.Boba:
         case NetworkType.Fuse:
         case NetworkType.Metis:
         case NetworkType.Optimistic:

diff --git a/packages/mask/src/plugins/Trader/base.ts b/packages/mask/src/plugins/Trader/base.ts
@@ -23,6 +23,7 @@ export const base: Plugin.Shared.Definition = {
                     ChainId.Aurora,
                     ChainId.Avalanche,
                     ChainId.Fantom,
+                    ChainId.Boba,
                 ],
             },
         },

diff --git a/packages/mask/src/plugins/Trader/constants/0x.ts b/packages/mask/src/plugins/Trader/constants/0x.ts
@@ -6,11 +6,11 @@ export const ZRX_BASE_URL: Record<NetworkType, string> = {
     [NetworkType.Polygon]: 'https://polygon.api.0x.org/',
     [NetworkType.Arbitrum]: 'https://arbitrum.api.0x.org/',
     [NetworkType.xDai]: 'https://xdai.api.0x.org/',
+    [NetworkType.Boba]: 'https://boba.api.0x.org/',
     [NetworkType.Avalanche]: 'https://avalanche.api.0x.org/',
     [NetworkType.Celo]: 'https://celo.api.0x.org/',
     [NetworkType.Fantom]: 'https://fantom.api.0x.org/',
     [NetworkType.Aurora]: 'https://aurora.api.0x.org/',
-    [NetworkType.Boba]: '',
     [NetworkType.Fuse]: '',
     [NetworkType.Metis]: '',
     [NetworkType.Optimistic]: '',

diff --git a/packages/mask/src/plugins/Trader/constants/dodo.ts b/packages/mask/src/plugins/Trader/constants/dodo.ts
@@ -8,11 +8,11 @@ export const networkNames: Record<NetworkType, string> = {
     [NetworkType.Polygon]: 'matic',
     [NetworkType.Arbitrum]: 'arbitrum',
     [NetworkType.xDai]: 'xdai',
+    [NetworkType.Boba]: 'boba',
     [NetworkType.Avalanche]: 'avalanche',
     [NetworkType.Celo]: 'celo',
     [NetworkType.Fantom]: 'fantom',
     [NetworkType.Aurora]: 'aurora',
-    [NetworkType.Boba]: '',
     [NetworkType.Fuse]: '',
     [NetworkType.Metis]: '',
     [NetworkType.Optimistic]: '',

diff --git a/packages/mask/src/plugins/Trader/constants/index.ts b/packages/mask/src/plugins/Trader/constants/index.ts
@@ -9,6 +9,9 @@ export * from './quickswap'
 export * from './pancakeswap'
 export * from './dodo'
 export * from './bancor'
+export * from './oolongswap'
+export * from './swapperchan'
+export * from './senpaiswap'
 export * from './traderjoe'
 export * from './pangolindex'
 export * from './wannaswap'

diff --git a/packages/mask/src/plugins/Trader/constants/jugglerred.ts b/packages/mask/src/plugins/Trader/constants/jugglerred.ts
@@ -0,0 +1,13 @@
+import { ChainId, DAI, USDC, USDT, WBTC, 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 JUGGLERRED_CUSTOM_BASES: ERC20TokenCustomizedBase = {}
+
+export const JUGGLERRED_BASE_AGAINST_TOKENS: ERC20AgainstToken = {
+    ...WNATIVE_ONLY,
+    [ChainId.Optimistic]: [WNATIVE, DAI, USDC, USDT, WBTC].map((x) => x[ChainId.Optimistic]),
+}
diff --git a/packages/mask/src/plugins/Trader/constants/oolongswap.ts b/packages/mask/src/plugins/Trader/constants/oolongswap.ts
@@ -0,0 +1,13 @@
+import { ChainId, USDC, USDT, WBTC, WNATIVE, OLO, BOBA, 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 OOLONGSWAP_CUSTOM_BASES: ERC20TokenCustomizedBase = {}
+
+export const OOLONGSWAP_BASE_AGAINST_TOKENS: ERC20AgainstToken = {
+    ...WNATIVE_ONLY,
+    [ChainId.Boba]: [WNATIVE, USDC, USDT, WBTC, OLO, BOBA].map((x) => x[ChainId.Boba]),
+}
diff --git a/packages/mask/src/plugins/Trader/constants/openocean.ts b/packages/mask/src/plugins/Trader/constants/openocean.ts
@@ -10,9 +10,9 @@ export const networkNames: Record<NetworkType, string> = {
     [NetworkType.xDai]: 'xdai',
     [NetworkType.Celo]: 'celo',
     [NetworkType.Fantom]: 'fantom',
+    [NetworkType.Boba]: 'boba',
     [NetworkType.Avalanche]: 'avalanche',
     [NetworkType.Aurora]: 'aurora',
-    [NetworkType.Boba]: '',
     [NetworkType.Fuse]: '',
     [NetworkType.Metis]: '',
     [NetworkType.Optimistic]: '',

diff --git a/packages/mask/src/plugins/Trader/constants/senpaiswap.ts b/packages/mask/src/plugins/Trader/constants/senpaiswap.ts
@@ -0,0 +1,13 @@
+import { ChainId, USDC, USDT, WBTC, WNATIVE, SENPAI, BOBA, 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 SENPAISWAP_CUSTOM_BASES: ERC20TokenCustomizedBase = {}
+
+export const SENPAISWAP_BASE_AGAINST_TOKENS: ERC20AgainstToken = {
+    ...WNATIVE_ONLY,
+    [ChainId.Boba]: [WNATIVE, USDC, USDT, WBTC, SENPAI, BOBA].map((x) => x[ChainId.Boba]),
+}
diff --git a/packages/mask/src/plugins/Trader/constants/swapperchan.ts b/packages/mask/src/plugins/Trader/constants/swapperchan.ts
@@ -0,0 +1,13 @@
+import { ChainId, USDC, USDT, WBTC, WNATIVE, WAIFU, BOBA, 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 SWAPPERCHAN_CUSTOM_BASES: ERC20TokenCustomizedBase = {}
+
+export const SWAPPERCHAN_BASE_AGAINST_TOKENS: ERC20AgainstToken = {
+    ...WNATIVE_ONLY,
+    [ChainId.Boba]: [WNATIVE, USDC, USDT, WBTC, WAIFU, BOBA].map((x) => x[ChainId.Boba]),
+}
diff --git a/packages/mask/src/plugins/Trader/pipes.ts b/packages/mask/src/plugins/Trader/pipes.ts
@@ -35,7 +35,10 @@ export const resolveTradeProviderName = createLookupTableResolver<TradeProvider,
         [TradeProvider.PANCAKESWAP]: 'PancakeSwap',
         [TradeProvider.DODO]: 'DODO',
         [TradeProvider.BANCOR]: 'Bancor',
+        [TradeProvider.OOLONGSWAP]: 'OolongSwap',
         [TradeProvider.OPENOCEAN]: 'OpenOcean',
+        [TradeProvider.SWAPPERCHAN]: 'SwapperChain',
+        [TradeProvider.SENPAISWAP]: 'SenpaiSwap',
         [TradeProvider.TRADERJOE]: 'TraderJoe',
         [TradeProvider.PANGOLIN]: 'PangolinDex',
         [TradeProvider.TRISOLARIS]: 'Trisolaris',

diff --git a/packages/mask/src/plugins/Trader/trader/0x/constants.ts b/packages/mask/src/plugins/Trader/trader/0x/constants.ts
@@ -1,3 +1,3 @@
 import { ChainId } from '@masknet/web3-shared-evm'
 
-export const SUPPORTED_CHAIN_ID_LIST = [ChainId.Mainnet, ChainId.BSC, ChainId.Matic]
+export const SUPPORTED_CHAIN_ID_LIST = [ChainId.Mainnet, ChainId.BSC, ChainId.Matic, ChainId.Boba]
diff --git a/packages/mask/src/plugins/Trader/trader/0x/useTrade.ts b/packages/mask/src/plugins/Trader/trader/0x/useTrade.ts
@@ -28,8 +28,8 @@ export function getNativeTokenLabel(networkType: NetworkType) {
         case NetworkType.xDai:
         case NetworkType.Celo:
         case NetworkType.Fantom:
-        case NetworkType.Aurora:
         case NetworkType.Boba:
+        case NetworkType.Aurora:
         case NetworkType.Fuse:
         case NetworkType.Metis:
         case NetworkType.Avalanche:

diff --git a/packages/mask/src/plugins/Trader/trader/openocean/constants.ts b/packages/mask/src/plugins/Trader/trader/openocean/constants.ts
@@ -9,4 +9,5 @@ export const OPENOCEAN_SUPPORTED_CHAINS = [
     ChainId.Fantom,
     ChainId.Arbitrum,
     ChainId.Avalanche,
+    ChainId.Boba,
 ]