Merge pull request #110 from brikou/feature/examples_ts_typings_only

Add TS typings to examples
jasonkuhrt · Sep 20, 2018 · 70d3555 · 70d3555
2 parents 9f3fd07 + 4c6e037
commit 70d3555
Show file tree

Hide file tree

Showing 7 changed files with 30 additions and 7 deletions.
diff --git a/README.md b/README.md
@@ -290,7 +290,6 @@ main().catch(error => console.error(error))
 
 - Fragments
 - Using [`graphql-tag`](https://github.com/apollographql/graphql-tag)
-- Typed Typescript return values
 
 ## FAQ
 

diff --git a/examples/authentication-via-http-header.ts b/examples/authentication-via-http-header.ts
@@ -20,6 +20,10 @@ import { GraphQLClient } from '../src'
     }
   `
 
-  const data = await graphQLClient.request(query)
+  interface TData {
+    Movie: { releaseDate: string; actors: Array<{ name: string }> }
+  }
+
+  const data = await graphQLClient.request<TData>(query)
   console.log(JSON.stringify(data, undefined, 2))
 })().catch(error => console.error(error))
diff --git a/examples/cookie-support-for-node.ts b/examples/cookie-support-for-node.ts
@@ -22,6 +22,10 @@ import { GraphQLClient } from '../src'
       }
     `
 
-  const data = await graphQLClient.rawRequest(query)
+  interface TData {
+    Movie: { releaseDate: string; actors: Array<{ name: string }> }
+  }
+
+  const data = await graphQLClient.rawRequest<TData>(query)
   console.log(JSON.stringify(data, undefined, 2))
 })().catch(error => console.error(error))
diff --git a/examples/error-handling.ts b/examples/error-handling.ts
@@ -14,8 +14,12 @@ import { request } from '../src'
     }
   `
 
+  interface TData {
+    Movie: { releaseDate: string; actors: Array<{ name: string }> }
+  }
+
   try {
-    const data = await request(endpoint, query)
+    const data = await request<TData>(endpoint, query)
     console.log(JSON.stringify(data, undefined, 2))
   } catch (error) {
     console.error(JSON.stringify(error, undefined, 2))

diff --git a/examples/passing-more-options-to-fetch.ts b/examples/passing-more-options-to-fetch.ts
@@ -19,6 +19,10 @@ import { GraphQLClient } from '../src'
     }
   `
 
-  const data = await graphQLClient.request(query)
+  interface TData {
+    Movie: { releaseDate: string; actors: Array<{ name: string }> }
+  }
+
+  const data = await graphQLClient.request<TData>(query)
   console.log(JSON.stringify(data, undefined, 2))
 })().catch(error => console.error(error))
diff --git a/examples/receiving-a-raw-response.ts b/examples/receiving-a-raw-response.ts
@@ -14,7 +14,11 @@ import { rawRequest } from '../src'
     }
   `
 
-  const { data, errors, extensions, headers, status } = await rawRequest(
+  interface TData {
+    Movie: { releaseDate: string; actors: Array<{ name: string }> }
+  }
+
+  const { data, errors, extensions, headers, status } = await rawRequest<TData>(
     endpoint,
     query
   )

diff --git a/examples/using-variables.ts b/examples/using-variables.ts
@@ -18,6 +18,10 @@ import { request } from '../src'
     title: 'Inception',
   }
 
-  const data = await request(endpoint, query, variables)
+  interface TData {
+    Movie: { releaseDate: string; actors: Array<{ name: string }> }
+  }
+
+  const data = await request<TData>(endpoint, query, variables)
   console.log(JSON.stringify(data, undefined, 2))
 })().catch(error => console.error(error))