Web3 Wallet connection driven by state charts!
Documentation is work-in-progress
Requires Typescript 4.7+
To install Lotw, you will also need to install xstate and ethers:
yarn add lotw xstate @xstate/react ethers
// src/utils/lotw.ts (or wherever)
import { Lotw, type InferConnectorIds } from 'lotw'
import { MetaMaskConnector } from 'lotw/connectors/metamask'
import { createHooksFrom } from 'lotw/react'
export type Connectors = InferConnectorIds<typeof lotw>
export const lotw = new Lotw([
new MetaMaskConnector(),
])
export const { useChainId, useAccounts, useProvider, useWalletActor } =
createHooksFrom(lotw)
// src/index.ts (src/pages/_app.tsx if using Nextjs)
import 'utils/lotw'
// ... Rest of file
Just your basic injected connector
import { InjectedConnector } from 'lotw/connectors/injected'
new InjectedConnector({
// options
})
chainInfo - The chain info to use when initiating a connection
Connect with MetaMask
import { MetaMaskConnector } from 'lotw/connectors/metamask'
new MetaMaskConnector({
// options
})
chainInfo - The chain info to use when initiating a connection
Connect with Coinbase
import { CoinbaseConnector } from 'lotw/connectors/coinbase'
new CoinbaseConnector({
// options
})
chainInfo - The chain info to use when initiating a connection
Connect with Wallet Connect
import { WalletConnectConnector } from 'lotw/connectors/wallet-connect'
new WalletConnectConnector({
// options
})
chainInfo - The chain info to use when intiating a connection
All Wallet Connect options
3.0.2
c46d590 Thanks @nobrayner! - All emitted events are now delayed by a millisecond to allow the machine's context to settle after executing actions. This resolves issues with trying to access accounts or chain from lotw upon receiving an event.FAQs
Web3 Wallet connection driven by state charts!
The npm package lotw receives a total of 42 weekly downloads. As such, lotw popularity was classified as not popular.
We found that lotw demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 5 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Ransomware negotiators share how modern cybercriminals operate like corporations, using specialized teams, negotiation tactics, and reputation management.
Security News
PyPI confirms no security flaws were exploited in the Ultralytics supply chain attack and highlights improvements for safer package publishing.
Security News
Research
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.