⚛️
Leap Cosmos
  • Introduction
  • for dapps: Connect to Leap
    • Introduction
    • Optimizing Wallet Connectivity for Cosmos Dapps
    • Add Leap to existing Keplr integration
    • Add Leap to a new dapp
    • Suggest chain : Add Leap to a non-native chain
    • Add Leap to a Secret dapp
    • Wallet Connect
    • Wallet Adapters
      • Cosmos Kit
      • Shuttle
    • API Reference
  • for chains: integrate into Leap
    • Introduction
  • for SEI dapps: Connect to Compass
    • Connect to Compass
  • FOR SEI EVM DAPPS: CONNECT TO COMPASS
    • Connect to Compass
    • Supported RPC methods
  • Leap Metamask Snap
    • Introduction
    • Integrating Snaps
      • Metamask Cosmos Snap
      • Cosmos Snap Provider
      • Cosmos Kit
  • Embedded Wallet SDK
    • Embedded Wallet SDK React
    • Embedded Wallet Provider
    • Migration
    • Usage without UI
  • Elements
    • Introduction
    • Get Started
    • Integrate via CDN / Script Tag
    • Integrate as an Embed
    • Components
      • Aggregated Swaps
      • IBC Only Swaps
      • Fiat On-ramp
      • IBC Transfer
      • Multi View
    • Theming
      • Using CSS Variables
      • Advanced Customisations
    • Use Elements Without the UI
    • Tab Config
    • Using Skip API Key
  • Cosmos Nodes
    • Fallback Falooda : Node Fallback System
    • (Coming Soon) Blockchain Node Setup Guide
    • (Coming Soon) Monitoring Blockchain Node Performance
  • RESOURCES
    • Leap Assets
Powered by GitBook
On this page
  • Connect using RainbowKit
  • Connect using Wagmi
  • Connect using web3-react
  1. FOR SEI EVM DAPPS: CONNECT TO COMPASS

Connect to Compass

This is a document to help you add support for Compass Wallet on your Sei EVM dApp

PreviousConnect to CompassNextSupported RPC methods

Last updated 11 months ago

You can connect your dApp to users' Compass wallets by detecting Compass in their browsers and connecting to their accounts. Install Compass Wallet:

The wallet uses the EIP-1193 provider spec, so as long as your wallet connector library allows you to inject a wallet, you should not face any issues.

Compass supports , which introduces an alternative wallet detection mechanism to the window.ethereum injected provider. This alternative mechanism enables dapps to support wallet interoperability by discovering multiple injected wallet providers in a user's browser.

You can access the provider API using the selected EIP-6963 provider object.

Connect using RainbowKit

You can add an option for Connect with Compass using . You just have to import the compassWallet wallet.

import { compassWallet } from '@rainbow-me/rainbowkit/compassWallet';

Connect using Wagmi

You can the compass provider using Wagmi.

injected({
  target: {
    id: "compassWalletProvider",
    name: "Compass Wallet",
    provider: window.compassEvm,
  },
})

Connect using web3-react

import { initializeConnector } from '@web3-react/core';
import { EIP1193 } from '@web3-react/eip1193';

export const [eip1193, hooks] = initializeConnector<EIP1193>(
  (actions) => new EIP1193({ actions, provider: window.compassEvm })
);

If you are not going forward with using the EIP-6963 provider object, then to enable Compass integration, incorporate window.compassEvm into your dApp's wallet connection mechanism. Compass adheres to the EIP-1193 standard for compatibility.


web3-react also has a way to inject a wallet, using that you can the compass provider.

We hope this information helps you integrate Compass into your Sei EVM dApp. If you have any questions or need further assistance, please don't hesitate to reach out to us at .

Compass Brand Kit:

https://chrome.google.com/webstore/detail/compass-wallet/anokgmphncpekkhclmingpimjmcooifb
EIP-6963
RainbowKit
inject
inject
support@leapwallet.io
https://www.notion.so/leapwallet/Compass-Brand-Kit-03b6575eb0bd4114a6b1583b4b1e148d