@instadapp/avocado-base 0.0.0-dev.621c163 → 0.0.0-dev.637be1b

package/components/ChainLogo.vue

@@ -380,6 +380,146 @@
     </defs>
   </svg>
 
+  <svg
+    v-else-if="chain == 1313161554"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <rect
+      x="1"
+      y="1"
+      width="22"
+      height="22"
+      rx="11"
+      :fill="generateID('aurora', true)"
+    />
+    <path
+      d="M11.9961 7.26624C12.4182 7.26624 12.8014 7.505 12.9902 7.88257L16.1114 14.1291C16.3835 14.6788 16.1614 15.3451 15.6116 15.6172C15.4561 15.6949 15.2894 15.7338 15.1173 15.7338H8.87486C8.26395 15.7338 7.76411 15.234 7.76411 14.6233C7.76411 14.4511 7.80299 14.279 7.88074 14.1291L11.0019 7.88257C11.1908 7.49944 11.574 7.26069 11.9961 7.26624ZM11.9961 6.5C11.2852 6.5 10.6354 6.89978 10.3188 7.53831L7.19763 13.7848C6.73667 14.7121 7.10877 15.8337 8.03624 16.3001C8.29727 16.4278 8.58607 16.5 8.87486 16.5H15.1228C16.1558 16.5 17 15.6616 17 14.6288C17 14.3401 16.9334 14.0514 16.8001 13.7904L13.6733 7.53831C13.3567 6.89978 12.707 6.5 11.9961 6.5Z"
+      fill="white"
+    />
+    <rect
+      x="1"
+      y="1"
+      width="22"
+      height="22"
+      rx="11"
+      stroke="black"
+      stroke-width="2"
+      v-if="stroke"
+      :class="strokeClass"
+    />
+    <defs>
+      <linearGradient
+        :id="generateID('aurora')"
+        x1="12"
+        y1="2"
+        x2="12"
+        y2="22"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="#8EEF6B" />
+        <stop offset="1" stop-color="#70D44B" />
+      </linearGradient>
+    </defs>
+  </svg>
+
+  <svg
+    v-else-if="chain == 250"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <rect
+      x="1"
+      y="1"
+      width="22"
+      height="22"
+      rx="11"
+      :fill="generateID('fantom', true)"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12.75 10.0625L15 8.75V11.375L12.75 10.0625ZM15 15.6875L12 17.4375L9 15.6875V12.625L12 14.375L15 12.625V15.6875ZM9 8.75L11.25 10.0625L9 11.375V8.75ZM12.375 10.6875L14.625 12L12.375 13.3125V10.6875ZM11.625 13.3125L9.375 12L11.625 10.6875V13.3125ZM14.625 8.125L12 9.625L9.375 8.125L12 6.5625L14.625 8.125ZM8.25 7.875V16.0625L12 18.1875L15.75 16.0625V7.875L12 5.75L8.25 7.875Z"
+      fill="white"
+    />
+    <rect
+      x="1"
+      y="1"
+      width="22"
+      height="22"
+      rx="11"
+      stroke="black"
+      stroke-width="2"
+      v-if="stroke"
+      :class="strokeClass"
+    />
+    <defs>
+      <linearGradient
+        :id="generateID('fantom')"
+        x1="12"
+        y1="2"
+        x2="12"
+        y2="22"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="#51D3FF" />
+        <stop offset="1" stop-color="#13B5EC" />
+      </linearGradient>
+    </defs>
+  </svg>
+
+  <svg
+    v-else-if="chain == 634 || chain == 63400"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <rect
+      x="1"
+      y="1"
+      width="22"
+      height="22"
+      rx="11"
+      :fill="generateID('avo', true)"
+    />
+    <path
+      d="M11.9999 17.4052C11.9999 17.7497 12.2787 18.0322 12.6197 17.997C15.6422 17.6854 18 15.1194 18 12C18 8.88061 15.6422 6.31462 12.6197 6.00299C12.2787 5.96765 11.9999 6.25038 11.9999 6.59486V8.25799C11.9999 8.60246 12.2806 8.87521 12.6167 8.94319C14.0353 9.2307 15.1035 10.4899 15.1035 12C15.1035 13.5101 14.0353 14.7693 12.6167 15.0569C12.2806 15.1248 11.9999 15.3978 11.9999 15.7421V17.4052ZM10.1378 7.12664C10.1378 6.70254 9.7247 6.4036 9.34642 6.59132C7.36369 7.57527 6 9.62756 6 12C6 14.3725 7.36369 16.4248 9.34642 17.4087C9.7247 17.5964 10.1378 17.2975 10.1378 16.8734V7.12685V7.12664Z"
+      fill="white"
+    />
+    <rect
+      x="1"
+      y="1"
+      width="22"
+      height="22"
+      rx="11"
+      stroke="black"
+      stroke-width="2"
+      v-if="stroke"
+      :class="strokeClass"
+    />
+    <defs>
+      <linearGradient
+        :id="generateID('avo')"
+        x1="12"
+        y1="2"
+        x2="12"
+        y2="22"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="#6ED578" />
+        <stop offset="1" stop-color="#4CA054" />
+      </linearGradient>
+    </defs>
+  </svg>
+
   <template v-else>
     <svg
       v-bind="$attrs"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instadapp/avocado-base",
-  "version": "0.0.0-dev.621c163",
+  "version": "0.0.0-dev.637be1b",
   "type": "module",
   "main": "./nuxt.config.ts",
   "types": "global.d.ts",

package/server/utils/index.ts

@@ -1,2 +1,4 @@
 export * from "../../utils/avocado";
 export * from "../../utils/network";
+export * from "../../utils/bignumber";
+export * from "../../utils/formatter";

package/utils/formatter.ts

@@ -1,11 +1,14 @@
 export function formatPercent(
-  value: number,
+  value?: number | string,
   fractionDigits = 2,
   maxValue = null
 ) {
-  if (isZero(value)) return "0.00%";
+  if (!value || isZero(value)) return "0.00%";
 
-  if (maxValue && gt(times(value, "100"), maxValue)) return `>${maxValue}%`;
+  const valueAsNumber = toBN(value).toNumber();
+
+  if (maxValue && gt(times(valueAsNumber, "100"), maxValue))
+    return `>${maxValue}%`;
 
   const formatter = new Intl.NumberFormat("en-US", {
     style: "percent",
@@ -13,7 +16,7 @@ export function formatPercent(
     maximumFractionDigits: fractionDigits,
   });
 
-  return formatter.format(value);
+  return formatter.format(valueAsNumber);
 }
 
 export function shortenHash(hash: string, length: number = 4) {
@@ -42,10 +45,41 @@ export function signedNumber(numb: string | number) {
   }).format(toBN(numb).toNumber());
 }
 
-export function formatDecimal(value: string | number, decimalPlaces = 5) {
+function getFractionDigits(value: string | number) {
+  const absoluteValue = toBN(value).abs();
+
+  if (isZero(absoluteValue)) {
+    return 2;
+  } else if (lt(absoluteValue, 0.01)) {
+    return 6;
+  } else if (lt(absoluteValue, 1)) {
+    return 4;
+  } else if (lt(absoluteValue, 10000)) {
+    return 2;
+  } else {
+    return 0;
+  }
+}
+
+export function formatDecimal(
+  value: string | number,
+  fractionDigits = getFractionDigits(value)
+) {
   if (!value) {
     value = "0";
   }
+  let formatter;
+  if (lt(value, "0.0001") && gt(value, "0")) {
+    return "< 0.0001";
+  } else {
+    formatter = new Intl.NumberFormat("en-US", {
+      style: "decimal",
+      minimumFractionDigits: fractionDigits,
+      maximumFractionDigits: fractionDigits,
+    });
+  }
+
+  const valueAsNumber = toBN(value).toNumber();
 
-  return toBN(value).decimalPlaces(decimalPlaces).toFormat();
+  return formatter.format(valueAsNumber);
 }

package/utils/network.ts

@@ -7,15 +7,16 @@ export const networks: Network[] = [
     name: "Mainnet",
     debankName: "eth",
     ankrName: "eth",
+    zerionName: "ethereum",
     chainId: 1,
+    explorerUrl: "https://etherscan.io",
+    get serverRpcUrl() {
+      return process.env?.MAINNET_RPC_URL || this.params.rpcUrls[0];
+    },
+    balanceResolverAddress: "0x5b7D61b389D12e1f5873d0cCEe7E675915AB5F43",
+    usdcAddress: "0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48",
     params: {
       rpcUrls: ["https://rpc.ankr.com/eth"],
-      explorerUrl: "https://etherscan.io",
-      get serverRpcUrl() {
-        return process.env?.MAINNET_RPC_URL || this.rpcUrls[0];
-      },
-      balanceResolverAddress: "0x5b7D61b389D12e1f5873d0cCEe7E675915AB5F43",
-      usdcAddress: "0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48",
       nativeCurrency: {
         name: "Ethereum",
         symbol: "ETH",
@@ -27,7 +28,14 @@ export const networks: Network[] = [
     name: "Polygon",
     debankName: "matic",
     ankrName: "polygon",
+    zerionName: "polygon",
     chainId: 137,
+    balanceResolverAddress: "0x58632D23120b20650262b8A629a14e4F4043E0D9",
+    usdcAddress: "0x2791Bca1f2de4661ED88A30C99A7a9449Aa84174",
+    explorerUrl: "https://polygonscan.com",
+    get serverRpcUrl() {
+      return process.env?.POLYGON_RPC_URL || this.params.rpcUrls[0];
+    },
     params: {
       chainName: "Matic(Polygon) Mainnet",
       nativeCurrency: {
@@ -35,20 +43,21 @@ export const networks: Network[] = [
         symbol: "MATIC",
         decimals: 18,
       },
-      balanceResolverAddress: "0x58632D23120b20650262b8A629a14e4F4043E0D9",
-      usdcAddress: "0x2791Bca1f2de4661ED88A30C99A7a9449Aa84174",
       rpcUrls: ["https://polygon-rpc.com"],
-      get serverRpcUrl() {
-        return process.env?.POLYGON_RPC_URL || this.rpcUrls[0];
-      },
-      explorerUrl: "https://polygonscan.com",
     },
   },
   {
     name: "Arbitrum",
     debankName: "arb",
     ankrName: "arbitrum",
+    zerionName: "arbitrum",
     chainId: 42161,
+    usdcAddress: "0xff970a61a04b1ca14834a43f5de4533ebddb5cc8",
+    balanceResolverAddress: "0xca5f37e6D8bB24c5A7958d5eccE7Bd9Aacc944f2",
+    explorerUrl: "https://arbiscan.io",
+    get serverRpcUrl() {
+      return process.env?.ARBITRUM_RPC_URL || this.params.rpcUrls[0];
+    },
     params: {
       chainName: "Arbitrum One",
       nativeCurrency: {
@@ -56,20 +65,21 @@ export const networks: Network[] = [
         symbol: "ETH",
         decimals: 18,
       },
-      usdcAddress: "0xff970a61a04b1ca14834a43f5de4533ebddb5cc8",
-      balanceResolverAddress: "0xca5f37e6D8bB24c5A7958d5eccE7Bd9Aacc944f2",
-      get serverRpcUrl() {
-        return process.env?.ARBITRUM_RPC_URL || this.rpcUrls[0];
-      },
       rpcUrls: ["https://arb1.arbitrum.io/rpc"],
-      explorerUrl: "https://arbiscan.io",
     },
   },
   {
     name: "Optimism",
     debankName: "op",
     ankrName: "optimism",
+    zerionName: "optimism",
     chainId: 10,
+    usdcAddress: "0x7f5c764cbc14f9669b88837ca1490cca17c31607",
+    balanceResolverAddress: "0xca5f37e6D8bB24c5A7958d5eccE7Bd9Aacc944f2",
+    explorerUrl: "https://optimistic.etherscan.io",
+    get serverRpcUrl() {
+      return process.env?.OPTIMISM_RPC_URL || this.params.rpcUrls[0];
+    },
     params: {
       chainName: "Optimistic Ethereum",
       nativeCurrency: {
@@ -77,50 +87,46 @@ export const networks: Network[] = [
         symbol: "ETH",
         decimals: 18,
       },
-      usdcAddress: "0x7f5c764cbc14f9669b88837ca1490cca17c31607",
-      balanceResolverAddress: "0xca5f37e6D8bB24c5A7958d5eccE7Bd9Aacc944f2",
-      get serverRpcUrl() {
-        return process.env?.OPTIMISM_RPC_URL || this.rpcUrls[0];
-      },
-      rpcUrls: ["https://mainnet.optimism.io"],
-      explorerUrl: "https://optimistic.etherscan.io",
+      rpcUrls: ["https://rpc.ankr.com/optimism"],
     },
   },
   {
     name: "Avalanche",
     debankName: "avax",
     ankrName: "avalanche",
+    zerionName: "avalanche",
     chainId: 43114,
+    usdcAddress: "0xb97ef9ef8734c71904d8002f8b6bc66dd9c48a6e",
+    balanceResolverAddress: "0x63009f31D054E0ac9F321Cf0D642375236A4Bf1E",
+    explorerUrl: "https://snowtrace.io",
+    get serverRpcUrl() {
+      return process.env?.AVALANCHE_RPC_URL || this.params.rpcUrls[0];
+    },
     params: {
       chainName: "Avalanche Network",
-      get serverRpcUrl() {
-        return process.env?.AVALANCHE_RPC_URL || this.rpcUrls[0];
-      },
       nativeCurrency: {
         name: "Avalanche",
         symbol: "AVAX",
         decimals: 18,
       },
-      usdcAddress: "0xb97ef9ef8734c71904d8002f8b6bc66dd9c48a6e",
-      balanceResolverAddress: "0x63009f31D054E0ac9F321Cf0D642375236A4Bf1E",
       rpcUrls: ["https://api.avax.network/ext/bc/C/rpc"],
-      explorerUrl: "https://snowtrace.io",
     },
   },
   {
     name: "BSC",
     debankName: "bsc",
     ankrName: "bsc",
+    zerionName: "binance-smart-chain",
     chainId: 56,
+    explorerUrl: "https://bscscan.com",
+    usdcAddress: "0x8ac76a51cc950d9822d68b83fe1ad97b32cd580d",
+    balanceResolverAddress: "0xb808cff38706e267067b0af427726aa099f69f89",
+    get serverRpcUrl() {
+      return process.env?.BSC_RPC_URL || this.params.rpcUrls[0];
+    },
     params: {
       chainName: "Binance Smart Chain",
-      explorerUrl: "https://bscscan.com",
       rpcUrls: ["https://rpc.ankr.com/bsc"],
-      get serverRpcUrl() {
-        return process.env?.BSC_RPC_URL || this.rpcUrls[0];
-      },
-      usdcAddress: "0x8ac76a51cc950d9822d68b83fe1ad97b32cd580d",
-      balanceResolverAddress: "0xb808cff38706e267067b0af427726aa099f69f89",
       nativeCurrency: {
         name: "Binance Coin",
         symbol: "BNB",
@@ -131,17 +137,17 @@ export const networks: Network[] = [
   {
     name: "Gnosis",
     debankName: "xdai",
-    ankrName: "gnosis",
+    zerionName: "xdai",
     chainId: 100,
+    balanceResolverAddress: "0xfaa244e276b1597f663975ed007ee4ff70d27849",
+    explorerUrl: "https://gnosisscan.io",
+    usdcAddress: "0xddafbb505ad214d7b80b1f830fccc89b60fb7a83",
+    get serverRpcUrl() {
+      return process.env?.GNOSIS_RPC_URL || this.params.rpcUrls[0];
+    },
     params: {
       chainName: "Gnosis Safe",
-      explorerUrl: "https://gnosisscan.io",
       rpcUrls: ["https://rpc.ankr.com/gnosis"],
-      get serverRpcUrl() {
-        return process.env?.GNOSIS_RPC_URL || this.rpcUrls[0];
-      },
-      balanceResolverAddress: "0xfaa244e276b1597f663975ed007ee4ff70d27849",
-      usdcAddress: "0xddafbb505ad214d7b80b1f830fccc89b60fb7a83",
       nativeCurrency: {
         name: "xdaistable",
         symbol: "xDAI",
@@ -152,15 +158,16 @@ export const networks: Network[] = [
   {
     name: "Polygon zkEVM",
     chainId: 1101,
+    explorerUrl: "https://zkevm.polygonscan.com",
+    balanceResolverAddress: "0x48D1Fa5Ee6691a1E0B45d2B515650997BEA27a01",
+    usdcAddress: "0xa8ce8aee21bc2a48a5ef670afcc9274c7bbbc035",
+    get serverRpcUrl() {
+      return process.env?.POLYGON_ZKEVM_RPC_URL || this.params.rpcUrls[0];
+    },
     params: {
       chainName: "polygon zkEVM",
-      explorerUrl: "https://zkevm.polygonscan.com",
       rpcUrls: ["https://rpc.ankr.com/polygon_zkevm"],
-      get serverRpcUrl() {
-        return process.env?.POLYGON_ZKEVM_RPC_URL || this.rpcUrls[0];
-      },
-      balanceResolverAddress: "0x48D1Fa5Ee6691a1E0B45d2B515650997BEA27a01",
-      usdcAddress: "0xa8ce8aee21bc2a48a5ef670afcc9274c7bbbc035",
+
       nativeCurrency: {
         name: "Ethereum",
         symbol: "ETH",
@@ -168,10 +175,55 @@ export const networks: Network[] = [
       },
     },
   },
+  // {
+  //   name: "Aurora",
+  //   chainId: 1313161554,
+  //   zerionName: "aurora",
+  //   explorerUrl: "https://explorer.mainnet.aurora.dev",
+  //   get serverRpcUrl() {
+  //     return process.env?.AURORA_RPC_URL || this.params.rpcUrls[0];
+  //   },
+  //   usdcAddress: "0xB12BFcA5A55806AaF64E99521918A4bf0fC40802",
+  //   balanceResolverAddress: "0xdF19Da523DA64bBE82eE0E4DFf00d676A8386474",
+  //   params: {
+  //     rpcUrls: ["https://mainnet.aurora.dev"],
+  //     chainName: "Aurora",
+  //     nativeCurrency: {
+  //       decimals: 18,
+  //       name: "Aurora ETH",
+  //       symbol: "AETH",
+  //     },
+  //   },
+  // },
+  {
+    name: "Fantom",
+    chainId: 250,
+    zerionName: "fantom",
+    explorerUrl: "https://ftmscan.com",
+    ankrName: "fantom",
+    get serverRpcUrl() {
+      return process.env?.FANTOM_RPC_URL || this.params.rpcUrls[0];
+    },
+    usdcAddress: "0x04068da6c83afcfa0e13ba15a6696662335d5b75",
+    balanceResolverAddress: "0x929376c77a2fb8152375a089a4fccf84ff481479",
+    params: {
+      rpcUrls: ["https://rpc.ankr.com/fantom"],
+      chainName: "Fantom",
+      nativeCurrency: {
+        name: "Fantom",
+        symbol: "FTM",
+        decimals: 18,
+      },
+    },
+  },
   {
     name: AVO_PROD_CHAIN_NAME,
     chainId: AVO_PROD_CHAIN_ID,
     isAvocado: true,
+    balanceResolverAddress: "",
+    usdcAddress: "",
+    serverRpcUrl: AVO_PROD_RPC_URL,
+    explorerUrl: AVO_PROD_EXPLORER_URL,
     params: {
       chainName: AVO_PROD_CHAIN_NAME,
       nativeCurrency: {
@@ -180,17 +232,17 @@ export const networks: Network[] = [
         decimals: 18,
       },
       iconUrls: ["https://avocado.instadapp.io/logo.svg"],
-      balanceResolverAddress: "",
-      usdcAddress: "",
-      serverRpcUrl: AVO_PROD_RPC_URL,
       rpcUrls: [AVO_PROD_RPC_URL],
-      explorerUrl: AVO_PROD_EXPLORER_URL,
     },
   },
   {
     name: AVO_STAGING_CHAIN_NAME,
     chainId: AVO_STAGING_CHAIN_ID,
+    serverRpcUrl: AVO_STAGING_RPC_URL,
+    explorerUrl: AVO_STAGING_EXPLORER_URL,
     isAvocado: true,
+    balanceResolverAddress: "",
+    usdcAddress: "",
     params: {
       chainName: AVO_STAGING_CHAIN_NAME,
       nativeCurrency: {
@@ -198,12 +250,8 @@ export const networks: Network[] = [
         symbol: "USDC",
         decimals: 18,
       },
-      serverRpcUrl: AVO_STAGING_RPC_URL,
-      balanceResolverAddress: "",
-      usdcAddress: "",
       iconUrls: ["https://avocado.instadapp.io/logo.svg"],
       rpcUrls: [AVO_STAGING_RPC_URL],
-      explorerUrl: AVO_STAGING_EXPLORER_URL,
     },
   },
 ];
@@ -235,14 +283,17 @@ export const RPCMap = networks.reduce((acc, network) => {
 
 export const networkIds = networks.map((network) => network.chainId);
 
-const rpcInstances: Record<string, ethers.providers.JsonRpcProvider> = {};
-const serverRpcInstances: Record<string, ethers.providers.JsonRpcProvider> = {};
+const rpcInstances: Record<string, ethers.providers.StaticJsonRpcProvider> = {};
+const serverRpcInstances: Record<
+  string,
+  ethers.providers.StaticJsonRpcProvider
+> = {};
 
 export const getServerRpcProvider = (chainId: number | string) => {
   if (!rpcInstances[chainId]) {
     const network = networks.find((n) => n.chainId == chainId);
-    serverRpcInstances[chainId] = new ethers.providers.JsonRpcProvider(
-      network?.params.serverRpcUrl
+    serverRpcInstances[chainId] = new ethers.providers.StaticJsonRpcProvider(
+      network?.serverRpcUrl
     );
   }
 
@@ -251,7 +302,7 @@ export const getServerRpcProvider = (chainId: number | string) => {
 
 export const getRpcProvider = (chainId: number | string) => {
   if (!rpcInstances[chainId]) {
-    rpcInstances[chainId] = new ethers.providers.JsonRpcProvider(
+    rpcInstances[chainId] = new ethers.providers.StaticJsonRpcProvider(
       getRpcURLByChainId(Number(chainId))
     );
   }
@@ -264,5 +315,5 @@ export const getExplorerUrl = (
   suffix: `/${string}` = "/"
 ) => {
   const network = getNetworkByChainId(chainId);
-  return `${network.params.explorerUrl}${suffix}`;
+  return `${network.explorerUrl}${suffix}`;
 };

package/utils/utils.d.ts

@@ -1,4 +1,16 @@
-type ChainId = 1 | 137 | 42161 | 10 | 56 | 43114 | 100 | 1101 | 634 | 63400;
+type ChainId =
+  | 1
+  | 137
+  | 42161
+  | 10
+  | 56
+  | 43114
+  | 100
+  | 1101
+  | 250
+  | 634
+  | 1313161554
+  | 63400;
 
 type ISlackMessageType = "danger" | "error" | "success" | "banner";
 
@@ -6,16 +18,17 @@ interface Network {
   name: string;
   debankName?: string;
   ankrName?: string;
+  zerionName?: string;
   chainId: ChainId;
   isAvocado?: boolean;
+  serverRpcUrl: string | undefined;
+  balanceResolverAddress?: string;
+  usdcAddress: string;
+  explorerUrl: string;
   params: {
     chainName?: string;
-    rpcUrls: string[];
-    serverRpcUrl: string | undefined;
-    balanceResolverAddress?: string;
-    usdcAddress: string;
-    explorerUrl: string;
     iconUrls?: string[];
+    rpcUrls: string[];
     nativeCurrency?: {
       name: string;
       symbol: string;