@instadapp/avocado-base 0.0.0-dev.fc86158 → 0.0.0-dev.fd1507c

package/nuxt.config.ts

@@ -1,4 +1,20 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
+import ViteComponents from "unplugin-vue-components/vite";
+
 export default defineNuxtConfig({
-  modules: ["@nuxtjs/tailwindcss"],
+  modules: ["@nuxtjs/tailwindcss", "nuxt-svgo", "@vueuse/nuxt"],
+  svgo: {
+    defaultImport: "component",
+    autoImportPath: "./assets/images/icons",
+    svgoConfig: {
+      plugins: ["prefixIds"],
+    },
+  },
+  vite: {
+    plugins: [
+      ViteComponents({
+        dts: true,
+      }),
+    ],
+  },
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instadapp/avocado-base",
-  "version": "0.0.0-dev.fc86158",
+  "version": "0.0.0-dev.fd1507c",
   "type": "module",
   "main": "./nuxt.config.ts",
   "types": "global.d.ts",
@@ -16,11 +16,14 @@
     "@instadapp/avocado-dev": "npm:@instadapp/avocado@dev",
     "@nuxtjs/tailwindcss": "^6.6.5",
     "@typechain/ethers-v5": "^10.2.0",
-    "nuxt": "^3.3.3",
+    "nuxt": "^3.6.1",
+    "nuxt-svgo": "^3.1.0",
     "rimraf": "^3.0.2",
-    "typechain": "^8.1.1"
+    "typechain": "^8.1.1",
+    "unplugin-vue-components": "^0.25.1"
   },
   "dependencies": {
+    "@vueuse/nuxt": "^10.2.0",
     "bignumber.js": "^9.1.1",
     "ethers": "^5.7.2"
   }

package/utils/avocado.ts

@@ -20,3 +20,5 @@ export const AVO_STAGING_DEPOSIT_ADDRESS =
 export const AVO_PROD_RPC_URL = "https://rpc.avocado.instadapp.io";
 
 export const AVO_STAGING_RPC_URL = "https://rpc.avocado.instad.app";
+
+export const blockQueryURL = "https://blockquery.instadapp.io";

package/utils/bignumber.ts

@@ -1,6 +1,8 @@
 import { BigNumber } from "bignumber.js";
 import { BigNumber as BN } from "ethers";
 
+type CombinedBigNumber = BigNumber | string | number;
+
 export const toBN = (value: BigNumber.Value | BN) =>
   new BigNumber(BN.isBigNumber(value) ? value.toString() : value);
 export const isZero = (value: BigNumber.Value | BN) => toBN(value).isZero();
@@ -29,3 +31,21 @@ export const ensureValue = (value: any) => {
 export const max = (...args: BigNumber.Value[]) => {
   return BigNumber.max(...args);
 };
+
+export function pow(value: CombinedBigNumber, exponent: string | number) {
+  return toBN(value).pow(toBN(exponent));
+}
+
+export function toWei(val: CombinedBigNumber, decimals: number): string {
+  const num = toBN(val);
+  const multiplier = pow(10, decimals);
+  return times(num, multiplier).toFixed(0);
+}
+
+export function fromWei(val: CombinedBigNumber, decimal = 18) {
+  return toBN(val).div(new BigNumber(10).pow(decimal));
+}
+
+export function abs(value: CombinedBigNumber) {
+  return toBN(value).abs();
+}

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,50 @@ 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?: number) {
   if (!value) {
     value = "0";
   }
+  if (lt(value, "0.0001") && gt(value, "0")) {
+    return "< 0.0001";
+  } else {
+    const num = toBN(value);
+    let decimals;
+
+    if (num.lt(1)) {
+      decimals = 8;
+    } else if (num.lt(10)) {
+      decimals = 6;
+    } else if (num.lt(100)) {
+      decimals = 4;
+    } else if (num.lt(1000)) {
+      decimals = 3;
+    } else if (num.lt(10000)) {
+      decimals = 2;
+    } else if (num.lt(100000)) {
+      decimals = 1;
+    } else {
+      decimals = 0;
+    }
 
-  return toBN(value).decimalPlaces(decimalPlaces).toFormat();
+    const formattedNumber = num.toFixed(fractionDigits || decimals);
+
+    return toBN(formattedNumber).toFormat();
+  }
 }

package/utils/metadata.ts

@@ -1,5 +1,5 @@
 import { ethers, utils } from "ethers";
-import { Forwarder__factory } from "@/contracts";
+import { Forwarder__factory } from "../contracts";
 
 const multiMetadataTypes = ["bytes[]"];
 
@@ -7,6 +7,13 @@ const metadataTypes = ["bytes32 type", "uint8 version", "bytes data"];
 
 const actionMetadataTypes = {
   transfer: ["address token", "uint256 amount", "address receiver"],
+  "cross-transfer": [
+    "address fromToken",
+    "address toToken",
+    "uint256 toChainId",
+    "uint256 amount",
+    "address receiver",
+  ],
   bridge: [
     "uint256 amount",
     "address receiver",
@@ -27,6 +34,7 @@ const actionMetadataTypes = {
   "gas-topup": ["uint256 amount", "address token", "address onBehalf"],
   upgrade: ["bytes32 version", "address walletImpl"],
   dapp: ["string name", "string url"],
+  auth: ["address address", "uint256 chainId", "bool remove"],
   deploy: [],
   permit2: [
     "address token",
@@ -34,6 +42,7 @@ const actionMetadataTypes = {
     "uint160 amount",
     "uint48 expiration",
   ],
+  "instadapp-pro": ["string castDetails"],
 };
 
 const encodeMetadata = (props: MetadataProps) => {
@@ -78,6 +87,46 @@ export const encodeTransferMetadata = (
   return single ? encodeMultipleActions(data) : data;
 };
 
+export const encodeCrossTransferMetadata = (
+  params: CrossSendMetadataProps,
+  single = true
+) => {
+  const encodedData = ethers.utils.defaultAbiCoder.encode(
+    actionMetadataTypes["cross-transfer"],
+    [
+      params.fromToken,
+      params.toToken,
+      params.toChainId,
+      params.amount,
+      params.receiver,
+    ]
+  );
+
+  const data = encodeMetadata({
+    type: "cross-transfer",
+    encodedData,
+  });
+
+  return single ? encodeMultipleActions(data) : data;
+};
+
+export const encodeAuthMetadata = (
+  params: AuthMetadataProps,
+  single = true
+) => {
+  const encodedData = ethers.utils.defaultAbiCoder.encode(
+    actionMetadataTypes["auth"],
+    [params.address, params.chainId, params.remove]
+  );
+
+  const data = encodeMetadata({
+    type: "auth",
+    encodedData,
+  });
+
+  return single ? encodeMultipleActions(data) : data;
+};
+
 export const encodeDeployMetadata = (single = true) => {
   const data = encodeMetadata({
     type: "deploy",
@@ -208,7 +257,7 @@ export const decodeMetadata = (data: string) => {
       } else {
         metadata = executeData.metadata_;
       }
-    } else {
+    } else if (data.startsWith("0x14f80a8d")) {
       const executeDataV2 = iface.decodeFunctionData("executeV2", data);
       if (
         executeDataV2.params_.metadata === "0x" ||
@@ -218,6 +267,29 @@ export const decodeMetadata = (data: string) => {
       } else {
         metadata = executeDataV2.params_.metadata;
       }
+    } else if (data.startsWith("0x85114d53")) {
+      const executeDataV3 = iface.decodeFunctionData("executeV3", data);
+      if (
+        executeDataV3.params_.metadata === "0x" ||
+        !executeDataV3.params_.metadata
+      ) {
+        return null;
+      } else {
+        metadata = executeDataV3.params_.metadata;
+      }
+    } else {
+      const executeDataMultisigV3 = iface.decodeFunctionData(
+        "executeMultisigV3",
+        data
+      );
+      if (
+        executeDataMultisigV3.params_.metadata === "0x" ||
+        !executeDataMultisigV3.params_.metadata
+      ) {
+        return null;
+      } else {
+        metadata = executeDataMultisigV3.params_.metadata;
+      }
     }
 
     const metadataArr = [];
@@ -302,6 +374,7 @@ export const decodeMetadata = (data: string) => {
           payload = {
             type,
           };
+          break;
 
         case "permit2":
           payload = {
@@ -311,6 +384,37 @@ export const decodeMetadata = (data: string) => {
             amount: toBN(decodedData.amount).toFixed(),
             expiration: decodedData.expiration,
           };
+          break;
+
+        case "cross-transfer":
+          payload = {
+            type,
+            fromToken: decodedData.fromToken,
+            toToken: decodedData.toToken,
+            toChainId: decodedData.toChainId
+              ? decodedData.toChainId.toString()
+              : null,
+            amount: toBN(decodedData.amount).toFixed(),
+            receiver: decodedData.receiver,
+          };
+
+          break;
+        case "auth":
+          payload = {
+            type: decodedData.remove ? "remove-authority" : "add-authority",
+            address: decodedData.address,
+            chainId: decodedData.chainId
+              ? decodedData.chainId.toString()
+              : null,
+            remove: decodedData.remove,
+          };
+
+          break;
+        case "instadapp-pro":
+          payload = {
+            type,
+            castDetails: decodedData.castDetails,
+          };
 
           break;
       }
@@ -320,7 +424,21 @@ export const decodeMetadata = (data: string) => {
 
     return metadataArr;
   } catch (e) {
-    console.log(e);
+    // console.log(e);
     return null;
   }
 };
+
+/**
+ * Replaces hyphens with spaces and capitalizes the first letter of each word in a sentence.
+ * @param {string} txType - The input sentence to modify
+ *
+ * @returns {string} - The modified sentence with hyphens replaced with spaces and the first letter of each word capitalized.
+ */
+export const formatTxType = (txType: string) => {
+  const finalSentence = txType
+    .replace("-", " ")
+    .replace(/(^\w{1})|(\s+\w{1})/g, (letter) => letter.toUpperCase());
+
+  return finalSentence;
+};

package/utils/network.ts

@@ -4,11 +4,13 @@ export const bridgeDisabledNetworks = [1101];
 
 export const networks: Network[] = [
   {
-    name: "Mainnet",
+    name: "Ethereum",
     debankName: "eth",
     ankrName: "eth",
+    zerionName: "ethereum",
     chainId: 1,
     explorerUrl: "https://etherscan.io",
+    color: "#5D5FEF",
     get serverRpcUrl() {
       return process.env?.MAINNET_RPC_URL || this.params.rpcUrls[0];
     },
@@ -27,6 +29,8 @@ export const networks: Network[] = [
     name: "Polygon",
     debankName: "matic",
     ankrName: "polygon",
+    zerionName: "polygon",
+    color: "#7A4ADD",
     chainId: 137,
     balanceResolverAddress: "0x58632D23120b20650262b8A629a14e4F4043E0D9",
     usdcAddress: "0x2791Bca1f2de4661ED88A30C99A7a9449Aa84174",
@@ -48,6 +52,8 @@ export const networks: Network[] = [
     name: "Arbitrum",
     debankName: "arb",
     ankrName: "arbitrum",
+    zerionName: "arbitrum",
+    color: "#2D374B",
     chainId: 42161,
     usdcAddress: "0xff970a61a04b1ca14834a43f5de4533ebddb5cc8",
     balanceResolverAddress: "0xca5f37e6D8bB24c5A7958d5eccE7Bd9Aacc944f2",
@@ -69,6 +75,8 @@ export const networks: Network[] = [
     name: "Optimism",
     debankName: "op",
     ankrName: "optimism",
+    zerionName: "optimism",
+    color: "#FF0420",
     chainId: 10,
     usdcAddress: "0x7f5c764cbc14f9669b88837ca1490cca17c31607",
     balanceResolverAddress: "0xca5f37e6D8bB24c5A7958d5eccE7Bd9Aacc944f2",
@@ -90,6 +98,8 @@ export const networks: Network[] = [
     name: "Avalanche",
     debankName: "avax",
     ankrName: "avalanche",
+    zerionName: "avalanche",
+    color: "#EB5757",
     chainId: 43114,
     usdcAddress: "0xb97ef9ef8734c71904d8002f8b6bc66dd9c48a6e",
     balanceResolverAddress: "0x63009f31D054E0ac9F321Cf0D642375236A4Bf1E",
@@ -104,13 +114,15 @@ export const networks: Network[] = [
         symbol: "AVAX",
         decimals: 18,
       },
-      rpcUrls: ["https://api.avax.network/ext/bc/C/rpc"],
+      rpcUrls: ["https://rpc.ankr.com/avalanche"],
     },
   },
   {
     name: "BSC",
     debankName: "bsc",
     ankrName: "bsc",
+    zerionName: "binance-smart-chain",
+    color: "#F3BA2F",
     chainId: 56,
     explorerUrl: "https://bscscan.com",
     usdcAddress: "0x8ac76a51cc950d9822d68b83fe1ad97b32cd580d",
@@ -131,7 +143,8 @@ export const networks: Network[] = [
   {
     name: "Gnosis",
     debankName: "xdai",
-    ankrName: "gnosis",
+    zerionName: "xdai",
+    color: "#04795C",
     chainId: 100,
     balanceResolverAddress: "0xfaa244e276b1597f663975ed007ee4ff70d27849",
     explorerUrl: "https://gnosisscan.io",
@@ -152,6 +165,7 @@ export const networks: Network[] = [
   {
     name: "Polygon zkEVM",
     chainId: 1101,
+    color: "#8544f6",
     explorerUrl: "https://zkevm.polygonscan.com",
     balanceResolverAddress: "0x48D1Fa5Ee6691a1E0B45d2B515650997BEA27a01",
     usdcAddress: "0xa8ce8aee21bc2a48a5ef670afcc9274c7bbbc035",
@@ -160,7 +174,7 @@ export const networks: Network[] = [
     },
     params: {
       chainName: "polygon zkEVM",
-      rpcUrls: ["https://rpc.ankr.com/polygon_zkevm"],
+      rpcUrls: ["https://zkevm-rpc.com"],
 
       nativeCurrency: {
         name: "Ethereum",
@@ -169,49 +183,55 @@ export const networks: Network[] = [
       },
     },
   },
-  // {
-  //   name: "Aurora",
-  //   chainId: 1313161554,
-  //   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,
-  //   explorerUrl: "https://ftmscan.com",
-  //   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: "Aurora",
+    chainId: 1313161554,
+    zerionName: "aurora",
+    color: "#78d64b",
+    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",
+    color: "#1969ff",
+    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: "",
+    color: "#16A34A",
     usdcAddress: "",
     serverRpcUrl: AVO_PROD_RPC_URL,
     explorerUrl: AVO_PROD_EXPLORER_URL,
@@ -230,6 +250,7 @@ export const networks: Network[] = [
     name: AVO_STAGING_CHAIN_NAME,
     chainId: AVO_STAGING_CHAIN_ID,
     serverRpcUrl: AVO_STAGING_RPC_URL,
+    color: "#16A34A",
     explorerUrl: AVO_STAGING_EXPLORER_URL,
     isAvocado: true,
     balanceResolverAddress: "",

package/utils/services.ts

@@ -0,0 +1,14 @@
+export const fetchTokenByAddress = async (
+  address: string,
+  chainId: string | number
+) => {
+  if (!address || !chainId) return null;
+  const [token] = (await $fetch(`${blockQueryURL}/${chainId}/tokens`, {
+    params: {
+      sparkline: false,
+      "addresses[]": [address],
+    },
+  })) as ITokenPrice[];
+
+  return token;
+};

package/utils/utils.d.ts

@@ -18,7 +18,9 @@ interface Network {
   name: string;
   debankName?: string;
   ankrName?: string;
+  zerionName?: string;
   chainId: ChainId;
+  color: string;
   isAvocado?: boolean;
   serverRpcUrl: string | undefined;
   balanceResolverAddress?: string;
@@ -54,6 +56,20 @@ type SendMetadataProps = {
   receiver: string;
 };
 
+type CrossSendMetadataProps = {
+  fromToken: string;
+  toToken: string;
+  toChainId: string;
+  amount: string;
+  receiver: string;
+};
+
+type AuthMetadataProps = {
+  address: string;
+  chainId: string;
+  remove: boolean;
+};
+
 type UpgradeMetadataProps = {
   version: string;
   walletImpl: string;
@@ -94,7 +110,21 @@ type MetadataProps = {
     | "upgrade"
     | "dapp"
     | "deploy"
-    | "permit2";
+    | "permit2"
+    | "cross-transfer"
+    | "auth";
   encodedData: string;
   version?: string;
 };
+
+interface ITokenPrice {
+  address: string;
+  chain_id: string;
+  name: string;
+  symbol: string;
+  decimals: number;
+  logo_url: string;
+  price: string;
+  coingecko_id: string;
+  sparkline_price_7d: number[];
+}