# @graphql-codegen/add

> GraphQL Code Generator plugin for adding custom content to your output file

Latest version **7.1.0** (published 2026-07-06) · MIT license · 0 weekly downloads

## Install

```sh
npm install @graphql-codegen/add
pnpm add @graphql-codegen/add
yarn add @graphql-codegen/add
bun add @graphql-codegen/add
```

## 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 | 2019-03-18 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Node | >=16 |
| Dependencies | 2 |
| Unpacked size | 5.6 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/add
- Repository: https://github.com/dotansimha/graphql-code-generator
- npm.io page: https://npm.io/package/@graphql-codegen/add

## Dependencies (2)

- [tslib](https://npm.io/package/tslib.md) ^2.8.0
- [@graphql-codegen/plugin-helpers](https://npm.io/package/@graphql-codegen/plugin-helpers.md) ^7.1.0

## Recent versions

- 7.1.0 (latest) — 2026-07-06
- 7.1.1-alpha-20260926075408-5109cc46d1b5058cdc796ba8baf625025d380af2 (alpha) — 2026-09-26
- 5.0.3-rc-20240613091802-2be8aa78acb19ca130a277eef8aebf7f6f355a53 (rc) — 2024-06-13
- 1.17.5-alpha-6dc6a6ed.0 (canary) — 2020-07-27
- 7.1.1-alpha-20260926075102-ba33da98512a968fb42b37ad6c452e6433762861 — 2026-09-26
- 7.1.1-alpha-20260925063940-9ae630f839ac00a5cd73196e832697845f07b30e — 2026-09-25
- 7.1.1-alpha-20260925050523-6dd2ed81c249142415f95f46c6625f32baecfecb — 2026-09-25
- 7.1.1-alpha-20260925044825-e4fd583013491a13911d3ea7ce92babf124192a3 — 2026-09-25
- 7.1.1-alpha-20260925010638-10ce5620968b40ba10bac12cd4a35729e9805adb — 2026-09-25
- 7.1.1-alpha-20260925002146-8c65d3f237c424356f469df5b99138b82146318b — 2026-09-25
- 7.1.1-alpha-20260925000243-bb025e25378a205fc56ad78346c00ca8059ff192 — 2026-09-25
- 7.1.1-alpha-20260924235950-3140c0b84ec4f9cd3e736493f1a5ab3a0624ce0d — 2026-09-25
- 7.1.0-alpha-20260706131902-30ccf8e97c7aaa696488caa1b30d4ea70d9e6213 — 2026-07-06
- 7.1.0-alpha-20260706115540-218d46ac54100ede5f16a599a4fdc4724c476597 — 2026-07-06
- 7.0.2-alpha-20260706114607-dfb67acc06483c9aabcc5ede404d7f5327086d60 — 2026-07-06
- … 4947 more at https://npm.io/package/@graphql-codegen/add/versions

## README

<div>
    <img src="./logo.svg" width="150px" alt="GraphQL Code Generator logo"/>
    <a href="https://the-guild.dev">
        <img align="right" src="https://the-guild-org.github.io/press-kit/full-dark-logo.svg" alt="Created by The Guild" style="width: 100px;align:right;"/>
    </a>
</div>

[![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/add · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
