@instadapp/avocado-base 0.0.46 → 0.0.48

package/components/ActionMetadata.vue

@@ -7,9 +7,11 @@ const props = defineProps<{
   };
   chain_id: number | string;
   compact?: boolean;
+  tokens?: ITokenPrice[];
 }>();
 
 provide('compact', props.compact);
+provide('tokens', props.tokens);
 
 </script>
 

package/components/metadata/Bridge.vue

@@ -6,9 +6,13 @@ const props = defineProps<{
 }>();
 
 const compact = inject('compact');
+const tokens = inject<ITokenPrice[]>('tokens');
 
 const toToken = asyncComputed(() =>
-  fetchTokenByAddress(props.metadata?.toToken, props.metadata?.toChainId)
+{
+   if (Array.isArray(tokens) && !tokens.length) return null;
+    return  fetchTokenByAddress(props.metadata?.toToken, props.metadata?.toChainId, tokens)
+  }
 );
 
 const bridgeAmountFormatted = computed(() =>

package/components/metadata/CrossTransfer.vue

@@ -6,13 +6,17 @@ const props = defineProps<{
 }>();
 
 const compact = inject('compact');
+const tokens = inject<ITokenPrice[]>('tokens');
 
 const fromToken = asyncComputed(() => {
   if (!props?.chain_id) return null;
 
+  if (Array.isArray(tokens) && !tokens.length) return null;
+
   return fetchTokenByAddress(
     props.metadata?.fromToken,
-    props?.chain_id
+    props?.chain_id,
+    tokens
   );
 });
 

package/components/metadata/GasTopup.vue

@@ -5,8 +5,14 @@ const props = defineProps<{
   chain_id: number | string
 }>();
 
+const tokens = inject<ITokenPrice[]>('tokens');
+
 const token = asyncComputed(() =>
-  fetchTokenByAddress(props.metadata?.token, props?.chain_id)
+{
+  if (Array.isArray(tokens) && !tokens.length) return null;
+
+  return fetchTokenByAddress(props.metadata?.token, props?.chain_id, tokens)
+ }
 );
 
 const compact = inject('compact');

package/components/metadata/Permit2.vue

@@ -5,8 +5,13 @@ const props = defineProps<{
   chain_id: number | string
 }>();
 
+const tokens = inject<ITokenPrice[]>('tokens');
+
 const token = asyncComputed(() =>
-  fetchTokenByAddress(props.metadata?.token, props?.chain_id)
+{
+  if (Array.isArray(tokens) && !tokens.length) return null;
+  return fetchTokenByAddress(props.metadata?.token, props?.chain_id, tokens)
+}
 );
 
 const calculateDate = (timestamp: number) => {

package/components/metadata/Swap.vue

@@ -6,12 +6,19 @@ const props = defineProps<{
 }>();
 
 const compact = inject('compact');
+const tokens = inject<ITokenPrice[]>('tokens');
 
 const buyToken = asyncComputed(() =>
-  fetchTokenByAddress(props.metadata?.buyToken, props?.chain_id)
+{
+  if (Array.isArray(tokens) && !tokens.length) return null;
+    return fetchTokenByAddress(props.metadata?.buyToken, props?.chain_id, tokens) 
+  }
 );
 const sellToken = asyncComputed(() =>
-  fetchTokenByAddress(props.metadata?.sellToken, props?.chain_id)
+{
+  if (Array.isArray(tokens) && !tokens.length) return null;
+  return  fetchTokenByAddress(props.metadata?.sellToken, props?.chain_id, tokens)
+  }
 );
 
 const sellAmountFormatted = computed(() =>

package/components/metadata/Transfer.vue

@@ -6,13 +6,17 @@ const props = defineProps<{
 }>();
 
 const compact = inject('compact');
+const tokens = inject<ITokenPrice[]>('tokens');
 
 const token = asyncComputed(() => {
   if (!props?.chain_id) return null;
 
+  if (Array.isArray(tokens) && !tokens.length) return null;
+
   return fetchTokenByAddress(
     props.metadata?.token,
-    props?.chain_id
+    props?.chain_id,
+    tokens
   );
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instadapp/avocado-base",
-  "version": "0.0.46",
+  "version": "0.0.48",
   "type": "module",
   "main": "./nuxt.config.ts",
   "types": "global.d.ts",

package/utils/network.ts

@@ -175,7 +175,6 @@ export const networks: Network[] = [
     params: {
       chainName: "polygon zkEVM",
       rpcUrls: ["https://zkevm-rpc.com"],
-
       nativeCurrency: {
         name: "Ethereum",
         symbol: "ETH",
@@ -225,6 +224,26 @@ export const networks: Network[] = [
         decimals: 18,
       },
     },
+  },
+   {
+    name: 'Base',
+    chainId: 8453,
+    color: '#1E2024',
+    explorerUrl: 'https://basescan.org',
+    get serverRpcUrl() {
+      return process.env?.BASE_RPC_URL || this.params.rpcUrls[0];
+     },
+     usdcAddress: '0xd9aAEc86B65D86f6A7B5B1b0c42FFA531710b6CA',
+     balanceResolverAddress: '0x23c8EAb8a4373dD16b0947Ebe8bf76Ff7A49d13C',
+     params: {
+      rpcUrls: ['https://rpc.ankr.com/base'],
+      chainName: "Base",
+      nativeCurrency: {
+        name: "Ethereum",
+        symbol: "ETH",
+        decimals: 18,
+      },
+    }
   },
   {
     name: AVO_PROD_CHAIN_NAME,
@@ -281,6 +300,7 @@ export const chainUsdcAddresses = [
   { chainId: 43114, address: '0xa7d7079b0fead91f3e65f86e8915cb59c1a4c664' },
   { chainId: 1101, address: '0xa8ce8aee21bc2a48a5ef670afcc9274c7bbbc035' },
   { chainId: 1313161554, address: '0xB12BFcA5A55806AaF64E99521918A4bf0fC40802' },
+  { chainId: 8453, address: '0xd9aAEc86B65D86f6A7B5B1b0c42FFA531710b6CA'}
 ];
 
 export const getNetworkByChainId = (

package/utils/services.ts

@@ -1,8 +1,15 @@
 export const fetchTokenByAddress = async (
   address: string,
-  chainId: string | number
+  chainId: string | number,
+  tokens?: ITokenPrice[]
 ) => {
   if (!address || !chainId) return null;
+
+  if (tokens?.length) {
+    const token = tokens.find((token) => token.address?.toLocaleLowerCase() === address?.toLocaleLowerCase() && token.chain_id == chainId);
+    if (token) return token;
+  }
+
   const [token] = (await $fetch(`${blockQueryURL}/${chainId}/tokens`, {
     params: {
       sparkline: false,

package/utils/utils.d.ts

@@ -11,6 +11,7 @@ declare global {
     | 250
     | 634
     | 1313161554
+    | 8453
     | 63400;
  
   type ISlackMessageType = "danger" | "error" | "success" | "banner";