Refactor example createClient

examples/react-vite-browser-sdk/src/createClient.ts

@@ -1,37 +1,25 @@
-import { Client, SignatureRequestType } from "@xmtp/browser-sdk";
+import { Client, type Signer } from "@xmtp/browser-sdk";
 import { toBytes } from "viem/utils";
 import { createWallet } from "./wallets";
 
-type Wallet = ReturnType<typeof createWallet>;
-
-export const getSignature = async (client: Client, wallet: Wallet) => {
-  const signatureText = await client.getCreateInboxSignatureText();
-  if (signatureText) {
-    const signature = await wallet.signMessage({
-      message: signatureText,
-    });
-    return toBytes(signature);
-  }
-  return null;
-};
-
 export const createClient = async (walletKey: string) => {
   const encryptionKeyHex = import.meta.env.VITE_ENCRYPTION_KEY;
   if (!encryptionKeyHex) {
     throw new Error("VITE_ENCRYPTION_KEY must be set in the environment");
   }
   const encryptionBytes = toBytes(encryptionKeyHex);
   const wallet = createWallet(walletKey);
-  const client = await Client.create(wallet.account.address, encryptionBytes, {
+  const signer: Signer = {
+    getAddress: () => wallet.account.address,
+    signMessage: async (message: string) => {
+      const signature = await wallet.signMessage({
+        message,
+      });
+      return toBytes(signature);
+    },
+  };
+  const client = await Client.create(signer, encryptionBytes, {
     env: "local",
   });
-  const isRegistered = await client.isRegistered();
-  if (!isRegistered) {
-    const signature = await getSignature(client, wallet);
-    if (signature) {
-      await client.addSignature(SignatureRequestType.CreateInbox, signature);
-    }
-    await client.registerIdentity();
-  }
   return client;
 };