Add better Tx Sender Recovery

[bh2smith]

I am constantly struggling to put together the required functionality to recover sender from Signed (serialized transaction).

import {
  Address,
  Hex,
  keccak256,
  parseTransaction,
  signatureToHex,
} from "viem";

export function extractSender(transaction: Hex, signature: Hex): Address {
  return publicKeyToAddress(
    recoverPublicKey(keccak256(transaction), signature)
  );
}

export function senderFromSignedTx(signedTxHash: Hex): Address {
  const tx = parseTransaction(signedTxHash);
  return extractSender(
    signedTxHash,
    signatureToHex({ r: tx.r!, s: tx.s!, v: tx.v! })
  );
}

Furthermore,

Deconstructing a SignedTx Hex string into transaction hash and signature hex is also cumbersome (seen above). Note that this implementation above agrees with ethers via

const { hash, signature } = ethers.Transaction.from(signedTx);
const ethersSender = ethers.recoverAddress(hash!, signature!);
const viemSender = senderFromSignedTx(signedTx);

but disagrees with web3-js:

const web3Sender = new Web3().eth.accounts.recoverTransaction(signedTx);

which is unusual.

Here is an example

signedTxHash = "0x02f872611c847735940085174876e800825208940c0a71335cc50b821570f6f8b302b248d0e56ed4870eebe0b40e800080c080a0d490e3ce4e974cae1f89c4b328bf4dc7ecba7b1cef9838be6282ca92fd5a8127a01c032f8bfa93bd48fb5215813e4f3a21f8e5da015ebd52b4daa945bcc2d4749e"