# @graphql-codegen/typed-document-node > GraphQL Code Generator plugin for generating ready-to-use TypedDocumentNode based on GraphQL operations Latest version **7.1.0** (published 2026-07-06) · MIT license · 0 weekly downloads ## Install ```sh npm install @graphql-codegen/typed-document-node pnpm add @graphql-codegen/typed-document-node yarn add @graphql-codegen/typed-document-node bun add @graphql-codegen/typed-document-node ``` ## Health **Score 75/100 (B)** — status: active. Positive: has types; esm support; no vulnerabilities; has provenance; recently updated; high maintenance score; popular repo. Warnings: low downloads. ## Facts | | | |---|---| | Version | 7.1.0 | | Published | 2026-07-06 | | First published | 2020-07-19 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | bundled | | Module format | ESM + CommonJS | | Node | >=16 | | Dependencies | 5 | | Unpacked size | 20.2 KB | | Known vulnerabilities | 0 | | Install scripts | no | | Provenance | attested (GitHub Actions) | | GitHub stars | 11262 | | Maintainers | dotansimha, ardatan, kamilkisiela, urigo, theguild-bot | ## Links - npm: https://www.npmjs.com/package/@graphql-codegen/typed-document-node - Repository: https://github.com/dotansimha/graphql-code-generator - npm.io page: https://npm.io/package/@graphql-codegen/typed-document-node ## Dependencies (5) - [tslib](https://npm.io/package/tslib.md) ^2.8.0 - [auto-bind](https://npm.io/package/auto-bind.md) ^5.0.0 - [change-case-all](https://npm.io/package/change-case-all.md) ^2.1.0 - [@graphql-codegen/plugin-helpers](https://npm.io/package/@graphql-codegen/plugin-helpers.md) ^7.1.0 - [@graphql-codegen/visitor-plugin-common](https://npm.io/package/@graphql-codegen/visitor-plugin-common.md) ^7.2.0 ## Recent versions - 7.1.0 (latest) — 2026-07-06 - 7.1.0-alpha-20260706131902-30ccf8e97c7aaa696488caa1b30d4ea70d9e6213 (alpha) — 2026-07-06 - 5.1.0-rc-20250306112231-095da9b9a0ce0883adca6c136e8bee19c4231f86 (rc) — 2025-03-06 - 1.17.5-alpha-6dc6a6ed.0 (canary) — 2020-07-27 - 7.1.0-alpha-20260706115540-218d46ac54100ede5f16a599a4fdc4724c476597 — 2026-07-06 - 7.0.4-alpha-20260706114607-dfb67acc06483c9aabcc5ede404d7f5327086d60 — 2026-07-06 - 7.0.4-alpha-20260706105241-3de10ec4f3375e2a04ae89c71f5149909fe1dbbe — 2026-07-06 - 7.0.4-alpha-20260706105013-4378811d5d80ace8f4f2252d715a9ea56e16c4ad — 2026-07-06 - 7.0.4-alpha-20260706100712-200b55e0bc09de8d3e03b945f5ab57f119dfbf0e — 2026-07-06 - 7.0.4-alpha-20260706100445-26fa6516d5193ab4e1a3ccb82b4eab51712eb2ac — 2026-07-06 - 7.0.4-alpha-20260625140734-1ad8f133387ecf5e348a737d91b1a2e22bcfab4f — 2026-06-25 - 7.0.4-alpha-20260603142609-c200bb102ff19a966cbef664cd4b5bef49c7aff0 — 2026-06-03 - 7.0.3 — 2026-06-01 - 7.0.3-alpha-20260601150944-44e7436d06cd549e9e499f9f644f17de11d74663 — 2026-06-01 - 7.0.3-alpha-20260601135711-c7de66d21cb5b847190ede1d086709fee469cc0e — 2026-06-01 - … 2638 more at https://npm.io/package/@graphql-codegen/typed-document-node/versions ## README
GraphQL Code Generator logo Created by The Guild
[![npm version](https://badge.fury.io/js/%40graphql-codegen%2Fcli.svg)](https://badge.fury.io/js/%40graphql-codegen%2Fcli) [https://the-guild.dev/graphql/codegen](https://the-guild.dev/graphql/codegen) GraphQL Code Generator is a tool that generates code out of your GraphQL schema. Whether you are developing a frontend or backend, you can utilize GraphQL Code Generator to generate output from your GraphQL Schema and GraphQL Documents (query/mutation/subscription/fragment). By analyzing the schema and documents and parsing it, GraphQL Code Generator can output code at a wide variety of formats, based on pre-defined templates or based on custom user-defined ones. Regardless of the language that you're using, GraphQL Code Generator has you covered. GraphQL Code Generator lets you choose the output that you need, based on _plugins_, which are very flexible and customizable. You can also write your _plugins_ to generate custom outputs that match your needs. You can try this tool live on your browser and see some useful examples. Check out [GraphQL Code Generator Live Examples](https://the-guild.dev/graphql/codegen/#live-demo). We currently support and maintain [these plugins](https://the-guild.dev/graphql/codegen/plugins) (TypeScript, Flow, React, Angular, MongoDB, Stencil, Reason, and some more), and there is an active community that writes and maintains custom plugins. ## Quick Start > You can find the complete instructions in > [GraphQL Code Generator website](https://the-guild.dev/graphql/codegen/docs/getting-started/installation). Start by installing the basic deps of GraphQL Codegen: ```bash pnpm add graphql pnpm add -D @graphql-codegen/cli ``` GraphQL Code Generator lets you setup everything by simply running the following command: ```bash pnpm graphql-codegen init ``` Question by question, it will guide you through the whole process of setting up a schema, selecting plugins, picking a destination of a generated file, and a lot more. If you wish to [manually setup codegen, follow these instructions](https://the-guild.dev/graphql/codegen/docs/getting-started/installation). ## Links Besides our [docs page](https://the-guild.dev/graphql/codegen/docs/getting-started), feel free to go through our published Medium articles to get a better grasp of what GraphQL Code Generator is all about: - [All available plugins & presets](https://the-guild.dev/graphql/codegen/plugins) ## Contributing If this is your first time contributing to this project, please do read our [Contributor Workflow Guide](https://github.com/the-guild-org/Stack/blob/master/CONTRIBUTING.md) before you get started off. Feel free to open issues and pull requests. We're always welcome support from the community. For a contribution guide specific to this project, please refer to: http://the-guild.dev/graphql/codegen/docs/custom-codegen/contributing. ## Code of Conduct Help us keep GraphQL Code Generator open and inclusive. Please read and follow our [Code of Conduct](https://github.com/the-guild-org/Stack/blob/master/CODE_OF_CONDUCT.md) as adopted from [Contributor Covenant](https://contributor-covenant.org) ## License [![GitHub license](https://img.shields.io/badge/license-MIT-lightgrey.svg?maxAge=2592000)](https://raw.githubusercontent.com/apollostack/apollo-ios/master/LICENSE) MIT --- _Source: https://npm.io/package/@graphql-codegen/typed-document-node · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._