Eth client (#285)

* feat: add eth client

Author: jrwbabylonlab

package-lock.json

@@ -180,13 +180,15 @@ export interface IETHProvider extends IProvider {
    * @param eventName - The name of the event to listen for
    * @param handler - The callback function to be executed when the event occurs
    */
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
   on(eventName: string, handler: Function): void;
 
   /**
    * Unregisters an event listener for the specified event
    * @param eventName - The name of the event to listen for
    * @param handler - The callback function to be executed when the event occurs
    */
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
   off(eventName: string, handler: Function): void;
 }
 

packages/babylon-wallet-connector/src/core/types.ts

@@ -25,6 +25,7 @@
   "dependencies": {
     "@babylonlabs-io/core-ui": "*",
     "@babylonlabs-io/wallet-connector": "*",
+    "@wagmi/core": "^2.16.3",
     "react-router": "7.6.3",
     "viem": "^2.37.9"
   },

routes/vault/package.json

@@ -1,8 +1,16 @@
+import { useAppKitBridge } from "@babylonlabs-io/wallet-connector";
 import { Borrow } from "./components/ui";
 
+// TODO: Uncomment this when we have a way to test the contract queries
+// import ContractQueryExample from "./components/examples/ContractQueryExample";
+
 export default function VaultLayout() {
+  // Initialize AppKit bridge for ETH wallet connection
+  useAppKitBridge();
+
   return (
     <div className="container mx-auto flex max-w-[760px] flex-1 flex-col gap-12 px-4">
+      {/* <ContractQueryExample /> */}
       <Borrow />
     </div>
   );