feat(kleros-sdk): gql-client-caching

Author: Harman-singh-waraich

kleros-sdk/src/requests/fetchDisputeDetails.ts

@@ -1,5 +1,6 @@
 import { RequestError } from "../errors";
-import { cacheExchange, Client, CombinedError, fetchExchange, gql } from "@urql/core";
+import { CombinedError, gql } from "@urql/core";
+import getClient from "./gqlClient";
 
 type DisputeDetailsQueryResponse = {
   dispute: {
@@ -29,11 +30,7 @@ const fetchDisputeDetails = async (endpoint: string, id: bigint) => {
   const variables = { id: id.toString() };
 
   try {
-    const client = new Client({
-      url: endpoint,
-      exchanges: [cacheExchange, fetchExchange],
-    });
-
+    const client = getClient(endpoint);
     return client
       .query<DisputeDetailsQueryResponse>(query, variables)
       .toPromise()

kleros-sdk/src/requests/fetchDisputeTemplateFromId.ts

@@ -1,5 +1,6 @@
-import { cacheExchange, Client, CombinedError, fetchExchange, gql } from "@urql/core";
+import { CombinedError, gql } from "@urql/core";
 import { RequestError } from "../errors";
+import getClient from "./gqlClient";
 
 type DisputeTemplateQueryResponse = {
   disputeTemplate: {
@@ -20,11 +21,7 @@ const fetchDisputeTemplateFromId = async (endpoint: string, id: number) => {
   const variables = { id: id.toString() };
 
   try {
-    const client = new Client({
-      url: endpoint,
-      exchanges: [cacheExchange, fetchExchange],
-    });
-
+    const client = getClient(endpoint);
     return client
       .query<DisputeTemplateQueryResponse>(query, variables)
       .toPromise()

kleros-sdk/src/requests/gqlClient.ts

@@ -0,0 +1,18 @@
+import { cacheExchange, Client, fetchExchange } from "@urql/core";
+
+const clients = new Map<string, Client>();
+
+const getClient = (endpoint: string) => {
+  let client = clients.get(endpoint);
+
+  if (!client) {
+    client = new Client({
+      url: endpoint,
+      exchanges: [cacheExchange, fetchExchange],
+    });
+    clients.set(endpoint, client);
+  }
+  return client;
+};
+
+export default getClient;