@instadapp/avocado-base 0.0.2 → 0.0.3

package/app.vue

@@ -0,0 +1,20 @@
+<template>
+  <div class="container mx-auto">
+    Networks:
+    <ul class="grid grid-cols-5 gap-5">
+      <li class="w-fit" v-for="network in networks">
+        <p>
+          {{ network.name }}
+        </p>
+        <p>
+          {{ network.chainId }}
+        </p>
+        <div class="flex items-center gap-2">
+          <ChainLogo class="w-8 h-8" :chain="network.chainId" />
+          <ChainLogo stroke class="w-8 h-8" :chain="network.chainId" />
+        </div>
+      </li>
+    </ul>
+  </div>
+  <ul></ul>
+</template>

package/nuxt.config.ts

@@ -1,4 +1,4 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-
-})
+  modules: ["@nuxtjs/tailwindcss"],
+});

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@instadapp/avocado-base",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "type": "module",
   "main": "./nuxt.config.ts",
-   "types": "global.d.ts",
+  "types": "global.d.ts",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev",
@@ -14,6 +14,7 @@
   "devDependencies": {
     "@instadapp/avocado": "^0.1.10",
     "@instadapp/avocado-dev": "npm:@instadapp/avocado@dev",
+    "@nuxtjs/tailwindcss": "^6.6.5",
     "@typechain/ethers-v5": "^10.2.0",
     "nuxt": "^3.3.3",
     "rimraf": "^3.0.2",

package/utils/bignumber.ts

@@ -0,0 +1,31 @@
+import { BigNumber } from "bignumber.js";
+import { BigNumber as BN } from "ethers";
+
+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();
+export const times = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
+  toBN(a).times(toBN(b));
+export const minus = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
+  toBN(a).minus(toBN(b));
+export const plus = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
+  toBN(a).plus(toBN(b));
+export const lte = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
+  toBN(a).lte(toBN(b));
+export const gte = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
+  toBN(a).gte(toBN(b));
+export const div = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
+  toBN(a).div(toBN(b));
+export const lt = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
+  toBN(a).lt(toBN(b));
+export const gt = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
+  toBN(a).gt(toBN(b));
+export const ensureValue = (value: any) => {
+  if (!value) return toBN("0");
+  if (toBN(value).isNaN()) return toBN("0");
+
+  return toBN(value);
+};
+export const max = (...args: BigNumber.Value[]) => {
+  return BigNumber.max(...args);
+};

package/utils/formatter.ts

@@ -0,0 +1,51 @@
+export function formatPercent(
+  value: number,
+  fractionDigits = 2,
+  maxValue = null
+) {
+  if (isZero(value)) return "0.00%";
+
+  if (maxValue && gt(times(value, "100"), maxValue)) return `>${maxValue}%`;
+
+  const formatter = new Intl.NumberFormat("en-US", {
+    style: "percent",
+    minimumFractionDigits: fractionDigits,
+    maximumFractionDigits: fractionDigits,
+  });
+
+  return formatter.format(value);
+}
+
+export function shortenHash(hash: string, length: number = 4) {
+  if (!hash) return;
+  if (hash.length < 12) return hash;
+  const beginningChars = hash.startsWith("0x") ? length + 2 : length;
+  const shortened =
+    hash.substr(0, beginningChars) + "..." + hash.substr(-length);
+  return shortened;
+}
+
+export function formatUsd(value: any, fractionDigits = 2) {
+  const formatter = new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: "USD",
+    minimumFractionDigits: fractionDigits,
+    maximumFractionDigits: fractionDigits,
+  });
+
+  return formatter.format(value);
+}
+
+export function signedNumber(numb: string | number) {
+  return new Intl.NumberFormat("en-US", {
+    signDisplay: "exceptZero",
+  }).format(toBN(numb).toNumber());
+}
+
+export function formatDecimal(value: string | number, decimalPlaces = 5) {
+  if (!value) {
+    value = "0";
+  }
+
+  return toBN(value).decimalPlaces(decimalPlaces).toFormat();
+}

package/utils/helper.ts

@@ -26,3 +26,29 @@ export function sortByMany<T>(
     return result;
   });
 }
+
+export function cloneDeep<T>(value: T): T {
+  return JSON.parse(JSON.stringify(value));
+}
+
+export function filterArray(array: any, filters: any) {
+  const filterKeys = Object.keys(filters);
+  return array.filter((item: any) => {
+    // validates all filter criteria
+    return filterKeys.every((key) => {
+      // ignores non-function predicates
+      if (typeof filters[key] !== "function") return true;
+      return filters[key](item[key], item);
+    });
+  });
+}
+
+export function onImageError(this: HTMLImageElement) {
+  const parentElement = this.parentElement;
+  this.onerror = null;
+  this.remove();
+
+  if (parentElement) {
+    parentElement.classList.add("bg-gray-300");
+  }
+}

package/utils/metadata.ts

@@ -1,6 +1,5 @@
 import { ethers, utils } from "ethers";
 import { Forwarder__factory } from "@/contracts";
-import { toBN } from "./index";
 
 const multiMetadataTypes = ["bytes[]"];
 

package/utils/index.ts

@@ -1,93 +0,0 @@
-import { BigNumber } from "bignumber.js";
-import { BigNumber as BN } from "ethers";
-
-export function shortenHash(hash: string, length: number = 4) {
-  if (!hash) return;
-  if (hash.length < 12) return hash;
-  const beginningChars = hash.startsWith("0x") ? length + 2 : length;
-  const shortened =
-    hash.substr(0, beginningChars) + "..." + hash.substr(-length);
-  return shortened;
-}
-
-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();
-export const times = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
-  toBN(a).times(toBN(b));
-export const minus = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
-  toBN(a).minus(toBN(b));
-export const plus = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
-  toBN(a).plus(toBN(b));
-export const lte = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
-  toBN(a).lte(toBN(b));
-export const gte = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
-  toBN(a).gte(toBN(b));
-export const div = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
-  toBN(a).div(toBN(b));
-export const lt = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
-  toBN(a).lt(toBN(b));
-export const gt = (a: BigNumber.Value | BN, b: BigNumber.Value | BN) =>
-  toBN(a).gt(toBN(b));
-export const ensureValue = (value: any) => {
-  if (!value) return toBN("0");
-  if (toBN(value).isNaN()) return toBN("0");
-
-  return toBN(value);
-};
-export const max = (...args: BigNumber.Value[]) => {
-  return BigNumber.max(...args);
-};
-
-export function onImageError(this: HTMLImageElement) {
-  const parentElement = this.parentElement;
-  this.onerror = null;
-  this.remove();
-
-  if (parentElement) {
-    parentElement.classList.add("bg-gray-300");
-  }
-}
-
-const locale = "en-US";
-
-export function formatUsd(value: any, fractionDigits = 2) {
-  const formatter = new Intl.NumberFormat(locale, {
-    style: "currency",
-    currency: "USD",
-    minimumFractionDigits: fractionDigits,
-    maximumFractionDigits: fractionDigits,
-  });
-
-  return formatter.format(value);
-}
-
-export function cloneDeep<T>(value: T): T {
-  return JSON.parse(JSON.stringify(value));
-}
-
-export function signedNumber(numb: string | number) {
-  return new Intl.NumberFormat("en-US", {
-    signDisplay: "exceptZero",
-  }).format(toBN(numb).toNumber());
-}
-
-export function formatDecimal(value: string | number, decimalPlaces = 5) {
-  if (!value) {
-    value = "0";
-  }
-
-  return toBN(value).decimalPlaces(decimalPlaces).toFormat();
-}
-
-export function filterArray(array: any, filters: any) {
-  const filterKeys = Object.keys(filters);
-  return array.filter((item: any) => {
-    // validates all filter criteria
-    return filterKeys.every((key) => {
-      // ignores non-function predicates
-      if (typeof filters[key] !== "function") return true;
-      return filters[key](item[key], item);
-    });
-  });
-}