Executing GraphQL Queries and Mutations with Fetch API

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

    if (!response.ok) {
      throw new Error(`GraphQL request failed with status: ${response.status}`);
    }

    const result = await response.json();

    if (result.errors) {
      console.error("GraphQL errors:", result.errors);
      throw new Error("GraphQL errors encountered.");
    }

    return result.data;
  } catch (error) {
    console.error("Error executing GraphQL operation:", error);
    throw error;
  }
}

// Example Query:
// const GET_PRODUCTS = `
//   query GetProducts($limit: Int) {
//     products(limit: $limit) {
//       id
//       name
//       price
//     }
//   }
// `;
// executeGraphQL("/graphql", GET_PRODUCTS, { limit: 5 })
//   .then(data => console.log("Query result:", data.products))
//   .catch(err => console.error("Query error:", err));

// Example Mutation:
// const ADD_PRODUCT = `
//   mutation AddProduct($name: String!, $price: Float!) {
//     createProduct(name: $name, price: $price) {
//       id
//       name
//     }
//   }
// `;
// executeGraphQL("/graphql", ADD_PRODUCT, { name: "New Gadget", price: 29.99 })
//   .then(data => console.log("Mutation result:", data.createProduct))
//   .catch(err => console.error("Mutation error:", err));