edsadapter

React wallet connect adapter for Endless-related wallets and common EVM/Solana/Tron wallet flows.

Install

npm install edsadapter

This package expects these peer dependencies to already exist in the host app:

• react
• react-dom
• @chakra-ui/react
• @chakra-ui/anatomy
• @emotion/react
• zustand
• ethers
• @solana/web3.js
• @endlesslab/endless-ts-sdk
• @endlesslab/endless-web3-sdk
• @luffalab/luffa-endless-sdk
• is-mobile
• qrcode.react

Usage

Import the package stylesheet once in your app entry:

import 'edsadapter/style.css';

Wrap your app with ConnectProvider:

import 'edsadapter/style.css';
import { ConnectProvider } from 'edsadapter';

export function App() {
  return (
    <ConnectProvider network="dev">
      <YourPage />
    </ConnectProvider>
  );
}

Open the wallet modal when needed:

import { showDetailModal } from 'edsadapter';

function ConnectButton() {
  const open = () => {
    showDetailModal({
      logo: '/logo.png',
      disableWallets: ['OKX Wallet'],
    });
  };

  return <button onClick={open}>Connect wallet</button>;
}

Read connection state with useWallet:

import { useWallet } from 'edsadapter';

function WalletInfo() {
  const { account, chainId, disconnect, walletIcon } = useWallet();

  return (
    <div>
      <img src={walletIcon} alt="" width={24} height={24} />
      <div>account: {account || '-'}</div>
      <div>chainId: {chainId || '-'}</div>
      <button onClick={disconnect}>Disconnect</button>
    </div>
  );
}

API

ConnectProvider

Props:

• network: 'dev' | 'prod'
• children: React.ReactNode

showDetailModal

Props:

• logo: string
• disableWallets?: string[]

Returns:

• { remove: () => void }

useWallet

Returns:

• provider
• account
• chainId
• walletIcon
• disconnect

Notes

• Do not import from internal build files like edsadapter/dist/index.esm.js. Import from edsadapter only.
• If the host app uses Vite, clear stale cache after upgrading the package, especially node_modules/.vite.
• The package publishes both ESM and CJS entries. react, react-dom, and react-dom/client stay external and must come from the host app.