Build a WalletProvider

import { WalletProviderEnum } from "@dynamic-labs/sdk-api-core";
import type { WalletProvider } from "@dynamic-labs-sdk/client/core";
import {
  formatWalletProviderGroupKey,
  formatWalletProviderKey,
} from "@dynamic-labs-sdk/client/core";

const MY_WALLET_DISPLAY_NAME = "My Wallet";

const MY_WALLET_KEY = formatWalletProviderKey({
  // Replace with the chain your wallet supports.
  // Create a separate provider for each chain you support.
  chain: "EVM",
  displayName: MY_WALLET_DISPLAY_NAME,
  walletProviderType: WalletProviderEnum.BrowserExtension,
});

const myWalletProvider: WalletProvider = {
  // Replace with the chain your wallet supports.
  chain: "EVM",
  key: MY_WALLET_KEY,
  groupKey: formatWalletProviderGroupKey(MY_WALLET_DISPLAY_NAME),
  metadata: {
    displayName: MY_WALLET_DISPLAY_NAME,
    icon: "https://example.com/icon.svg",
  },
  walletProviderType: WalletProviderEnum.BrowserExtension,

  // Replace with your wallet connection logic.
  connect: async () => ({
    addresses: [{ address: "0x..." }],
  }),

  // Replace with your wallet API calls.
  getConnectedAddresses: async () => ({
    addresses: ["0x..."],
  }),

  // Replace with your wallet API calls.
  getActiveNetworkId: async () => ({
    networkId: "1",
  }),

  // Replace with your wallet API calls.
  signMessage: async ({ message }) => ({
    signature: "0x...",
  }),
};

import {
  getDefaultClient,
  getWalletProviderRegistry,
  hasExtension,
  registerExtension,
  WalletProviderPriority,
} from "@dynamic-labs-sdk/client/core";
import type { DynamicClient } from "@dynamic-labs-sdk/client";

const MY_WALLET_EXTENSION_KEY = "myWallet";

const myWalletProvider = {
  /* ... wallet provider from above ... */
};

export const addMyWalletExtension = (
  client: DynamicClient = getDefaultClient()
): void => {
  if (hasExtension({ extensionKey: MY_WALLET_EXTENSION_KEY }, client)) {
    return;
  }

  registerExtension({ extensionKey: MY_WALLET_EXTENSION_KEY }, client);

  getWalletProviderRegistry(client).register({
    priority: WalletProviderPriority.WALLET_SDK,
    walletProvider: myWalletProvider,
  });
};

import {
  createDynamicClient,
  connectAndVerifyWithWalletProvider,
} from "@dynamic-labs-sdk/client";
import { addMyWalletExtension } from "my-wallet-extension";

const client = createDynamicClient({
  environmentId: "YOUR_ENVIRONMENT_ID",
});

// Register the wallet provider with this client.
addMyWalletExtension(client);

const walletAccount = await connectAndVerifyWithWalletProvider(
  { walletProviderKey: MY_WALLET_KEY },
  client
);

console.log("Connected and verified:", walletAccount.address);