import { useState, useEffect } from "react"; import { ethers, BigNumber } from "ethers"; import { getInternalOperations } from "./nodeFunctions"; import { TokenMetas, TokenTransfer, TransactionData, InternalOperation, } from "./types"; import erc20 from "./erc20.json"; const TRANSFER_TOPIC = "0xddf252ad1be2c89b69c2b068fc378daa952ba7f163c4a11628f55a4df523b3ef"; export interface ExtendedBlock extends ethers.providers.Block { blockReward: BigNumber; unclesReward: BigNumber; feeReward: BigNumber; size: number; sha3Uncles: string; stateRoot: string; totalDifficulty: BigNumber; } export const readBlock = async ( provider: ethers.providers.JsonRpcProvider, blockNumberOrHash: string ) => { let blockPromise: Promise; if (ethers.utils.isHexString(blockNumberOrHash, 32)) { blockPromise = provider.send("eth_getBlockByHash", [ blockNumberOrHash, false, ]); } else { blockPromise = provider.send("eth_getBlockByNumber", [ blockNumberOrHash, false, ]); } const [_rawBlock, _rawIssuance, _rawReceipts] = await Promise.all([ blockPromise, provider.send("erigon_issuance", [blockNumberOrHash]), provider.send("eth_getBlockReceipts", [blockNumberOrHash]), ]); const receipts = (_rawReceipts as any[]).map((r) => provider.formatter.receipt(r) ); const fees = receipts.reduce( (acc, r) => acc.add(r.effectiveGasPrice.mul(r.gasUsed)), BigNumber.from(0) ); const _block = provider.formatter.block(_rawBlock); const extBlock: ExtendedBlock = { blockReward: provider.formatter.bigNumber(_rawIssuance.blockReward ?? 0), unclesReward: provider.formatter.bigNumber(_rawIssuance.uncleReward ?? 0), feeReward: fees, size: provider.formatter.number(_rawBlock.size), sha3Uncles: _rawBlock.sha3Uncles, stateRoot: _rawBlock.stateRoot, totalDifficulty: provider.formatter.bigNumber(_rawBlock.totalDifficulty), ..._block, }; return extBlock; }; export const useBlockData = ( provider: ethers.providers.JsonRpcProvider | undefined, blockNumberOrHash: string ) => { const [block, setBlock] = useState(); useEffect(() => { if (!provider) { return; } const _readBlock = async () => { const extBlock = await readBlock(provider, blockNumberOrHash); setBlock(extBlock); }; _readBlock(); }, [provider, blockNumberOrHash]); return block; }; export const useTxData = ( provider: ethers.providers.JsonRpcProvider | undefined, txhash: string ): TransactionData | undefined => { const [txData, setTxData] = useState(); useEffect(() => { if (!provider) { return; } const readBlock = async () => { const [_response, _receipt] = await Promise.all([ provider.getTransaction(txhash), provider.getTransactionReceipt(txhash), ]); const _block = await provider.getBlock(_receipt.blockNumber); document.title = `Transaction ${_response.hash} | Otterscan`; // Extract token transfers const tokenTransfers: TokenTransfer[] = []; for (const l of _receipt.logs) { if (l.topics.length !== 3) { continue; } if (l.topics[0] !== TRANSFER_TOPIC) { continue; } tokenTransfers.push({ token: l.address, from: ethers.utils.getAddress( ethers.utils.hexDataSlice(ethers.utils.arrayify(l.topics[1]), 12) ), to: ethers.utils.getAddress( ethers.utils.hexDataSlice(ethers.utils.arrayify(l.topics[2]), 12) ), value: BigNumber.from(l.data), }); } // Extract token meta const tokenMetas: TokenMetas = {}; for (const t of tokenTransfers) { if (tokenMetas[t.token]) { continue; } const erc20Contract = new ethers.Contract(t.token, erc20, provider); const [name, symbol, decimals] = await Promise.all([ erc20Contract.name(), erc20Contract.symbol(), erc20Contract.decimals(), ]); tokenMetas[t.token] = { name, symbol, decimals, }; } setTxData({ transactionHash: _receipt.transactionHash, status: _receipt.status === 1, blockNumber: _receipt.blockNumber, transactionIndex: _receipt.transactionIndex, confirmations: _receipt.confirmations, timestamp: _block.timestamp, miner: _block.miner, from: _receipt.from, to: _receipt.to, createdContractAddress: _receipt.contractAddress, value: _response.value, tokenTransfers, tokenMetas, type: _response.type ?? 0, fee: _response.gasPrice!.mul(_receipt.gasUsed), blockBaseFeePerGas: _block.baseFeePerGas, maxFeePerGas: _response.maxFeePerGas, maxPriorityFeePerGas: _response.maxPriorityFeePerGas, gasPrice: _response.gasPrice!, gasUsed: _receipt.gasUsed, gasLimit: _response.gasLimit, nonce: _response.nonce, data: _response.data, logs: _receipt.logs, }); }; readBlock(); }, [provider, txhash]); return txData; }; export const useInternalOperations = ( provider: ethers.providers.JsonRpcProvider | undefined, txData: TransactionData | undefined ): InternalOperation[] | undefined => { const [intTransfers, setIntTransfers] = useState(); useEffect(() => { const traceTransfers = async () => { if (!provider || !txData) { return; } const _transfers = await getInternalOperations(provider, txData); for (const t of _transfers) { t.from = provider.formatter.address(t.from); t.to = provider.formatter.address(t.to); t.value = provider.formatter.bigNumber(t.value); } setIntTransfers(_transfers); }; traceTransfers(); }, [provider, txData]); return intTransfers; };