fix(kleros-sdk): replace-graphql-request-library-with-native-fetch

Author: Harman-singh-waraich

kleros-sdk/package.json

@@ -43,7 +43,6 @@
   },
   "dependencies": {
     "@reality.eth/reality-eth-lib": "^3.2.30",
-    "graphql-request": "^7.1.0",
     "mustache": "^4.2.0",
     "viem": "^2.21.26",
     "zod": "^3.22.4"

kleros-sdk/src/dataMappings/actions/fetchIpfsJsonAction.ts

@@ -33,7 +33,7 @@ export const fetchIpfsJsonAction = async (mapping: FetchIpfsJsonMapping) => {
     throw new RequestError("Fetched data is not JSON", httpUri);
   }
 
-  const data = await response.json();
+  const data = (await response.json()) as any;
 
   return createResultObject(data, seek, populate);
 };

kleros-sdk/src/dataMappings/actions/subgraphAction.ts

@@ -13,7 +13,7 @@ export const subgraphAction = async (mapping: SubgraphMapping) => {
     body: JSON.stringify({ query, variables }),
   });
 
-  const { data } = await response.json();
+  const { data } = (await response.json()) as any;
 
   return createResultObject(data, seek, populate);
 };

kleros-sdk/src/requests/fetchDisputeDetails.ts

@@ -1,4 +1,3 @@
-import { request, gql } from "graphql-request";
 import { RequestError } from "../errors";
 
 type DisputeDetailsQueryResponse = {
@@ -12,8 +11,8 @@ type DisputeDetailsQueryResponse = {
   };
 };
 
-const fetchDisputeDetails = async (endpoint: string, id: bigint) => {
-  const query = gql`
+const fetchDisputeDetails = async (endpoint: string, id: bigint): Promise<DisputeDetailsQueryResponse> => {
+  const query = `
     query DisputeDetails($id: ID!) {
       dispute(id: $id) {
         arbitrated {
@@ -28,7 +27,24 @@ const fetchDisputeDetails = async (endpoint: string, id: bigint) => {
   const variables = { id: id.toString() };
 
   try {
-    return await request<DisputeDetailsQueryResponse>(endpoint, query, variables);
+    const response = await fetch(endpoint, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({ query, variables }),
+    });
+
+    if (!response.ok) {
+      const errorData = (await response.json()) as any;
+      throw new RequestError(
+        `Error querying Dispute Details: ${errorData?.errors?.[0]?.message || "Unknown error"}`,
+        endpoint
+      );
+    }
+
+    const json = (await response.json()) as { data: DisputeDetailsQueryResponse };
+    return json.data;
   } catch (error: any) {
     if (error instanceof Error) {
       throw new RequestError(`Error querying Dispute Details: ${error.message}`, endpoint);

kleros-sdk/src/requests/fetchDisputeTemplateFromId.ts

@@ -1,4 +1,3 @@
-import { request, gql } from "graphql-request";
 import { RequestError } from "../errors";
 
 type DisputeTemplateQueryResponse = {
@@ -8,8 +7,8 @@ type DisputeTemplateQueryResponse = {
   };
 };
 
-const fetchDisputeTemplateFromId = async (endpoint: string, id: number) => {
-  const query = gql`
+const fetchDisputeTemplateFromId = async (endpoint: string, id: number): Promise<DisputeTemplateQueryResponse> => {
+  const query = `
     query DisputeTemplate($id: ID!) {
       disputeTemplate(id: $id) {
         templateData
@@ -19,8 +18,26 @@ const fetchDisputeTemplateFromId = async (endpoint: string, id: number) => {
   `;
 
   const variables = { id: id.toString() };
+
   try {
-    return await request<DisputeTemplateQueryResponse>(endpoint, query, variables);
+    const response = await fetch(endpoint, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({ query, variables }),
+    });
+
+    if (!response.ok) {
+      const errorData = (await response.json()) as any;
+      throw new RequestError(
+        `Error querying Dispute Template: ${errorData?.errors?.[0]?.message || "Unknown error"}`,
+        endpoint
+      );
+    }
+
+    const json = (await response.json()) as { data: DisputeTemplateQueryResponse };
+    return json.data;
   } catch (error: any) {
     if (error instanceof Error) {
       throw new RequestError(`Error querying Dispute Template: ${error.message}`, endpoint);

yarn.lock

@@ -7902,7 +7902,6 @@ __metadata:
     "@reality.eth/reality-eth-lib": "npm:^3.2.30"
     "@types/mustache": "npm:^4.2.5"
     "@vitest/ui": "npm:^1.1.3"
-    graphql-request: "npm:^7.1.0"
     mocha: "npm:^10.2.0"
     mustache: "npm:^4.2.0"
     rimraf: "npm:^6.0.1"