typed-graphqlify

import { query, types } from 'typed-graphqlify'; // Mock an execution function for demonstration purposes async function executeGraphql<T>(graphqlQuery: string): Promise<T> { console.log('Executing GraphQL query:\n', graphqlQuery); // In a real application, this would make an actual network request // to your GraphQL endpoint (e.g., using fetch, axios, or a GraphQL client). // For this example, we'll return a mock data structure that matches the // query's expected type, simulating a successful response. return Promise.resolve({ user: { id: 123, name: 'John Doe', bankAccount: { id: 456, branch: 'Main Branch', // Or undefined if optional and not present }, }, } as T); } // Define a GraphQL query using typed-graphqlify's DSL const getUserQuery = query('GetUser', { user: { id: types.number, name: types.string, bankAccount: { id: types.number, branch: types.optional.string, // Define 'branch' as an optional string }, }, }); console.log('Generated GraphQL Query:\n', getUserQuery.toString()); // Execute the GraphQL query and infer the result type safely const data: typeof getUserQuery.data = await executeGraphql(getUserQuery.toString()); console.log('Received data:', data); // Demonstrate type-safety: 'data' is strongly typed based on the query definition console.log(`User ID: ${data.user.id}`); console.log(`User Name: ${data.user.name}`); if (data.user.bankAccount.branch) { console.log(`Bank Branch: ${data.user.bankAccount.branch}`); } else { console.log('Bank Branch: Not provided'); }