GraphQL Typed Document Node Core

import { TypedDocumentNode, ResultOf, VariablesOf } from "@graphql-typed-document-node/core";

const { TypedDocumentNode, ResultOf, VariablesOf } = require("@graphql-typed-document-node/core");

import { TypedDocumentNode, ResultOf, VariablesOf } from "@graphql-typed-document-node/core";

// Define a typed document node (typically generated by GraphQL Code Generator)
const GetUserQuery: TypedDocumentNode<
  { user: { id: string; name: string; email: string } },
  { id: string }
> = {
  kind: "Document",
  definitions: [
    // ... GraphQL AST definitions
  ]
};

// Extract types from the typed document
type UserQueryResult = ResultOf<typeof GetUserQuery>;
// Result: { user: { id: string; name: string; email: string } }

type UserQueryVariables = VariablesOf<typeof GetUserQuery>;
// Result: { id: string }

// Use with GraphQL client libraries that support TypedDocumentNode
const result = await client.query({
  query: GetUserQuery,
  variables: { id: "123" } // Fully typed!
});
// result.data is typed as { user: { id: string; name: string; email: string } }

interface TypedDocumentNode<
  TResult = { [key: string]: any },
  TVariables = { [key: string]: any }
> extends DocumentNode, DocumentTypeDecoration<TResult, TVariables> {}

interface DocumentTypeDecoration<TResult, TVariables> {
  /**
   * This type is used to ensure that the variables you pass in to the query are assignable to Variables
   * and that the Result is assignable to whatever you pass your result to. The method is never actually
   * implemented, but the type is valid because we list it as optional
   */
  __apiType?: (variables: TVariables) => TResult;
}

/**
 * Helper for extracting a TypeScript type for operation result from a TypedDocumentNode and TypedDocumentString.
 * @example
 * const myQuery = { ... }; // TypedDocumentNode<R, V>
 * type ResultType = ResultOf<typeof myQuery>; // Now it's R
 */
type ResultOf<T> = T extends DocumentTypeDecoration<infer ResultType, infer VariablesType>
  ? ResultType
  : never;

const GetUsersQuery: TypedDocumentNode<
  { users: Array<{ id: string; name: string }> },
  { limit: number }
> = /* ... */;

type UsersResult = ResultOf<typeof GetUsersQuery>;
// Result: { users: Array<{ id: string; name: string }> }

/**
 * Helper for extracting a TypeScript type for operation variables from a TypedDocumentNode and TypedDocumentString.
 * @example
 * const myQuery = { ... }; // TypedDocumentNode<R, V>
 * type VariablesType = VariablesOf<typeof myQuery>; // Now it's V
 */
type VariablesOf<T> = T extends DocumentTypeDecoration<infer ResultType, infer VariablesType>
  ? VariablesType
  : never;

const CreateUserMutation: TypedDocumentNode<
  { createUser: { id: string; success: boolean } },
  { input: { name: string; email: string } }
> = /* ... */;

type CreateUserVariables = VariablesOf<typeof CreateUserMutation>;
// Result: { input: { name: string; email: string } }