Add useAbstraxionClient hook to expose a non-signing CosmWasm client

This will unblock apps which wish to make rpc calls before login

.changeset/hot-terms-reply.md

@@ -0,0 +1,5 @@
+---
+"@burnt-labs/abstraxion": minor
+---
+
+Add a `useAbstraxionClient` hook to expose non-signing client.

packages/abstraxion/src/hooks/index.ts

@@ -1,3 +1,4 @@
 export { useAbstraxionAccount } from "./useAbstraxionAccount";
 export { useAbstraxionSigningClient } from "./useAbstraxionSigningClient";
+export { useAbstraxionClient } from "./useAbstraxionClient";
 export { useModal } from "./useModal";

packages/abstraxion/src/hooks/useAbstraxionClient.ts

@@ -0,0 +1,35 @@
+import { useContext, useEffect, useState } from "react";
+import { testnetChainInfo } from "@burnt-labs/constants";
+import { AbstraxionContext } from "@/src/components/AbstraxionContext";
+import { CosmWasmClient } from "@cosmjs/cosmwasm-stargate";
+
+export const useAbstraxionClient = (): {
+  readonly client: CosmWasmClient | undefined;
+} => {
+  const { rpcUrl } = useContext(AbstraxionContext);
+
+  const [abstractClient, setAbstractClient] = useState<
+    CosmWasmClient | undefined
+  >(undefined);
+
+  useEffect(() => {
+    async function getClient() {
+      try {
+        const client = await CosmWasmClient.connect(
+          // Should be set in the context but defaulting here just in case
+          rpcUrl || testnetChainInfo.rpc,
+        );
+
+        setAbstractClient(client);
+      } catch (error) {
+        setAbstractClient(undefined);
+      }
+    }
+
+    getClient();
+  }, [rpcUrl]);
+
+  return {
+    client: abstractClient,
+  } as const;
+};

packages/abstraxion/src/index.ts

@@ -4,6 +4,7 @@ export { Abstraxion, AbstraxionProvider } from "./components/Abstraxion";
 export {
   useAbstraxionAccount,
   useAbstraxionSigningClient,
+  useAbstraxionClient,
   useModal,
 } from "./hooks";