@apexethdev/preview-wallet
v0.1.0
Published
`@apexethdev/preview-wallet` is the published npm package that powers the local wallet sidecar and browser integration.
Readme
@apexethdev/preview-wallet
@apexethdev/preview-wallet is the published npm package that powers the local
wallet sidecar and browser integration.
It provides:
- a local signer runtime
- an injected EIP-1193/EIP-6963 browser provider
- a Shadow DOM approval overlay
- a
preview-walletCLI for starting the local server - a
PreviewWalletHostReact export for Next.js apps
Consumer usage
Install the package via npm:
npm install @apexethdev/preview-walletStart the sidecar:
preview-walletIn a Next.js app, a common script is:
{
"scripts": {
"wallet:start": "preview-wallet"
}
}Render the browser host in a client-capable Next.js layout:
import { PreviewWalletHost } from "@apexethdev/preview-wallet/react";Relevant env variables:
NEXT_PUBLIC_PREVIEW_WALLET_ENABLED=true
NEXT_PUBLIC_PREVIEW_WALLET_URL=http://127.0.0.1:43199/client.js
PREVIEW_WALLET_PRIVATE_KEY=0x...
PREVIEW_WALLET_NETWORK=sepolia
PREVIEW_WALLET_RPC_URL=https://sepolia.base.org
PREVIEW_WALLET_HOST=127.0.0.1
PREVIEW_WALLET_PORT=43199