blast support

globals.d.ts

@@ -45,6 +45,7 @@ declare module 'react-native-dotenv' {
   export const AVALANCHE_MAINNET_RPC: string;
   export const AVALANCHE_MAINNET_RPC_DEV: string;
   export const AVALANCHE_FUJI_RPC: string;
+  export const BLAST_MAINNET_RPC: string;
   export const POLYGON_MAINNET_RPC: string;
   export const ARBITRUM_MAINNET_RPC: string;
   export const BSC_MAINNET_RPC: string;

ios/Images.xcassets/badges/blast.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "blast.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "blast@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "blast@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

ios/Images.xcassets/badges/blastBadge.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "blastBadge.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "blastBadge@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "blastBadge@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

ios/Images.xcassets/badges/blastBadgeDark.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "blastBadgeDark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "blastBadgeDark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "blastBadgeDark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

ios/Images.xcassets/badges/blastBadgeLarge.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "blastBadgeLarge.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "blastBadgeLarge@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "blastBadgeLarge@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

ios/Images.xcassets/badges/blastBadgeLargeDark.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "blastBadgeLargeDark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "blastBadgeLargeDark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "blastBadgeLargeDark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

ios/Images.xcassets/badges/blastBadgeNoShadow.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "blastBadgeNoShadow.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "blastBadgeNoShadow@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "blastBadgeNoShadow@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

package.json

@@ -129,7 +129,7 @@
     "@types/react-redux": "7.1.9",
     "@types/url-join": "4.0.1",
     "@unstoppabledomains/resolution": "7.1.4",
-    "@wagmi/chains": "1.6.0",
+    "@wagmi/chains": "1.8.0",
     "@walletconnect/client": "1.8.0",
     "@walletconnect/core": "2.11.2",
     "@walletconnect/legacy-utils": "2.0.0",

src/components/asset-list/RecyclerAssetList2/FastComponents/FastCoinBadge.tsx

@@ -14,6 +14,8 @@ import BaseBadge from '@/assets/badges/baseBadge.png';
 import BaseBadgeDark from '@/assets/badges/baseBadgeDark.png';
 import AvalancheBadge from '@/assets/badges/avalancheBadge.png';
 import AvalancheBadgeDark from '@/assets/badges/avalancheBadgeDark.png';
+import BlastBadge from '@/assets/badges/blastBadge.png';
+import BlastBadgeDark from '@/assets/badges/blastBadgeDark.png';
 import { Network } from '@/networks/types';
 
 interface FastChainBadgeProps {
@@ -55,6 +57,10 @@ const AssetIconsByTheme: {
     dark: AvalancheBadgeDark,
     light: AvalancheBadge,
   },
+  [Network.blast]: {
+    dark: BlastBadgeDark,
+    light: BlastBadge,
+  },
 };
 
 export const FastChainBadge = React.memo(function FastChainBadge({ network, theme }: FastChainBadgeProps) {

src/components/coin-icon/ChainBadge.js

@@ -28,6 +28,10 @@ import AvalancheBadge from '../../assets/badges/avalancheBadge.png';
 import AvalancheBadgeDark from '../../assets/badges/avalancheBadgeDark.png';
 import AvalancheBadgeLarge from '../../assets/badges/avalancheBadgeLarge.png';
 import AvalancheBadgeLargeDark from '../../assets/badges/avalancheBadgeLargeDark.png';
+import BlastBadge from '../../assets/badges/blastBadge.png';
+import BlastBadgeDark from '../../assets/badges/blastBadgeDark.png';
+import BlastBadgeLarge from '../../assets/badges/blastBadgeLarge.png';
+import BlastBadgeLargeDark from '../../assets/badges/blastBadgeLargeDark.png';
 import { Centered } from '../layout';
 import styled from '@/styled-thing';
 import { position as positions } from '@/styles';
@@ -82,6 +86,8 @@ export default function ChainBadge({
         val = isDarkMode ? BaseBadgeLargeDark : BaseBadgeLarge;
       } else if (network === Network.avalanche) {
         val = isDarkMode ? AvalancheBadgeLargeDark : AvalancheBadgeLarge;
+      } else if (network === Network.blast) {
+        val = isDarkMode ? BlastBadgeLargeDark : BlastBadgeLarge;
       }
     } else {
       if (network === Network.arbitrum) {
@@ -98,6 +104,8 @@ export default function ChainBadge({
         val = isDarkMode ? BaseBadgeDark : BaseBadge;
       } else if (network === Network.avalanche) {
         val = isDarkMode ? AvalancheBadgeDark : AvalancheBadge;
+      } else if (network === Network.blast) {
+        val = isDarkMode ? BlastBadgeDark : BlastBadge;
       }
     }
     return val;

src/components/gas/GasSpeedButton.js

@@ -351,6 +351,7 @@ const GasSpeedButton = ({
       case networkTypes.arbitrum:
       case networkTypes.zora:
       case networkTypes.base:
+      case networkTypes.blast:
       default:
         return { mainnet_address: ETH_ADDRESS, symbol: 'ETH' };
     }

src/handlers/web3.ts

@@ -63,6 +63,7 @@ export const proxyRpcEndpoint = (chainId: number, customEndpoint?: string) => {
     zora_mainnet_rpc,
     avalanche_mainnet_rpc,
     ethereum_mainnet_rpc,
+    blast_mainnet_rpc,
   } = getRemoteConfig();
   if (rpc_proxy_enabled) {
     return `${RPC_PROXY_BASE_URL}/${chainId}/${RPC_PROXY_API_KEY}${
@@ -88,6 +89,8 @@ export const proxyRpcEndpoint = (chainId: number, customEndpoint?: string) => {
         return zora_mainnet_rpc;
       case Network.avalanche:
         return avalanche_mainnet_rpc;
+      case Network.blast:
+        return blast_mainnet_rpc;
       case Network.gnosis:
       case Network.mainnet:
       default:

src/helpers/networkTypes.ts

@@ -9,6 +9,7 @@ export enum Network {
   zora = 'zora',
   gnosis = 'gnosis',
   avalanche = 'avalanche',
+  blast = 'blast',
 }
 
 // We need to keep this one until
@@ -24,4 +25,5 @@ export default {
   zora: 'zora' as Network,
   gnosis: 'gnosis' as Network,
   avalanche: 'avalanche' as Network,
+  blast: 'blast' as Network,
 };

src/model/remoteConfig.ts

@@ -18,6 +18,7 @@ import {
   ZORA_MAINNET_RPC,
   AVALANCHE_MAINNET_RPC,
   AVALANCHE_MAINNET_RPC_DEV,
+  BLAST_MAINNET_RPC,
 } from 'react-native-dotenv';
 import { RainbowError, logger } from '@/logger';
 import { getNetwork, saveNetwork } from '@/handlers/localstorage/globalSettings';
@@ -42,6 +43,7 @@ interface RainbowConfig extends Record<string, string | boolean | number> {
   zora_mainnet_rpc: string;
   base_mainnet_rpc: string;
   avalanche_mainnet_rpc: string;
+  blast_mainnet_rpc: string;
   swagg_enabled: boolean;
   trace_call_block_number_offset: number;
   profiles_enabled: boolean;
@@ -56,6 +58,7 @@ interface RainbowConfig extends Record<string, string | boolean | number> {
   mainnet_enabled: boolean;
   goerli_enabled: boolean;
   avalanche_enabled: boolean;
+  blast_enabled: boolean;
 
   arbitrum_tx_enabled: boolean;
   base_tx_enabled: boolean;
@@ -67,8 +70,10 @@ interface RainbowConfig extends Record<string, string | boolean | number> {
   mainnet_tx_enabled: boolean;
   goerli_tx_enabled: boolean;
   avalanche_tx_enabled: boolean;
+  blast_tx_enabled: boolean;
 
   base_swaps_enabled: boolean;
+  blast_swaps_enabled: boolean;
   mints_enabled: boolean;
   points_enabled: boolean;
   points_fully_enabled: boolean;
@@ -93,6 +98,7 @@ const DEFAULT_CONFIG: RainbowConfig = {
     base: 200,
     zora: 200,
     avalanche: 200,
+    blast: 200,
   }),
   ethereum_goerli_rpc: __DEV__ ? ETHEREUM_GOERLI_RPC_DEV : ETHEREUM_GOERLI_RPC,
   ethereum_mainnet_rpc: __DEV__ ? ETHEREUM_MAINNET_RPC_DEV : ETHEREUM_MAINNET_RPC,
@@ -106,6 +112,7 @@ const DEFAULT_CONFIG: RainbowConfig = {
   zora_mainnet_rpc: ZORA_MAINNET_RPC,
   base_mainnet_rpc: __DEV__ ? BASE_MAINNET_RPC_DEV : BASE_MAINNET_RPC,
   avalanche_mainnet_rpc: __DEV__ ? AVALANCHE_MAINNET_RPC_DEV : AVALANCHE_MAINNET_RPC,
+  blast_mainnet_rpc: BLAST_MAINNET_RPC,
   swagg_enabled: true,
   trace_call_block_number_offset: 20,
   profiles_enabled: true,
@@ -118,6 +125,7 @@ const DEFAULT_CONFIG: RainbowConfig = {
   base_enabled: true,
   op_chains_enabled: true,
   avalanche_enabled: true,
+  blast_enabled: true,
 
   mainnet_enabled: true,
 
@@ -131,12 +139,14 @@ const DEFAULT_CONFIG: RainbowConfig = {
   zora_tx_enabled: true,
   op_chains_tx_enabled: true,
   avalanche_tx_enabled: true,
+  blast_tx_enabled: true,
 
   mainnet_tx_enabled: true,
 
   goerli_tx_enabled: true,
 
   base_swaps_enabled: false,
+  blast_swaps_enabled: false,
   mints_enabled: true,
   points_enabled: true,
   points_fully_enabled: true,