Update client to use injected Axios Instance

examples/application/pages/example1.tsx

@@ -0,0 +1,69 @@
+import type { NextPage } from "next";
+import { useEffect } from "react";
+import {
+  CosmosQueryClient,
+  getCosmosQueryClient,
+} from "@many-things/cosmos-query";
+
+const lcdList = {
+  ["cosmoshub-4"]: "https://lcd-cosmoshub.blockapsis.com",
+  ["osmosis-1"]: "https://lcd-osmosis.blockapsis.com",
+  ["secret-4"]: "https://lcd-secret.blockapsis.com",
+  ["akashnet-2"]: "https://lcd-akash.blockapsis.com",
+  ["crypto-org-chain-mainnet-1"]: "https://lcd-crypto-org.blockapsis.com",
+  ["iov-mainnet-ibc"]: "https://lcd-iov.blockapsis.com",
+  ["sifchain-1"]: "https://lcd-sifchain.blockapsis.com",
+  ["shentu-2.2"]: "https://lcd-certik.blockapsis.com",
+  ["irishub-1"]: "https://lcd-iris.blockapsis.com",
+  ["regen-1"]: "https://lcd-regen.blockapsis.com",
+  ["juno-1"]: "https://lcd-juno.blockapsis.com",
+  ["stargaze-1"]: "https://lcd-stargaze.blockapsis.com",
+  ["core-1"]: "https://lcd-persistence.blockapsis.com",
+  ["axelar-dojo-1"]: "https://lcd-axelar.blockapsis.com",
+  ["sommelier-3"]: "https://lcd-sommelier.blockapsis.com",
+  ["umee-1"]: "https://lcd-umee.blockapsis.com",
+  ["agoric-3"]: "https://lcd-agoric.blockapsis.com",
+  ["gravity-bridge-3"]: "https://lcd-gravity-bridge.blockapsis.com",
+  ["sentinelhub-2"]: "https://lcd-sentinel.blockapsis.com",
+  ["impacthub-3"]: "https://lcd-impacthub.blockapsis.com",
+  ["emoney-3"]: "https://lcd-emoney.blockapsis.com",
+};
+
+const Home: NextPage = () => {
+  const client = new CosmosQueryClient({
+    baseURL: lcdList["osmosis-1"],
+  });
+  const { getAccounts } = getCosmosQueryClient({
+    baseURL: lcdList["osmosis-1"],
+  });
+
+  useEffect(() => {
+    (async () => {
+      const a = await client.getAccounts({
+        pagination: {
+          offset: 10,
+          limit: 10,
+        },
+      });
+      console.log("----------test class------------");
+      console.log(a);
+    })();
+  }, []);
+
+  useEffect(() => {
+    (async () => {
+      const a = await getAccounts({
+        pagination: {
+          offset: 10,
+          limit: 10,
+        },
+      });
+      console.log("----------test accounts------------");
+      console.log(a);
+    })();
+  }, []);
+
+  return <></>;
+};
+
+export default Home;

packages/core/src/apis/cosmos/auth/index.ts

@@ -1,3 +1,4 @@
+import { AxiosInstance } from "axios";
 import { instance } from "../../../common";
 import type { PaginationParams } from "../../../types";
 import type {
@@ -8,6 +9,16 @@ import type {
 
 export type { AccountResponse, AccountsResponse, AuthParamsResponse };
 
+export const new_getAccounts =
+  (client: AxiosInstance) =>
+  async ({ pagination }: { pagination?: PaginationParams }) => {
+    return (
+      await client.get("/cosmos/auth/v1beta1/accounts", {
+        params: { pagination },
+      })
+    ).data;
+  };
+
 export const getAccounts =
   (baseURL: string) =>
   async ({

packages/core/src/apis/staking/index.ts

@@ -1,3 +1,4 @@
+import { AxiosInstance } from "axios";
 import { instance } from "../../common";
 import type { Delegation, DelegationsResponse } from "./types";
 

packages/core/src/common/client.ts

@@ -0,0 +1,32 @@
+import axios, { AxiosInstance, AxiosRequestConfig } from "axios";
+import { stringify } from "qs";
+
+/**
+ * Create a new Axios client instance
+ * @see https://github.com/mzabriskie/axios#creating-an-instance
+ */
+export class QueryClient {
+  protected readonly client: AxiosInstance;
+
+  constructor(config?: AxiosRequestConfig) {
+    this.client = axios.create({
+      ...config,
+      paramsSerializer(params) {
+        return stringify(params, {
+          allowDots: true,
+        });
+      },
+    });
+  }
+}
+
+export const getClient = (config?: AxiosRequestConfig) => {
+  return axios.create({
+    ...config,
+    paramsSerializer(params) {
+      return stringify(params, {
+        allowDots: true,
+      });
+    },
+  });
+};

packages/core/src/common/index.ts

@@ -1,2 +1,3 @@
 export * from "./instance";
 export * from "./cosmwasm";
+export * from "./client";

packages/core/src/cosmosQueryClient.ts

@@ -0,0 +1,37 @@
+import * as Cosmos from "./apis/cosmos";
+import { AxiosInstance, AxiosRequestConfig } from "axios";
+import { getClient, QueryClient } from "./common";
+
+/**
+ * 1안
+ */
+export const getCosmosQueryClient = (config?: AxiosRequestConfig) => {
+  const client = getClient(config);
+  const setClient = <T>(callback: (client: AxiosInstance) => T) => {
+    return callback(client);
+  };
+
+  return {
+    /**
+     * Accounts returns all the existing accounts.
+     *
+     * GET `/cosmos/auth/v1beta1/accounts`
+     */
+    // getAccounts: setBase(Cosmos.getAccounts),
+    getAccounts: setClient(Cosmos.new_getAccounts),
+  };
+};
+
+/**
+ * 2안
+ */
+export class CosmosQueryClient extends QueryClient {
+  constructor(config?: AxiosRequestConfig) {
+    super(config);
+  }
+
+  public getAccounts = Cosmos.new_getAccounts(this.client);
+
+  // or
+  // public getAccountInfo = this.client.get("/something");
+}

packages/core/src/index.ts

@@ -10,6 +10,7 @@ export * from "./getIBCQuery";
 export * from "./getOsmosisHistoricalQuery";
 export * from "./getEvmosQuery";
 export * from "./getCosmwasmQuery";
+export * from "./cosmosQueryClient";
 
 export * from "./types";
 export * from "./utils";