Overview

Porto implements the following Wagmi Connector, VanillaJS Actions, and React Hooks that map directly to the experimental JSON-RPC methods.

Connector

Import the porto connector from the 'porto/wagmi' entrypoint and add to your Wagmi Config.

import { createConfig, http } from 'wagmi'
import { baseSepolia } from 'wagmi/chains'
import { porto } from 'wagmi/connectors'
 
export const config = createConfig({
  chains: [baseSepolia],
  connectors: [porto()], 
  ssr: true,
  transports: {
    [baseSepolia.id]: http(),
  },
})

VanillaJS Actions

Import via named export or Actions namespace (better autocomplete DX and does not impact tree shaking).

• addFunds
• createAccount
• connect
• disconnect
• getAssets
• getCallsHistory
• getPermissions
• grantPermissions
• revokePermissions
• upgradeAccount

import { Actions } from 'porto/wagmi' // Actions.getPermissions()
import { connect } from 'porto/wagmi/Actions'

React Hooks

Import via named export or Hooks namespace (better autocomplete DX and does not impact tree shaking).

• useAssets
• useAddFunds
• useCallsHistory
• useCreateAccount
• useGrantPermissions
• usePermissions
• useRevokePermissions
• useUpgradeAccount

import { Hooks } from 'porto/wagmi' // Hooks.usePermissions()
import { usePermissions } from 'porto/wagmi/Hooks'