Fetching Data from a GraphQL API

async function queryGraphQL(url, query, variables = {}) {
  try {
    const response = await fetch(url, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
        'Accept': 'application/json',
        // Add authorization headers if needed, e.g., 'Authorization': 'Bearer YOUR_TOKEN'
      },
      body: JSON.stringify({
        query,
        variables
      }),
    });

    if (!response.ok) {
      const errorText = await response.text();
      throw new Error(`GraphQL network error: ${response.status} - ${errorText}`);
    }

    const result = await response.json();

    if (result.errors) {
      console.error('GraphQL errors:', result.errors);
      throw new Error('GraphQL query failed');
    }

    return result.data;

  } catch (error) {
    console.error('Error querying GraphQL:', error);
    throw error;
  }
}

// Usage example:
// const GRAPHQL_API_URL = 'https://countries.trevorblades.com/'; // Example public GraphQL API
// const GET_COUNTRY_QUERY = `
//   query GetCountry($code: ID!) {
//     country(code: $code) {
//       name
//       capital
//       currency
//     }
//   }
// `;
//
// queryGraphQL(GRAPHQL_API_URL, GET_COUNTRY_QUERY, { code: 'BR' })
//   .then(data => console.log('Country Data:', data.country))
//   .catch(error => console.error('Failed to get country:', error));
//
// // Example for a mutation (if your API supports it):
// // const CREATE_USER_MUTATION = `
// //   mutation CreateUser($name: String!) {
// //     createUser(name: $name) {
// //       id
// //       name
// //     }
// //   }
// // `;
// // queryGraphQL(YOUR_API_URL, CREATE_USER_MUTATION, { name: 'John Doe' })
// //   .then(data => console.log('New User:', data.createUser))
// //   .catch(error => console.error('Failed to create user:', error));