Merge pull request #27 from babylonlabs-io/add-ee

feat: add ee to wallet connector

.changeset/violet-maps-remember.md

@@ -0,0 +1,5 @@
+---
+"@babylonlabs-io/bbn-wallet-connect": patch
+---
+
+add ee to wallet connector

package.json

@@ -31,6 +31,7 @@
   },
   "dependencies": {
     "@babylonlabs-io/bbn-core-ui": "^0.0.11",
+    "nanoevents": "^9.1.0",
     "react-icons": "^5.3.0"
   },
   "files": [

src/core/WalletConnector.ts

@@ -1,8 +1,14 @@
+import { createNanoEvents } from "nanoevents";
 import { Wallet } from "@/core/Wallet";
 import type { IProvider, IChain } from "@/core/types";
 
+export interface ConnectorEvents<P extends IProvider> {
+  connect: (wallet: Wallet<P>) => void;
+}
+
 export class WalletConnector<N extends string, P extends IProvider> implements IChain {
   private _connectedWallet: Wallet<P> | null = null;
+  private _ee = createNanoEvents<ConnectorEvents<P>>();
 
   constructor(
     public readonly id: N,
@@ -23,6 +29,7 @@ export class WalletConnector<N extends string, P extends IProvider> implements I
     }
 
     this._connectedWallet = await wallet.connect();
+    this._ee.emit("connect", this._connectedWallet);
 
     return this.connectedWallet;
   }
@@ -34,4 +41,8 @@ export class WalletConnector<N extends string, P extends IProvider> implements I
   clone() {
     return new WalletConnector(this.id, this.name, this.icon, this.wallets);
   }
+
+  on<K extends keyof ConnectorEvents<P>>(name: K, handler: ConnectorEvents<P>[K]) {
+    return this._ee.on(name, handler);
+  }
 }