bhiti_gql_client_setup_and_typed_query_execution.ts

1import { createClient, gql } from '@bhiti/gql';
2
3// 1. Initialize the client with your GraphQL endpoint
4const client = createClient({
5  url: 'https://your-api-endpoint.com/graphql',
6  headers: {
7    Authorization: 'Bearer YOUR_TOKEN',
8  },
9});
10
11// 2. Define your GraphQL query using the gql tag
12const GET_USER_QUERY = gql`
13  query GetUser($id: ID!) {
14    user(id: $id) {
15      id
16      name
17      email
18    }
19  }
20`;
21
22// 3. Execute the query and handle the response
23async function fetchUser(userId: string) {
24  try {
25    const { data, errors } = await client.query({
26      query: GET_USER_QUERY,
27      variables: { id: userId },
28    });
29
30    if (errors) {
31      console.error('GraphQL Errors:', errors);
32      return;
33    }
34
35    console.log('User Data:', data.user);
36  } catch (err) {
37    console.error('Network or Execution Error:', err);
38  }
39}
40
41fetchUser('123');