Add forking with Tevm

[roninjin10]

Adding a local devnet to abi.ninja can allow users to fork the network and interact with contracts

Tevm is a anvil-like devnet built on viem that runs in the browser. It's really easy to swap into wagmi.

import {createMemoryClient, http} from 'tevm'
import {optimism} from 'tevm/chains'

// similar to anvil --fork-url https://mainnet.optimism.io
const client = createMemoryClient({
  common: optimism,
  fork: {transport: http('https://mainnet.optimism.io')}
})

// can be used as the transport for wagmi
import { tevmTransport } from 'tevm'
import { createConfig } from 'wagmi'

export const wagmiConfig = createConfig({
	chains: [optimism],
	cacheTime: 0,
	transports: {
		[optimism.id]: tevmTransport(client),
	},
})

UI

I would imagine the UI here would be a fork button and then something signaling they are interacting with a forked network

Implementation

Pretty small lift to make a POC of this. All we have to do is swap in the tevm transport.