Tong/416 do not rollup cosmo

.changeset/happy-donkeys-walk.md

@@ -0,0 +1,5 @@
+---
+"@babylonlabs-io/bbn-wallet-connect": patch
+---
+
+Re-add @cosmjs/stargate

package.json

@@ -30,6 +30,8 @@
     "release": "npm run build && changeset publish"
   },
   "dependencies": {
+    "@cosmjs/stargate": "^0.32.4",
+    "@keplr-wallet/types": "^0.12.156",
     "buffer": "^6.0.3",
     "nanoevents": "^9.1.0",
     "react-icons": "^5.3.0"
@@ -38,10 +40,10 @@
     "dist"
   ],
   "peerDependencies": {
-    "@babylonlabs-io/bbn-core-ui": "^0.2.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "tailwind-merge": "^2.5.4"
+    "tailwind-merge": "^2.5.4",
+    "@babylonlabs-io/bbn-core-ui": "^0.2.0"
   },
   "devDependencies": {
     "@changesets/cli": "^2.27.9",

src/core/chains/bbnDevnet.ts

@@ -1,6 +1,6 @@
-// import { ChainInfo } from "@keplr-wallet/types";
+import { ChainInfo } from "@keplr-wallet/types";
 
-export const bbnDevnet: any = {
+export const bbnDevnet: ChainInfo = {
   chainId: "devnet-7",
   chainName: "Babylon Devnet 7",
   chainSymbolImageUrl:

src/core/types.ts

@@ -1,4 +1,4 @@
-// import { ChainInfo } from "@keplr-wallet/types";
+import { ChainInfo } from "@keplr-wallet/types";
 
 export type Fees = {
   // fee for inclusion in the next block
@@ -55,7 +55,7 @@ export interface BTCConfig {
 export type BBNConfig = {
   chainId: string;
   rpc: string;
-  chainData: any;
+  chainData: ChainInfo;
 };
 
 export interface IProvider {

src/core/wallets/bbn/BBNProvider.ts

@@ -1,5 +1,5 @@
 import { IProvider } from "@/core/types";
-// import { SigningStargateClient } from "@cosmjs/stargate";
+import { SigningStargateClient } from "@cosmjs/stargate";
 
 export abstract class BBNProvider implements IProvider {
   /**
@@ -25,7 +25,7 @@ export abstract class BBNProvider implements IProvider {
    * Gets the signing stargate client.
    * @returns A promise that resolves to the signing stargate client.
    */
-  abstract getSigningStargateClient(): Promise<any>;
+  abstract getSigningStargateClient(): Promise<SigningStargateClient>;
   /**
    * Gets the balance of the connected wallet.
    * @param searchDenom - The denomination to search for in the wallet's balance.

src/core/wallets/bbn/index.ts

@@ -1,14 +1,14 @@
 import { BBNProvider } from "./BBNProvider";
 import icon from "./babylon.jpeg";
-// import keplr from "./keplr";
+import keplr from "./keplr";
 
 import { BBNConfig, ChainMetadata } from "@/core/types";
 
 const metadata: ChainMetadata<"BBN", BBNProvider, BBNConfig> = {
   chain: "BBN",
   name: "Babylon Chain",
   icon,
-  wallets: [],
+  wallets: [keplr],
 };
 
 export default metadata;

src/core/wallets/bbn/keplr/index.ts

@@ -1,17 +1,17 @@
-// import { Network, type WalletMetadata, type BBNConfig } from "@/core/types";
+import { Network, type WalletMetadata, type BBNConfig } from "@/core/types";
 
-// import logo from "./logo.svg";
-// import type { BBNProvider } from "../BBNProvider";
-// import { KeplrProvider } from "./provider";
+import logo from "./logo.svg";
+import type { BBNProvider } from "../BBNProvider";
+import { KeplrProvider } from "./provider";
 
-// const metadata: WalletMetadata<BBNProvider, BBNConfig> = {
-//   id: "keplr",
-//   name: "Keplr",
-//   icon: logo,
-//   docs: "https://www.keplr.app/",
-//   wallet: "keplr",
-//   createProvider: (wallet, config) => new KeplrProvider(wallet, config),
-//   networks: [Network.MAINNET, Network.SIGNET],
-// };
+const metadata: WalletMetadata<BBNProvider, BBNConfig> = {
+  id: "keplr",
+  name: "Keplr",
+  icon: logo,
+  docs: "https://www.keplr.app/",
+  wallet: "keplr",
+  createProvider: (wallet, config) => new KeplrProvider(wallet, config),
+  networks: [Network.MAINNET, Network.SIGNET],
+};
 
-// export default metadata;
+export default metadata;

src/core/wallets/bbn/keplr/provider.ts

@@ -1,85 +1,85 @@
-// import { Window as KeplrWindow } from "@keplr-wallet/types";
-// import { Buffer } from "buffer";
-
-// import { BBNConfig, WalletInfo } from "@/core/types";
-// import { BBNProvider } from "@/core/wallets/bbn/BBNProvider";
-
-// import { OfflineAminoSigner, OfflineDirectSigner } from "@keplr-wallet/types/src/cosmjs";
-// import { SigningStargateClient, SigningStargateClientOptions } from "@cosmjs/stargate";
-
-// declare global {
-//   // eslint-disable-next-line @typescript-eslint/no-empty-object-type
-//   interface Window extends KeplrWindow {}
-// }
-
-// export class KeplrProvider extends BBNProvider {
-//   private walletInfo: WalletInfo | undefined;
-//   private chainId: string | undefined;
-//   private rpc: string | undefined;
-//   private offlineSigner?: OfflineAminoSigner & OfflineDirectSigner;
-//   private stargateClient?: Promise<SigningStargateClient>;
-
-//   constructor(
-//     private keplr: Window["keplr"],
-//     config: BBNConfig,
-//   ) {
-//     super();
-//     if (!keplr) {
-//       throw new Error("Keplr extension not found");
-//     }
-//     this.chainId = config.chainId;
-//     this.rpc = config.rpc;
-//   }
-
-//   async connectWallet(): Promise<this> {
-//     if (!this.chainId) throw new Error("Chain ID is not initialized");
-//     if (!this.rpc) throw new Error("RPC URL is not initialized");
-
-//     await this.keplr?.enable(this.chainId);
-//     const key = await this.keplr?.getKey(this.chainId);
-
-//     if (!key) throw new Error("Failed to get Keplr key");
-
-//     this.offlineSigner = this.keplr?.getOfflineSigner(this.chainId);
-
-//     const { bech32Address, pubKey } = key;
-
-//     if (bech32Address && pubKey) {
-//       this.walletInfo = {
-//         publicKeyHex: Buffer.from(key.pubKey).toString("hex"),
-//         address: bech32Address,
-//       };
-//       return this;
-//     } else {
-//       throw new Error("Could not connect to Keplr");
-//     }
-//   }
-
-//   async getAddress(): Promise<string> {
-//     if (!this.walletInfo) throw new Error("Wallet not connected");
-//     return this.walletInfo.address;
-//   }
-
-//   async getPublicKeyHex(): Promise<string> {
-//     if (!this.walletInfo) throw new Error("Wallet not connected");
-//     return this.walletInfo.publicKeyHex;
-//   }
-
-//   async getSigningStargateClient(options?: SigningStargateClientOptions) {
-//     if (!this.stargateClient) {
-//       this.stargateClient = this.createSigningStargateClient(options);
-//     }
-//     return await this.stargateClient;
-//   }
-
-//   async createSigningStargateClient(options?: SigningStargateClientOptions) {
-//     if (!this.rpc) throw new Error("RPC URL is not initialized");
-//     if (!this.offlineSigner) throw new Error("Offline signer is not initialized");
-//     return await SigningStargateClient.connectWithSigner(this.rpc, this.offlineSigner, options);
-//   }
-
-//   async getBalance(searchDenom: string) {
-//     const signingStargateClient = await this.getSigningStargateClient();
-//     return BigInt((await signingStargateClient.getBalance(await this.getAddress(), searchDenom)).amount);
-//   }
-// }
+import { Window as KeplrWindow } from "@keplr-wallet/types";
+import { Buffer } from "buffer";
+
+import { BBNConfig, WalletInfo } from "@/core/types";
+import { BBNProvider } from "@/core/wallets/bbn/BBNProvider";
+
+import { OfflineAminoSigner, OfflineDirectSigner } from "@keplr-wallet/types/src/cosmjs";
+import { SigningStargateClient, SigningStargateClientOptions } from "@cosmjs/stargate";
+
+declare global {
+  // eslint-disable-next-line @typescript-eslint/no-empty-object-type
+  interface Window extends KeplrWindow {}
+}
+
+export class KeplrProvider extends BBNProvider {
+  private walletInfo: WalletInfo | undefined;
+  private chainId: string | undefined;
+  private rpc: string | undefined;
+  private offlineSigner?: OfflineAminoSigner & OfflineDirectSigner;
+  private stargateClient?: Promise<SigningStargateClient>;
+
+  constructor(
+    private keplr: Window["keplr"],
+    config: BBNConfig,
+  ) {
+    super();
+    if (!keplr) {
+      throw new Error("Keplr extension not found");
+    }
+    this.chainId = config.chainId;
+    this.rpc = config.rpc;
+  }
+
+  async connectWallet(): Promise<this> {
+    if (!this.chainId) throw new Error("Chain ID is not initialized");
+    if (!this.rpc) throw new Error("RPC URL is not initialized");
+
+    await this.keplr?.enable(this.chainId);
+    const key = await this.keplr?.getKey(this.chainId);
+
+    if (!key) throw new Error("Failed to get Keplr key");
+
+    this.offlineSigner = this.keplr?.getOfflineSigner(this.chainId);
+
+    const { bech32Address, pubKey } = key;
+
+    if (bech32Address && pubKey) {
+      this.walletInfo = {
+        publicKeyHex: Buffer.from(key.pubKey).toString("hex"),
+        address: bech32Address,
+      };
+      return this;
+    } else {
+      throw new Error("Could not connect to Keplr");
+    }
+  }
+
+  async getAddress(): Promise<string> {
+    if (!this.walletInfo) throw new Error("Wallet not connected");
+    return this.walletInfo.address;
+  }
+
+  async getPublicKeyHex(): Promise<string> {
+    if (!this.walletInfo) throw new Error("Wallet not connected");
+    return this.walletInfo.publicKeyHex;
+  }
+
+  async getSigningStargateClient(options?: SigningStargateClientOptions) {
+    if (!this.stargateClient) {
+      this.stargateClient = this.createSigningStargateClient(options);
+    }
+    return await this.stargateClient;
+  }
+
+  async createSigningStargateClient(options?: SigningStargateClientOptions) {
+    if (!this.rpc) throw new Error("RPC URL is not initialized");
+    if (!this.offlineSigner) throw new Error("Offline signer is not initialized");
+    return await SigningStargateClient.connectWithSigner(this.rpc, this.offlineSigner, options);
+  }
+
+  async getBalance(searchDenom: string) {
+    const signingStargateClient = await this.getSigningStargateClient();
+    return BigInt((await signingStargateClient.getBalance(await this.getAddress(), searchDenom)).amount);
+  }
+}

vite.config.ts

@@ -22,7 +22,14 @@ export default defineConfig({
       fileName: (format) => `index.${format}.js`,
     },
     rollupOptions: {
-      external: ["react", "react-dom", "react/jsx-runtime", "tailwind-merge", "@babylonlabs-io/bbn-core-ui"],
+      external: [
+        "react",
+        "react-dom",
+        "react/jsx-runtime",
+        "tailwind-merge",
+        "@babylonlabs-io/bbn-core-ui",
+        "@cosmjs/stargate",
+      ],
       output: {
         sourcemapExcludeSources: true,
       },