add transaction view page

apps/desktop/src/bun/index.ts

@@ -16,6 +16,7 @@ import { migrate } from 'drizzle-orm/bun-sqlite/migrator'
 import { db } from './lib/db'
 import { join } from 'path'
 import { getENV } from './lib/get-env'
+import { getClient, getTransactionDetails } from './lib/viem'
 
 const env = getENV()
 
@@ -88,6 +89,20 @@ type TokenBalanceResult = {
 	logo?: string
 }
 
+type TxDetailsResult = {
+	hash: string
+	from: string
+	to: string | null
+	value: string
+	blockNumber: string | null
+	fee: string
+	gasPrice: string
+	status: 'success' | 'reverted'
+	type: string
+	nonce: number
+	input: string
+}
+
 type TxEntry = {
 	hash: string
 	timeStamp: string
@@ -97,9 +112,12 @@ type TxEntry = {
 	tokenSymbol?: string
 	tokenDecimal?: string
 	contractAddress?: string
+	logo?: string
 	pairedValue?: string
 	pairedSymbol?: string
 	pairedDecimals?: string
+	pairedContractAddress?: string
+	pairedLogo?: string
 }
 
 type RPC = {
@@ -134,6 +152,13 @@ type RPC = {
 				}
 				response: TokenBalanceResult[]
 			}
+			fetchTransactionDetails: {
+				params: {
+					hash: string
+					chainid: string
+				}
+				response: TxDetailsResult | null
+			}
 			openExternal: {
 				params: {
 					url: string
@@ -265,7 +290,14 @@ const rpc = BrowserView.defineRPC<RPC>({
 				})
 				if (!key) return []
 
-				const all = await fetchAlchemyTransfers(key, chainid, address)
+				const [all, allError] = await tryCatch(
+					fetchAlchemyTransfers(key, chainid, address),
+				)
+
+				if (allError) {
+					console.log(allError)
+					return []
+				}
 
 				const addrLower = address.toLowerCase()
 				const byHash = new Map<string, any[]>()
@@ -312,6 +344,8 @@ const rpc = BrowserView.defineRPC<RPC>({
 							pairedDecimals: tokIn[0].rawContract?.decimal
 								? String(parseInt(tokIn[0].rawContract.decimal, 16))
 								: undefined,
+							pairedContractAddress:
+								tokIn[0].rawContract?.address ?? undefined,
 						})
 					} else if (extOut.length > 0) {
 						combined.push(mapTransfer(extOut[0]))
@@ -325,6 +359,8 @@ const rpc = BrowserView.defineRPC<RPC>({
 							pairedDecimals: tokIn[0].rawContract?.decimal
 								? String(parseInt(tokIn[0].rawContract.decimal, 16))
 								: undefined,
+							pairedContractAddress:
+								tokIn[0].rawContract?.address ?? undefined,
 						})
 					} else if (tokOut.length > 0) {
 						combined.push(mapTransfer(tokOut[0]))
@@ -333,6 +369,34 @@ const rpc = BrowserView.defineRPC<RPC>({
 					}
 				}
 
+				const addrSet = new Set<string>()
+				for (const entry of combined) {
+					if (entry.contractAddress)
+						addrSet.add(entry.contractAddress.toLowerCase())
+					if (entry.pairedContractAddress)
+						addrSet.add(entry.pairedContractAddress.toLowerCase())
+				}
+
+				const logoMap = new Map<string, string>()
+				await Promise.all(
+					Array.from(addrSet).map(async (addr) => {
+						const meta = await getTokenMetadata(key, chainid, addr)
+						if (meta?.result?.logo)
+							logoMap.set(addr, meta.result.logo)
+					}),
+				)
+
+				for (const entry of combined) {
+					if (entry.contractAddress)
+						entry.logo = logoMap.get(
+							entry.contractAddress.toLowerCase(),
+						)
+					if (entry.pairedContractAddress)
+						entry.pairedLogo = logoMap.get(
+							entry.pairedContractAddress.toLowerCase(),
+						)
+				}
+
 				combined.sort(
 					(a, b) => Number(b.timeStamp) - Number(a.timeStamp),
 				)
@@ -357,6 +421,21 @@ const rpc = BrowserView.defineRPC<RPC>({
 					return []
 				}
 			},
+			fetchTransactionDetails: async ({ hash, chainid }) => {
+				const key = await Bun.secrets.get({
+					service: 'koins',
+					name: 'alchemy_key',
+				})
+				if (!key) return null
+				try {
+					const client = getClient(chainid, key)
+					const details = await getTransactionDetails(client, hash)
+					return details
+				} catch (error) {
+					console.log(error)
+					return null
+				}
+			},
 		},
 		messages: {},
 	},

apps/desktop/src/bun/lib/alchemy/get-transaction-history.ts

@@ -1,6 +1,5 @@
 import { post } from './call'
 import { getChainID, getURL } from './network'
-import { inspect } from 'util'
 import type { Transaction } from './types'
 import { numberToHex } from 'viem'
 

apps/desktop/src/bun/lib/viem/get-transaction-details.ts

@@ -0,0 +1,50 @@
+import {
+	isHex,
+	formatEther,
+	type PublicClient,
+	formatGwei,
+	decodeFunctionData,
+} from 'viem'
+
+export type TransactionDetails = {
+	hash: string
+	from: string
+	to: string | null
+	value: string
+	blockNumber: string | null
+	fee: string
+	gasPrice: string
+	status: 'success' | 'reverted'
+	type: string
+	nonce: number
+	input: string
+}
+
+export const getTransactionDetails = async (
+	client: PublicClient,
+	hash: string,
+): Promise<TransactionDetails | null> => {
+	if (!isHex(hash)) return null
+
+	const [tx, receipt] = await Promise.all([
+		client.getTransaction({ hash }),
+		client.getTransactionReceipt({ hash }),
+	])
+
+	return {
+		hash: tx.hash,
+		from: tx.from,
+		to: tx.to,
+		value: formatEther(tx.value),
+		blockNumber: receipt.blockNumber?.toString() ?? null,
+		fee: (
+			parseFloat(formatGwei(receipt.gasUsed)) *
+			parseFloat(formatGwei(tx.gasPrice || BigInt(0)))
+		).toString(),
+		gasPrice: formatGwei(tx.gasPrice || BigInt(0)),
+		status: receipt.status === 'success' ? 'success' : 'reverted',
+		type: tx.type,
+		nonce: tx.nonce,
+		input: tx.input,
+	}
+}

apps/desktop/src/bun/lib/viem/getChain.ts

@@ -0,0 +1,12 @@
+import { bsc, mainnet, polygon, type Chain } from 'viem/chains'
+import type { ChainID } from '../alchemy/network'
+
+const chains: Record<ChainID, Chain> = {
+	'1': mainnet,
+	'56': bsc,
+	'137': polygon,
+}
+
+export const getChain = (id: ChainID) => {
+	return chains[id]
+}

apps/desktop/src/bun/lib/viem/getClient.ts

@@ -0,0 +1,19 @@
+import { createPublicClient, http } from 'viem'
+import { getChainID, getURL } from '../alchemy/network'
+import { getChain } from './getChain'
+
+export const getClient = (chainId: string, apiKey: string) => {
+	const id = getChainID(chainId)
+
+	if (!id) {
+		throw new Error()
+	}
+
+	const url = getURL({ chainId: id, key: apiKey })
+	const publicClient = createPublicClient({
+		chain: getChain(id),
+		transport: http(url),
+	})
+
+	return publicClient
+}

apps/desktop/src/bun/lib/viem/index.ts

@@ -0,0 +1,2 @@
+export * from './getClient'
+export * from './get-transaction-details'