@instadapp/avocado-base 0.0.59 → 0.0.61

package/components/AuthorityAvatar.vue

@@ -1,9 +1,21 @@
 <script setup lang="ts">
+import * as XXH from 'xxhashjs';
+
 defineProps<{
   address: string
 }>();
 
 const randomId = Math.random().toString(36).substr(2, 9);
+
+export function generateColor(address: string): string {
+  const hash = XXH.h32(address, 0xABCD).toNumber()
+
+  const hue = hash % 360
+  const saturation = 80 + (hash % 30)
+  const lightness = 70 + (hash % 20)
+
+  return `hsl(${hue}, ${saturation}%, ${lightness}%)`
+}
 </script>
 
 <template>

package/components/ChainLogo.vue

@@ -1,13 +1,29 @@
 <template>
-  <span v-if="stroke" class="outline stroke-color dark:outline-[#161E2D] outline-[#F8FAFC]  outline-2 shrink-0 outline outline-offset-[-1.5px] rounded-full">
+  <template v-if="isNetworkNotAvailable">
+    <svg v-bind="$attrs" class="dark:hidden block" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
+      <rect width="20" height="20" fill="#CBD5E1" rx="10" />
+      <path fill="#fff" fill-rule="evenodd"
+        d="M10 3.999A6 6 0 1 0 10 16a6 6 0 0 0 0-12.001Zm0 10.8a4.8 4.8 0 1 1 0-9.6 4.8 4.8 0 0 1 0 9.6ZM6.399 9.67A3.6 3.6 0 0 1 9.68 6.4a.3.3 0 0 1 .318.318v.6a.294.294 0 0 1-.264.282A2.4 2.4 0 0 0 7.6 9.735a.294.294 0 0 1-.3.264h-.6a.312.312 0 0 1-.222-.096.336.336 0 0 1-.078-.234Z"
+        clip-rule="evenodd" />
+    </svg>
+    <svg v-bind="$attrs" class="dark:block hidden" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
+      <rect width="20" height="20" fill="#334155" rx="10" />
+      <path fill="#97A2B7" fill-rule="evenodd"
+        d="M10 3.999A6 6 0 1 0 10 16a6 6 0 0 0 0-12.001Zm0 10.8a4.8 4.8 0 1 1 0-9.6 4.8 4.8 0 0 1 0 9.6ZM6.399 9.67A3.6 3.6 0 0 1 9.68 6.4a.3.3 0 0 1 .318.318v.6a.294.294 0 0 1-.264.282A2.4 2.4 0 0 0 7.6 9.735a.294.294 0 0 1-.3.264h-.6a.312.312 0 0 1-.222-.096.336.336 0 0 1-.078-.234Z"
+        clip-rule="evenodd" />
+    </svg>
+  </template>
+  <span v-else-if="stroke" class="outline stroke-color dark:outline-[#161E2D] outline-[#F8FAFC]  outline-2 shrink-0 outline outline-offset-[-1.5px] rounded-full">
     <img class="w-full h-full" :src="`https://cdn.instadapp.io/avocado/networks/${chain}.svg`"/>
   </span>
    <img v-else :src="`https://cdn.instadapp.io/avocado/networks/${chain}.svg`"/>
 </template>
 
 <script lang="ts" setup>
-defineProps<{
-  chain: ChainId | number | string;
+const props = defineProps<{
+  chain?: ChainId | number | string;
   stroke?: boolean;
 }>();
+
+const isNetworkNotAvailable = computed(() => !networks.some((network) => String(network.chainId) === String(props.chain)))
 </script>

package/nuxt.config.ts

@@ -1,6 +1,5 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 import ViteComponents from "unplugin-vue-components/vite";
-import requireTransform from 'vite-plugin-require-transform'
 
 export default defineNuxtConfig({
   modules: ["@nuxtjs/tailwindcss", "nuxt-svgo", "@vueuse/nuxt"],
@@ -13,7 +12,6 @@ export default defineNuxtConfig({
   },
   vite: {
     plugins: [
-      requireTransform({}),
       ViteComponents({
         dts: true,
       }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instadapp/avocado-base",
-  "version": "0.0.59",
+  "version": "0.0.61",
   "type": "module",
   "main": "./nuxt.config.ts",
   "types": "global.d.ts",
@@ -21,7 +21,6 @@
     "rimraf": "^3.0.2",
     "typechain": "^8.1.1",
     "unplugin-vue-components": "^0.25.1",
-    "vite-plugin-require-transform": "^1.0.21",
     "vue-tippy": "^6.0.0"
   },
   "dependencies": {

package/utils/helper.ts

@@ -1,5 +1,3 @@
-import * as XXH from 'xxhashjs';
-
 export const indexSorter = (aIndex: number, bIndex: number) => {
   if (aIndex === -1 && bIndex === -1) {
     return 0; // fallback to other sorting criteria
@@ -62,12 +60,3 @@ export function formatMultipleAddresses(addresses: string[], shorten = true) {
   return formattedString
 }
 
-export function generateColor(address: string): string {
-  const hash = XXH.h32(address, 0xABCD).toNumber()
-
-  const hue = hash % 360
-  const saturation = 80 + (hash % 30)
-  const lightness = 70 + (hash % 20)
-
-  return `hsl(${hue}, ${saturation}%, ${lightness}%)`
-}

package/utils/network.ts

@@ -23,6 +23,7 @@ export const networks: Network[] = [
     balanceResolverAddress: "0x58632D23120b20650262b8A629a14e4F4043E0D9",
     usdcAddress: "0x2791Bca1f2de4661ED88A30C99A7a9449Aa84174",
     explorerUrl: "https://polygonscan.com",
+    apiURL: 'https://api.polygonscan.com',
     get serverRpcUrl() {
       return process.env?.POLYGON_RPC_URL || this.params.rpcUrls[0];
     },
@@ -46,6 +47,7 @@ export const networks: Network[] = [
     usdcAddress: "0xff970a61a04b1ca14834a43f5de4533ebddb5cc8",
     balanceResolverAddress: "0xca5f37e6D8bB24c5A7958d5eccE7Bd9Aacc944f2",
     explorerUrl: "https://arbiscan.io",
+    apiURL: 'https://api.arbiscan.io',
     get serverRpcUrl() {
       return process.env?.ARBITRUM_RPC_URL || this.params.rpcUrls[0];
     },
@@ -66,6 +68,7 @@ export const networks: Network[] = [
     zerionName: "ethereum",
     chainId: 1,
     explorerUrl: "https://etherscan.io",
+    apiURL: 'https://api.etherscan.io',
     color: "#5D5FEF",
     get serverRpcUrl() {
       return process.env?.MAINNET_RPC_URL || this.params.rpcUrls[0];
@@ -86,6 +89,7 @@ export const networks: Network[] = [
     chainId: 8453,
     color: '#1E2024',
     explorerUrl: 'https://basescan.org',
+    apiURL: 'https://api.basescan.org',
     get serverRpcUrl() {
       return process.env?.BASE_RPC_URL || this.params.rpcUrls[0];
      },
@@ -108,6 +112,7 @@ export const networks: Network[] = [
     zerionName: "optimism",
     color: "#FF0420",
     chainId: 10,
+    apiURL: 'https://api-optimistic.etherscan.io',
     usdcAddress: "0x7f5c764cbc14f9669b88837ca1490cca17c31607",
     balanceResolverAddress: "0xca5f37e6D8bB24c5A7958d5eccE7Bd9Aacc944f2",
     explorerUrl: "https://optimistic.etherscan.io",
@@ -129,6 +134,7 @@ export const networks: Network[] = [
     chainId: 1101,
     color: "#8544f6",
     explorerUrl: "https://zkevm.polygonscan.com",
+    apiURL: 'https://api-zkevm.polygonscan.com',
     balanceResolverAddress: "0x48D1Fa5Ee6691a1E0B45d2B515650997BEA27a01",
     usdcAddress: "0xa8ce8aee21bc2a48a5ef670afcc9274c7bbbc035",
     get serverRpcUrl() {
@@ -152,6 +158,7 @@ export const networks: Network[] = [
     color: "#F3BA2F",
     chainId: 56,
     explorerUrl: "https://bscscan.com",
+    apiURL: 'https://api.bscscan.com',
     usdcAddress: "0x8ac76a51cc950d9822d68b83fe1ad97b32cd580d",
     balanceResolverAddress: "0xb808cff38706e267067b0af427726aa099f69f89",
     get serverRpcUrl() {
@@ -177,6 +184,7 @@ export const networks: Network[] = [
     usdcAddress: "0xb97ef9ef8734c71904d8002f8b6bc66dd9c48a6e",
     balanceResolverAddress: "0x63009f31D054E0ac9F321Cf0D642375236A4Bf1E",
     explorerUrl: "https://snowtrace.io",
+    apiURL: 'https://api.snowtrace.io',
     get serverRpcUrl() {
       return process.env?.AVALANCHE_RPC_URL || this.params.rpcUrls[0];
     },
@@ -220,6 +228,7 @@ export const networks: Network[] = [
     chainId: 100,
     balanceResolverAddress: "0xfaa244e276b1597f663975ed007ee4ff70d27849",
     explorerUrl: "https://gnosisscan.io",
+    apiURL:'https://api.gnosisscan.io',
     usdcAddress: "0xddafbb505ad214d7b80b1f830fccc89b60fb7a83",
     get serverRpcUrl() {
       return process.env?.GNOSIS_RPC_URL || this.params.rpcUrls[0];

package/utils/utils.d.ts

@@ -34,6 +34,7 @@ declare global {
     balanceResolverAddress?: string;
     usdcAddress: string;
     explorerUrl: string;
+    apiURL?: string;
     params: {
       chainName?: string;
       iconUrls?: string[];