Binance Smart Chain support

.env.defaults

@@ -23,6 +23,7 @@ SUPPORT_TABBED_ONBOARDING=false
 SUPPORT_KEYRING_LOCKING=true
 SUPPORT_FORGOT_PASSWORD=false
 SUPPORT_AVALANCHE=false
+SUPPORT_BINANCE_SMART_CHAIN=false
 ENABLE_ACHIEVEMENTS_TAB=true
 SUPPORT_ACHIEVEMENTS_BANNER=false
 SWITCH_RUNTIME_FLAGS=false

background/constants/coin-types.ts

@@ -11,6 +11,7 @@ export const coinTypesByAssetSymbol = {
   RBTC: 137,
   MATIC: 966,
   AVAX: 9000,
+  BSC: 9006,
 } as const
 
 /**

background/constants/currencies.ts

@@ -75,6 +75,18 @@ export const AVAX: NetworkBaseAsset = {
   },
 }
 
+export const BNB: NetworkBaseAsset = {
+  name: "Binance Coin",
+  symbol: "BNB",
+  decimals: 18,
+  coinType: coinTypesByAssetSymbol.BSC,
+  metadata: {
+    coinGeckoID: "binancecoin",
+    tokenLists: [],
+    websiteURL: "https://bnbchain.org",
+  },
+}
+
 export const BTC: NetworkBaseAsset = {
   name: "Bitcoin",
   symbol: "BTC",
@@ -87,7 +99,7 @@ export const BTC: NetworkBaseAsset = {
   },
 }
 
-export const BASE_ASSETS = [ETH, BTC, MATIC, RBTC, OPTIMISTIC_ETH, AVAX]
+export const BASE_ASSETS = [ETH, BTC, MATIC, RBTC, OPTIMISTIC_ETH, AVAX, BNB]
 
 export const BASE_ASSETS_BY_SYMBOL = BASE_ASSETS.reduce<{
   [assetSymbol: string]: NetworkBaseAsset

background/constants/networks.ts

@@ -1,5 +1,5 @@
 import { EVMNetwork, Network } from "../networks"
-import { AVAX, BTC, ETH, MATIC, OPTIMISTIC_ETH, RBTC } from "./currencies"
+import { AVAX, BNB, BTC, ETH, MATIC, OPTIMISTIC_ETH, RBTC } from "./currencies"
 
 export const ETHEREUM: EVMNetwork = {
   name: "Ethereum",
@@ -41,6 +41,14 @@ export const AVALANCHE: EVMNetwork = {
   coingeckoPlatformID: "avalanche",
 }
 
+export const BINANCE_SMART_CHAIN: EVMNetwork = {
+  name: "BNB Smart Chain",
+  baseAsset: BNB,
+  chainID: "56",
+  family: "EVM",
+  coingeckoPlatformID: "binance-smart-chain",
+}
+
 export const OPTIMISM: EVMNetwork = {
   name: "Optimism",
   baseAsset: OPTIMISTIC_ETH,
@@ -77,7 +85,9 @@ export const EIP_1559_COMPLIANT_CHAIN_IDS = new Set(
 )
 
 export const CHAINS_WITH_MEMPOOL = new Set(
-  [ETHEREUM, POLYGON, AVALANCHE, GOERLI].map((network) => network.chainID)
+  [ETHEREUM, POLYGON, AVALANCHE, GOERLI, BINANCE_SMART_CHAIN].map(
+    (network) => network.chainID
+  )
 )
 
 export const NETWORK_BY_CHAIN_ID = {
@@ -87,6 +97,7 @@ export const NETWORK_BY_CHAIN_ID = {
   [ARBITRUM_ONE.chainID]: ARBITRUM_ONE,
   [AVALANCHE.chainID]: AVALANCHE,
   [OPTIMISM.chainID]: OPTIMISM,
+  [BINANCE_SMART_CHAIN.chainID]: BINANCE_SMART_CHAIN,
   [GOERLI.chainID]: GOERLI,
   [FORK.chainID]: FORK,
 }
@@ -106,6 +117,7 @@ export const CHAIN_ID_TO_NFT_METADATA_PROVIDER: {
   [OPTIMISM.chainID]: ["simplehash"],
   [ARBITRUM_ONE.chainID]: ["simplehash"],
   [AVALANCHE.chainID]: ["simplehash"],
+  [BINANCE_SMART_CHAIN.chainID]: ["simplehash"],
 }
 
 export const NETWORKS_SUPPORTING_NFTS = new Set(
@@ -123,6 +135,7 @@ export const CHAIN_ID_TO_0X_API_BASE: {
   [GOERLI.chainID]: "goerli.api.0x.org",
   [ARBITRUM_ONE.chainID]: "arbitrum.api.0x.org",
   [AVALANCHE.chainID]: "avalanche.api.0x.org",
+  [BINANCE_SMART_CHAIN.chainID]: "bsc.api.0x.org",
 }
 
 export const NETWORKS_SUPPORTING_SWAPS = new Set(
@@ -151,4 +164,5 @@ export const CHAIN_ID_TO_RPC_URLS: {
   ],
   [GOERLI.chainID]: ["https://ethereum-goerli-rpc.allthatnode.com"],
   [AVALANCHE.chainID]: ["https://api.avax.network/ext/bc/C/rpc"],
+  [BINANCE_SMART_CHAIN.chainID]: ["https://rpc.ankr.com/bsc"],
 }

background/features.ts

@@ -28,6 +28,8 @@ export const RuntimeFlag = {
   HIDE_TOKEN_FEATURES: process.env.HIDE_TOKEN_FEATURES === "true",
   SUPPORT_RSK: process.env.SUPPORT_RSK === "true",
   SUPPORT_AVALANCHE: process.env.SUPPORT_AVALANCHE === "true",
+  SUPPORT_BINANCE_SMART_CHAIN:
+    process.env.SUPPORT_BINANCE_SMART_CHAIN === "true",
   SUPPORT_ACHIEVEMENTS_BANNER:
     process.env.SUPPORT_ACHIEVEMENTS_BANNER === "true",
   SUPPORT_NFT_TAB: process.env.SUPPORT_NFT_TAB === "true",

background/redux-slices/dapp.ts

@@ -5,6 +5,7 @@ import { createBackgroundAsyncThunk } from "./utils"
 import { keyPermissionsByChainIdAddressOrigin } from "../services/provider-bridge/utils"
 import {
   AVALANCHE,
+  BINANCE_SMART_CHAIN,
   ETHEREUM,
   GOERLI,
   OPTIMISM,
@@ -131,6 +132,7 @@ const dappSlice = createSlice({
             POLYGON,
             OPTIMISM,
             AVALANCHE,
+            BINANCE_SMART_CHAIN,
             GOERLI,
           ].map((network) => ({
             ...permission,

background/services/chain/index.ts

@@ -31,6 +31,7 @@ import {
   CHAINS_WITH_MEMPOOL,
   EIP_1559_COMPLIANT_CHAIN_IDS,
   AVALANCHE,
+  BINANCE_SMART_CHAIN,
 } from "../../constants"
 import { FeatureFlags, isEnabled } from "../../features"
 import PreferenceService from "../preferences"
@@ -271,6 +272,9 @@ export default class ChainService extends BaseService<Events> {
       ARBITRUM_ONE,
       ...(isEnabled(FeatureFlags.SUPPORT_RSK) ? [ROOTSTOCK] : []),
       ...(isEnabled(FeatureFlags.SUPPORT_AVALANCHE) ? [AVALANCHE] : []),
+      ...(isEnabled(FeatureFlags.SUPPORT_BINANCE_SMART_CHAIN)
+        ? [BINANCE_SMART_CHAIN]
+        : []),
     ]
 
     this.trackedNetworks = []

ui/_locales/en/messages.json

@@ -598,7 +598,8 @@
         "HIDE_TOKEN_FEATURES": "Hide token features",
         "SUPPORT_ACHIEVEMENTS_BANNER": "Enable achievements banner",
         "SUPPORT_AVALANCHE": "Enable Avalanche network",
-        "SUPPORT_NFT_TAB": "Enable to open NFTs page from tab"
+        "SUPPORT_NFT_TAB": "Enable to open NFTs page from tab",
+        "SUPPORT_BINANCE_SMART_CHAIN": "Enable Binance Smart Chain network"
       }
     }
   }

ui/components/Shared/SharedAssetIcon.tsx

@@ -8,7 +8,7 @@ interface Props {
   symbol: string
 }
 
-const hardcodedIcons = new Set(["ETH", "MATIC", "DOGGO", "RBTC", "AVAX"])
+const hardcodedIcons = new Set(["ETH", "MATIC", "DOGGO", "RBTC", "AVAX", "BNB"])
 export default function SharedAssetIcon(props: Props): ReactElement {
   const { size, logoURL, symbol } = props
 

ui/components/TopMenu/TopMenuProtocolList.tsx

@@ -2,6 +2,7 @@ import React, { ReactElement } from "react"
 import {
   ARBITRUM_ONE,
   AVALANCHE,
+  BINANCE_SMART_CHAIN,
   ETHEREUM,
   GOERLI,
   OPTIMISM,
@@ -57,13 +58,20 @@ const productionNetworks = [
           isDisabled: true,
         },
       ]),
-
-  // {
-  //   name: "Binance Smart Chain",
-  //   info: i18n.t("protocol.compatibleChain"),
-  //   width: 24,
-  //   height: 24,
-  // },
+  ...(isEnabled(FeatureFlags.SUPPORT_BINANCE_SMART_CHAIN)
+    ? [
+        {
+          network: BINANCE_SMART_CHAIN,
+          info: i18n.t("protocol.compatibleChain"),
+        },
+      ]
+    : [
+        {
+          network: BINANCE_SMART_CHAIN,
+          info: i18n.t("comingSoon"),
+          isDisabled: true,
+        },
+      ]),
   // {
   //   name: "Celo",
   //   info: "Global payments infrastructure",

ui/utils/constants.ts

@@ -1,6 +1,7 @@
 import {
   ARBITRUM_ONE,
   AVALANCHE,
+  BINANCE_SMART_CHAIN,
   ETHEREUM,
   GOERLI,
   OPTIMISM,
@@ -23,6 +24,10 @@ export const scanWebsite = {
   [GOERLI.chainID]: { title: "Etherscan", url: "https://goerli.etherscan.io/" },
   [ARBITRUM_ONE.chainID]: { title: "Arbiscan", url: "https://arbiscan.io/" },
   [AVALANCHE.chainID]: { title: "Snowtrace", url: "https://snowtrace.io/" },
+  [BINANCE_SMART_CHAIN.chainID]: {
+    title: "Bscscan",
+    url: "https://bscscan.com",
+  },
 }
 
 export const ESTIMATED_SPEED_IN_READABLE_FORMAT_RELATIVE_TO_CONFIDENCE_LEVEL: {