cache transaction and receipt data in sqlite

apps/desktop/src/bun/index.ts

@@ -434,7 +434,7 @@ const rpc = BrowserView.defineRPC<RPC>({
 				if (!key) return null
 				try {
 					const client = getClient(chainid, key)
-					const details = await getTransactionDetails(client, hash)
+					const details = await getTransactionDetails(client, hash, chainid)
 					return details
 				} catch (error) {
 					console.log(error)

apps/desktop/src/bun/lib/db/schema.ts

@@ -17,3 +17,57 @@ export const tokenMetadata = sqliteTable(
 		),
 	}),
 )
+
+export const transactions = sqliteTable(
+	'transactions',
+	{
+		hash: text().notNull(),
+		chainId: text().notNull(),
+		from: text().notNull(),
+		to: text(),
+		value: text().notNull(),
+		blockNumber: text(),
+		blockHash: text(),
+		gas: text().notNull(),
+		gasPrice: text(),
+		maxFeePerGas: text(),
+		maxPriorityFeePerGas: text(),
+		input: text().notNull(),
+		nonce: int().notNull(),
+		transactionIndex: int(),
+		type: text(),
+		v: text(),
+		r: text(),
+		s: text(),
+		yParity: int(),
+	},
+	(table) => ({
+		txUnique: uniqueIndex('tx_unique').on(table.chainId, table.hash),
+	}),
+)
+
+export const transactionReceipts = sqliteTable(
+	'transaction_receipts',
+	{
+		transactionHash: text().notNull(),
+		chainId: text().notNull(),
+		blockHash: text().notNull(),
+		blockNumber: text().notNull(),
+		from: text().notNull(),
+		to: text(),
+		cumulativeGasUsed: text().notNull(),
+		gasUsed: text().notNull(),
+		status: text().notNull(),
+		effectiveGasPrice: text(),
+		contractAddress: text(),
+		type: text().notNull(),
+		transactionIndex: int().notNull(),
+		logsBloom: text(),
+	},
+	(table) => ({
+		receiptUnique: uniqueIndex('receipt_unique').on(
+			table.chainId,
+			table.transactionHash,
+		),
+	}),
+)

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

@@ -1,10 +1,13 @@
+import { eq, and } from 'drizzle-orm'
 import {
 	isHex,
 	formatEther,
 	type PublicClient,
 	formatGwei,
-	decodeFunctionData,
 } from 'viem'
+import { db } from '../db'
+import { transactions, transactionReceipts } from '../db/schema'
+import { getChainID } from '../alchemy/network'
 
 export type TransactionDetails = {
 	hash: string
@@ -23,14 +26,123 @@ export type TransactionDetails = {
 export const getTransactionDetails = async (
 	client: PublicClient,
 	hash: string,
+	chainId: string,
 ): Promise<TransactionDetails | null> => {
 	if (!isHex(hash)) return null
 
+	const id = getChainID(chainId)
+	if (!id) return null
+
+	const hashLower = hash.toLowerCase()
+
+	const cachedTx = db
+		.select()
+		.from(transactions)
+		.where(
+			and(
+				eq(transactions.hash, hashLower),
+				eq(transactions.chainId, id),
+			),
+		)
+		.get()
+
+	const cachedReceipt = db
+		.select()
+		.from(transactionReceipts)
+		.where(
+			and(
+				eq(transactionReceipts.transactionHash, hashLower),
+				eq(transactionReceipts.chainId, id),
+			),
+		)
+		.get()
+
+	if (cachedTx && cachedReceipt) {
+		const value = BigInt(cachedTx.value)
+		const gasUsed = BigInt(cachedReceipt.gasUsed)
+		const gasPrice = cachedTx.gasPrice
+			? BigInt(cachedTx.gasPrice)
+			: BigInt(0)
+
+		return {
+			hash: cachedTx.hash,
+			from: cachedTx.from,
+			to: cachedTx.to,
+			value: formatEther(value),
+			blockNumber: cachedReceipt.blockNumber,
+			fee: (
+				parseFloat(formatGwei(gasUsed)) *
+				parseFloat(formatGwei(gasPrice))
+			).toString(),
+			gasPrice: formatGwei(gasPrice),
+			status: cachedReceipt.status as 'success' | 'reverted',
+			type: cachedTx.type ?? 'legacy',
+			nonce: cachedTx.nonce,
+			input: cachedTx.input,
+		}
+	}
+
 	const [tx, receipt] = await Promise.all([
 		client.getTransaction({ hash }),
 		client.getTransactionReceipt({ hash }),
 	])
 
+	try {
+		await db
+			.insert(transactions)
+			.values({
+				hash: hashLower,
+				chainId: id,
+				from: tx.from.toLowerCase(),
+				to: tx.to?.toLowerCase() ?? null,
+				value: tx.value.toString(),
+				blockNumber: tx.blockNumber?.toString() ?? null,
+				blockHash: tx.blockHash?.toLowerCase() ?? null,
+				gas: tx.gas.toString(),
+				gasPrice: tx.gasPrice?.toString() ?? null,
+				maxFeePerGas: tx.maxFeePerGas?.toString() ?? null,
+				maxPriorityFeePerGas:
+					tx.maxPriorityFeePerGas?.toString() ?? null,
+				input: tx.input,
+				nonce: tx.nonce,
+				transactionIndex: tx.transactionIndex ?? null,
+				type: tx.type ?? null,
+				v: tx.v?.toString() ?? null,
+				r: tx.r?.toLowerCase() ?? null,
+				s: tx.s?.toLowerCase() ?? null,
+				yParity: tx.yParity ?? null,
+			})
+			.onConflictDoNothing()
+	} catch (e) {
+		console.log('Failed to cache transaction', e)
+	}
+
+	try {
+		await db
+			.insert(transactionReceipts)
+			.values({
+				transactionHash: hashLower,
+				chainId: id,
+				blockHash: receipt.blockHash.toLowerCase(),
+				blockNumber: receipt.blockNumber.toString(),
+				from: receipt.from.toLowerCase(),
+				to: receipt.to?.toLowerCase() ?? null,
+				cumulativeGasUsed: receipt.cumulativeGasUsed.toString(),
+				gasUsed: receipt.gasUsed.toString(),
+				status: receipt.status,
+				effectiveGasPrice:
+					receipt.effectiveGasPrice?.toString() ?? null,
+				contractAddress:
+					receipt.contractAddress?.toLowerCase() ?? null,
+				type: receipt.type,
+				transactionIndex: receipt.transactionIndex,
+				logsBloom: receipt.logsBloom?.toLowerCase() ?? null,
+			})
+			.onConflictDoNothing()
+	} catch (e) {
+		console.log('Failed to cache transaction receipt', e)
+	}
+
 	return {
 		hash: tx.hash,
 		from: tx.from,

apps/desktop/src/routes/tx/[chainid]/[hash].svelte

@@ -132,7 +132,6 @@
 							<p>{details.type}</p>
 						</div>
 					</div>
-	
 				</div>
 				<div class="mt-4">
 					<Button