@rainbow-me/rainbowkit
Version:
The best way to connect a wallet
101 lines (100 loc) • 3.18 kB
TypeScript
import type { Connector, CreateConnectorFn } from 'wagmi';
import type { WalletConnectParameters } from 'wagmi/connectors';
import type { CoinbaseWalletOptions } from './walletConnectors/coinbaseWallet/coinbaseWallet';
import type { WalletConnectWalletOptions } from './walletConnectors/walletConnectWallet/walletConnectWallet';
export type InstructionStepName = 'install' | 'create' | 'scan' | 'connect' | 'refresh';
type RainbowKitConnector = {
mobile?: {
getUri?: (uri: string) => string;
};
desktop?: {
getUri?: (uri: string) => string;
instructions?: {
learnMoreUrl: string;
steps: {
step: InstructionStepName;
title: string;
description: string;
}[];
};
};
qrCode?: {
getUri: (uri: string) => string;
instructions?: {
learnMoreUrl: string;
steps: {
step: InstructionStepName;
title: string;
description: string;
}[];
};
};
extension?: {
instructions?: {
learnMoreUrl: string;
steps: {
step: InstructionStepName;
title: string;
description: string;
}[];
};
};
};
export type Wallet = {
id: string;
name: string;
rdns?: string;
shortName?: string;
iconUrl: string | (() => Promise<string>);
iconAccent?: string;
iconBackground: string;
installed?: boolean;
downloadUrls?: {
android?: string;
ios?: string;
mobile?: string;
qrCode?: string;
chrome?: string;
edge?: string;
firefox?: string;
opera?: string;
safari?: string;
browserExtension?: string;
macos?: string;
windows?: string;
linux?: string;
desktop?: string;
};
hidden?: () => boolean;
createConnector: (walletDetails: WalletDetailsParams) => CreateConnectorFn;
} & RainbowKitConnector;
export interface DefaultWalletOptions {
projectId: string;
walletConnectParameters?: RainbowKitWalletConnectParameters;
}
export type CreateWalletFn = (createWalletParams: CoinbaseWalletOptions & Omit<WalletConnectWalletOptions, 'projectId'> & DefaultWalletOptions) => Wallet;
export type WalletList = {
groupName: string;
wallets: CreateWalletFn[];
}[];
export type RainbowKitWalletConnectParameters = Omit<WalletConnectParameters, 'showQrModal' | 'projectId'>;
export type RainbowKitDetails = Omit<Wallet, 'createConnector' | 'hidden'> & {
index: number;
groupIndex: number;
groupName: string;
isWalletConnectModalConnector?: boolean;
isRainbowKitConnector: boolean;
walletConnectModalConnector?: Connector;
showQrModal?: true;
};
export type WalletDetailsParams = {
rkDetails: RainbowKitDetails;
};
export type CreateConnector = (walletDetails: {
rkDetails: RainbowKitDetails;
}) => CreateConnectorFn;
export type WagmiConnectorInstance = Connector & {
rkDetails?: RainbowKitDetails;
};
export type WalletInstance = Connector & RainbowKitDetails;
export {};