feat: use BigInt to make consistency (#3)

* feat: use bigint to make consistency

* feat: refactor transaction amount conversion to use sdk methods

Author: dadamu

examples/react-playground/src/components/DemoDetails.tsx

@@ -5,6 +5,7 @@ import useBalance from "../hooks/useBalance";
 import useSend from "../hooks/useSend";
 import CommitRevealDemo from "./CommitRevealDemo";
 import SignPSKTDemo from "./SignPSKTDemo";
+import * as sdk from "@forbole/kastle-sdk";
 
 export default function KaspaWalletDemoDetails() {
   const { address, publicKey } = useAccount();
@@ -23,10 +24,9 @@ export default function KaspaWalletDemoDetails() {
     }
     try {
       // Convert amount from KAS to sompi (1 KAS = 100,000,000 sompi)
-      const amountSompi = Math.floor(parseFloat(amount) * 100000000);
-      const priorityFeeSompi = priorityFee
-        ? Math.floor(parseFloat(priorityFee) * 100000000)
-        : 0;
+      const amountSompi = sdk.kaspaWasm.kaspaToSompi(amount) ?? BigInt(0);
+      const priorityFeeSompi =
+        sdk.kaspaWasm.kaspaToSompi(priorityFee) ?? BigInt(0);
 
       await sendTransaction(recipient, amountSompi, priorityFeeSompi);
     } catch (err: any) {
@@ -35,8 +35,8 @@ export default function KaspaWalletDemoDetails() {
   };
 
   // Format balance from sompi to KAS (1 KAS = 100,000,000 sompi)
-  const formatBalance = (sompiAmount: number) => {
-    return (sompiAmount / 100000000).toFixed(8);
+  const formatBalance = (sompiAmount: bigint) => {
+    return sdk.kaspaWasm.sompiToKaspaString(sompiAmount);
   };
 
   return (

examples/react-playground/src/hooks/useBalance.ts

@@ -6,7 +6,7 @@ import {
 import { useEffect, useState } from "react";
 
 export default function useBalance() {
-  const [balance, setBalance] = useState(0);
+  const [balance, setBalance] = useState(BigInt(0));
   const [error, setError] = useState<string | null>(null);
 
   const refreshBalance = async () => {
@@ -24,7 +24,7 @@ export default function useBalance() {
   }, []);
 
   useEffect(() => {
-    const handler = async (balance: number) => {
+    const handler = async (balance: bigint) => {
       setBalance(balance);
     };
 

examples/react-playground/src/hooks/useSend.ts

@@ -8,8 +8,8 @@ export default function useSend() {
 
   const sendTransaction = async (
     address: string,
-    amount: number,
-    priorityFee?: number,
+    amount: bigint,
+    priorityFee?: bigint,
   ) => {
     try {
       if (isSending) {

packages/sdk/src/index.ts

@@ -97,11 +97,11 @@ export const switchNetwork = async (
 /**
  * Fetches the current balance of the wallet
  */
-export const getBalance = async (): Promise<number> => {
+export const getBalance = async (): Promise<bigint> => {
   const address = await getWalletAddress();
   const response = await rpcClient?.getBalanceByAddress({ address });
 
-  return parseInt(response?.balance?.toString() ?? "0", 10);
+  return response?.balance ?? BigInt(0);
 };
 
 /**
@@ -112,8 +112,8 @@ export const getBalance = async (): Promise<number> => {
  */
 export const sendKaspa = async (
   toAddress: string,
-  amountSompi: number,
-  options?: { priorityFee?: number },
+  amountSompi: bigint,
+  options?: { priorityFee?: bigint },
 ): Promise<string> => {
   if (!rpcClient) throw new Error("Unable to reach RPC");
 
@@ -128,10 +128,10 @@ export const sendKaspa = async (
     outputs: [
       {
         address: toAddress,
-        amount: BigInt(amountSompi),
+        amount: amountSompi,
       },
     ],
-    priorityFee: BigInt(options?.priorityFee ?? 0),
+    priorityFee: options?.priorityFee ?? BigInt(0),
     networkId: await getNetwork(),
   });