support sonic chain

Author: pixelis0x

app/package.json

@@ -12,7 +12,7 @@
   "dependencies": {
     "@ensofinance/sdk": "^1.0.1",
     "@ensofinance/shortcuts-widget": "workspace:*",
-    "@rainbow-me/rainbowkit": "^2.2.1",
+    "@rainbow-me/rainbowkit": "^2.2.4",
     "@tanstack/react-query": "^5.62.10",
     "@uidotdev/usehooks": "^2.4.1",
     "next-themes": "^0.4.4",

app/src/App.tsx

@@ -63,9 +63,7 @@ function App() {
       >
         <img src={logoUrl} alt={"Enso"} style={{ height: "50px" }} />
 
-        <div>
-          <ConnectButton />
-        </div>
+        <ConnectButton />
       </div>
 
       <div

app/src/components/Providers.tsx

@@ -11,14 +11,21 @@ import {
   gnosis,
   polygon,
   berachain,
+  sonic,
 } from "viem/chains";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { WagmiProvider } from "wagmi";
 import React from "react";
 
 const berachainWithIcon = {
   ...berachain,
-  iconUrl: "https://assets.coingecko.com/coins/images/25235/large/BERA.png?1738822008",
+  iconUrl:
+    "https://assets.coingecko.com/coins/images/25235/large/BERA.png?1738822008",
+};
+const sonicWithIcon = {
+  ...sonic,
+  iconUrl:
+    "https://assets.coingecko.com/coins/images/38108/standard/200x200_Sonic_Logo.png",
 };
 
 const config = getDefaultConfig({
@@ -29,6 +36,7 @@ const config = getDefaultConfig({
     base,
     arbitrum,
     berachainWithIcon,
+    sonicWithIcon,
     zksync,
     optimism,
     bsc,

pnpm-lock.yaml

@@ -61,6 +61,14 @@ const DAI_TOKEN: Token = {
   logoURI:
     "https://assets.coingecko.com/coins/images/11062/large/Identity-Primary-DarkBG.png",
 };
+const SONIC_TOKEN: Token = {
+  address: ETH_ADDRESS,
+  name: "Sonic",
+  symbol: "S",
+  decimals: 18,
+  logoURI:
+    "https://assets.coingecko.com/coins/images/38108/standard/200x200_Sonic_Logo.png",
+};
 
 export enum SupportedChainId {
   MAINNET = 1,
@@ -77,6 +85,7 @@ export enum SupportedChainId {
   GNOSIS = 100,
   AVALANCHE = 43114,
   BERACHAIN = 80094,
+  SONIC = 146,
   // ARBITRUM_RINKEBY = 421611,
   // OPTIMISM_GOERLI = 420,w
   // GOERLI = 5,
@@ -100,6 +109,7 @@ export const GECKO_CHAIN_NAMES: { [key in SupportedChainId]: string } = {
   [SupportedChainId.GNOSIS]: "xdai",
   [SupportedChainId.AVALANCHE]: "avalanche",
   [SupportedChainId.BERACHAIN]: "berachain",
+  [SupportedChainId.SONIC]: "sonic",
 };
 
 export const MOCK_IMAGE_URL =
@@ -120,6 +130,7 @@ export const CHAINS_ETHERSCAN: Record<SupportedChainId, string> = {
   [SupportedChainId.GNOSIS]: "https://gnosisscan.io/",
   [SupportedChainId.AVALANCHE]: "https://cchain.explorer.avax.network",
   [SupportedChainId.BERACHAIN]: "https://berascan.com",
+  [SupportedChainId.SONIC]: "https://sonicscan.io",
 };
 
 export const USDC_ADDRESS: Record<SupportedChainId, Address> = {
@@ -133,7 +144,8 @@ export const USDC_ADDRESS: Record<SupportedChainId, Address> = {
   [avalanche.id]: "0xb97ef9ef8734c71904d8002f8b6bc66dd9c48a6e",
   [gnosis.id]: "0xddafbb505ad214d7b80b1f830fccc89b60fb7a83",
   [bsc.id]: "0x8ac76a51cc950d9822d68b83fe1ad97b32cd580d",
-  [80094]: "0x549943e04f40284185054145c6e4e9568c1d3241",
+  [SupportedChainId.BERACHAIN]: "0x549943e04f40284185054145c6e4e9568c1d3241",
+  [SupportedChainId.SONIC]: "0x8ac76a51cc950d9822d68b83fe1ad97b32cd580d",
 };
 
 export const NATIVE_ETH_CHAINS = [
@@ -157,6 +169,7 @@ export const CHAINS_NATIVE_TOKENS: Record<SupportedChainId, Token> = {
   [SupportedChainId.POLYGON]: MATIC_TOKEN,
   [SupportedChainId.BERACHAIN]: BERA_TOKEN,
   [SupportedChainId.GNOSIS]: DAI_TOKEN,
+  [SupportedChainId.SONIC]: SONIC_TOKEN,
 };
 
 export const SWAP_LIMITS: Record<Address, number> = {

widget/src/constants.tsx

@@ -46,6 +46,21 @@ const getOogaboogaList: () => Promise<Token[]> = () =>
             : token.address.toLowerCase(),
       })),
     );
+//
+// const getShadowList: (chainId: number) => Promise<Token[]> = () =>
+//   fetch(
+//     `https://raw.githubusercontent.com/Shadow-Exchange/shadow-assets/main/blockchains/sonic/tokenlist.json`,
+//   )
+//     .then((res) => res.json())
+//     .then((data) =>
+//       data.tokens[0]
+//         .map((token: any) => ({
+//           ...token,
+//           address: token.address?.toLowerCase(),
+//           logoURI: `https://raw.githubusercontent.com/Shadow-Exchange/shadow-assets/main/blockchains/sonic/assets/${token.address}/logo.png`,
+//         }))
+//         .filter(({ address }) => address),
+//     );
 
 const getOneInchTokenList = (chainId: number) =>
   fetch("https://tokens.1inch.io/v1.2/" + chainId)
@@ -66,20 +81,38 @@ const getChainSymbolSortPriority = (chainId: SupportedChainId) => {
     UNI: 3,
     SUSHI: 3,
     AAVE: 3,
+    USDCE: 2,
   };
   switch (chainId) {
     default:
       return defaultPriority;
   }
 };
 
+const sonicAdditionalTokens = // TODO: remove after it comes in list for sonic
+  new Promise<Token[]>((resolve) =>
+    resolve([
+      {
+        address: "0x6047828dc181963ba44974801FF68e538dA5eaF9",
+        name: "Tether USD",
+        symbol: "USDT",
+        decimals: 6,
+        logoURI:
+          "https://assets.coingecko.com/coins/images/325/large/Tether.png",
+      },
+    ]),
+  );
+
 const getCurrentChainTokens = (chainId: SupportedChainId) => {
   let getters: Promise<Token[] | undefined>[] = [];
 
   switch (chainId) {
     case SupportedChainId.BERACHAIN:
       getters = [getOogaboogaList()];
       break;
+    case SupportedChainId.SONIC:
+      getters = [getGeckoList(chainId), sonicAdditionalTokens];
+      break;
     default:
       // priority for oneInch tokens
       getters = [getOneInchTokenList(chainId), getGeckoList(chainId)];