Skip to content

Latest commit

 

History

History
92 lines (61 loc) · 2.12 KB

README.md

File metadata and controls

92 lines (61 loc) · 2.12 KB
Raw

Viem - Wagmi test example

This repository contains an example that uses Viem with EIP712 changes and Wagmi-beta to interact with ZkSync chain. It can send transactions and call contract methods.

To send an EIP712 transaction an sendEip712Transaction Viem action must be used:

import { useConnectorClient } from 'wagmi'
import { sendEip712Transaction } from 'viem_zksync_chains/zksync'

// wallet connection setup...

const { data: walletClient } = useConnectorClient(config) 

const sendEip712T = async() => {
  const request = {
    chainId: defChain.id,
    account: address,
    to: '0x36615Cf349d7F6344891B1e7CA7C72883F5dc049',
    maxFeePerGas: 250000000n,
    maxPriorityFeePerGas: 0n,
    value: 100000,
    gas: 318614,
    ...paymasterParams
  }
  const hash = await sendEip712Transaction(walletClient, request)
  console.log(hash)
}

Getting started

Prerequisites

  1. Ensure you have bun and pnpm installed.

  2. Download eip712 branch from https://github.com/eigerco/viem.

  3. Go to viem directory and modify package.json files:

  • in the main viem directory add following beneath "type": "module":
  "name": "viem_zksync",
  "version": "0.0.1",
  "main": "src/index.ts",
  • in src/actions replace the content with:
{
  "name": "viem_zksync_actions",
  "type": "module"
}
  • in src/chains replace the content with:
{
  "name": "viem_zksync_chains",
  "type": "module"
}

  1. Run bun install and bun run build

  2. Run bun link in the main directory. Then run the same command in src/actions and src/chains

  3. Download beta branch from https://github.com/wevm/wagmi

  4. Go to wagmi directory and run pnpm install and then pnpm build

  5. Run bun link in the following directories:

  • packages/react

  • packages/core

  • packages/connectors

  1. Go to this projects directory and run

  • bun install

  • ./bunlink.sh

  1. Finally run bun dev - this will start the app, and open http://localhost:5173/ in the browser

Project uses testnet ZkSync chain. You will need to have a ZkSync testnet account and MetaMask installed to perform tests.