Revert graphql-request to actually test graphql-request

dotansimha · Jan 17, 2025 · 6dae7a6 · 6dae7a6
1 parent f24f399
commit 6dae7a6
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 13 deletions.
diff --git a/examples/typescript-graphql-request/package.json b/examples/typescript-graphql-request/package.json
@@ -9,7 +9,8 @@
   },
   "dependencies": {
     "graphql": "16.9.0",
-    "graphql-yoga": "5.7.0"
+    "graphql-yoga": "5.7.0",
+    "graphql-request": "5.2.0"
   },
   "scripts": {
     "codegen": "graphql-codegen --config codegen.ts",

diff --git a/examples/typescript-graphql-request/src/main.ts b/examples/typescript-graphql-request/src/main.ts
@@ -1,3 +1,4 @@
+import { GraphQLClient } from 'graphql-request';
 import { graphql } from './gql';
 import { AllPeopleQueryQuery } from './gql/graphql';
 
@@ -33,17 +34,14 @@ const AllPeopleWithVariablesQueryDocument = graphql(/* GraphQL */ `
 
 const apiUrl = 'https://graphql.org/graphql/';
 
-export const getPeople = async (first?: number) => {
-  const request = first
-    ? { query: AllPeopleWithVariablesQueryDocument.toString(), variables: { first } }
-    : { query: AllPeopleQueryDocument.toString() };
-
-  const response = await fetch(apiUrl, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify(request),
-  });
+const client = new GraphQLClient(apiUrl);
 
-  const res: AllPeopleQueryQuery = (await response.json()).data;
-  return res.allPeople?.edges;
+export const getPeople = async (first?: number) => {
+  let res: AllPeopleQueryQuery;
+  if (first) {
+    res = await client.request(AllPeopleWithVariablesQueryDocument.toString(), { first });
+  } else {
+    res = await client.request(AllPeopleQueryDocument.toString());
+  }
+  return res?.allPeople?.edges;
 };