chore: fmt service

src/components/dapp/WalletButton.tsx

@@ -1,6 +1,6 @@
 import { type ReactNode, useMemo } from "react";
 import { useWalletContext } from "../../context/Wallet.context";
-import { Format } from "../../utils/format";
+import { Fmt } from "../../utils/formatter.service";
 import Dropdown from "../extenders/Dropdown";
 import Group from "../extenders/Group";
 import Modal from "../extenders/Modal";
@@ -80,7 +80,7 @@ export default function WalletButton(props: ButtonProps) {
           </>
         }>
         <Button look="tint" className="w-full justify-center">
-          {Format.address(address, "short")}
+          {Fmt.address(address, "short")}
         </Button>
       </Dropdown>
     </>

src/utils/formatter.service.ts

@@ -0,0 +1,38 @@
+import { parseUnits } from "viem";
+
+export class FormatterService {
+  public static address(value?: string, format?: "short" | "prefix") {
+    if (!value) return;
+    switch (format) {
+      case "short":
+        return `${value?.slice(0, 2 + 5)}...${value?.slice(-5)}`;
+      case "prefix":
+        return value?.slice(0, 5);
+      default:
+        return value;
+    }
+  }
+
+  toNumber(value: bigint | string, decimals = 18): number {
+    const bi = BigInt(value);
+
+    const fractionalPart = Number.parseFloat((bi % BigInt(10 ** decimals)).toString()) / 10 ** decimals;
+    let integerPart = bi / BigInt(10 ** decimals);
+
+    // trim the integer part if it's too large to avoid potential overflows
+    if (integerPart > BigInt(Number.MAX_SAFE_INTEGER)) {
+      integerPart = BigInt(Number.MAX_SAFE_INTEGER) / BigInt(10 ** 10);
+    }
+    if (integerPart < -1n * BigInt(Number.MAX_SAFE_INTEGER)) {
+      integerPart = (-1n * BigInt(Number.MAX_SAFE_INTEGER)) / BigInt(10 ** 10);
+    }
+
+    return Number.parseFloat(integerPart.toString()) + fractionalPart;
+  }
+
+  toBigInt(value: number, decimals = 18): bigint {
+    return parseUnits(value.toString(), decimals);
+  }
+}
+
+export { FormatterService as Fmt };