@ledgerhq/ledger-live-wagmi-connector
v0.4.0
Published
<p align="center"> <img src="https://user-images.githubusercontent.com/9203826/154288895-670f5c23-81a1-4307-a080-1af83f7f8356.svg" align="center" alt="Ledger" /> <h2 align="center">Ledger Live Wagmi Connector</h2> <p align="center"><a href="https://git
Downloads
34
Maintainers
Keywords
Readme
About
@ledgerhq/ledger-live-wagmi-connector
is a connector for the popular wagmi library built on top of the @ledgerhq/iframe-provider
.
It can be used to initialize a wagmi client that will seemlessly manage the interaction of your DApp with the Ledger Live wallet through the ethereum dapp browser.
For more details on how to develop, test and integrate your DApp in the Ledger Live context, head over to our developer portal.
How to use
Here is an example of a wagmi client using both the IFrameEthereumConnector
and the default InjectedConnector
to be used, respectively, within Ledger Live DApp browser and on a regular browser with an injected provider like Metamask for example.
import { IFrameEthereumConnector } from "@ledgerhq/ledger-live-wagmi-connector";
import { defaultChains, configureChains, createClient } from "wagmi";
import { InjectedConnector } from "wagmi/connectors/injected";
import { publicProvider } from "wagmi/providers/public";
const { chains, provider } = configureChains(defaultChains, [publicProvider()]);
const wagmiClient = createClient({
autoConnect: true,
connectors: [
new IFrameEthereumConnector({ chains, options: {} }),
new InjectedConnector({ chains }),
],
provider,
});
Contributing
You need to have a recent Node.js and pnpm installed.
Install dependencies
pnpm i
Build
Build the Connector
pnpm build
Lint
Check code quality with
pnpm lint
Format
Check code formatting with
pnpm format:check
Documentation
Have a look at the wagmi repo and the wagmi doc to learn more on connectors and wagmi.