# vscode-graphql-syntax

> Adds support for highlighting graphql in files and embedded with template strings or other delimiters with javascript, typescript, markdown, python, php, reason, ocaml, rescript

Latest version **1.0.2** (published 2022-07-16) · 0 weekly downloads

## Install

```sh
npm install vscode-graphql-syntax
pnpm add vscode-graphql-syntax
yarn add vscode-graphql-syntax
bun add vscode-graphql-syntax
```

## Health

**Score 35/100 (D)** — status: abandoned.

Positive: no vulnerabilities; high maintenance score; popular repo.

Warnings: low downloads; no types; no esm support.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2022-07-16 |
| First published | 2022-07-16 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 41.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 16898 |
| Maintainers | acao |

## Links

- npm: https://www.npmjs.com/package/vscode-graphql-syntax
- Repository: https://github.com/graphql/graphiql
- Homepage: https://github.com/graphql/graphiql/blob/main/packages/vscode-syntax/README.md
- Issues: https://github.com/graphql/graphiql/issues
- npm.io page: https://npm.io/package/vscode-graphql-syntax

## Recent versions

- 1.0.2 (latest) — 2022-07-16
- 1.0.3-canary-f4eb9838.0 (canary) — 2022-07-16

## README

# GraphQL Syntax Support

Adds basic GraphQL highlighting and language support such as bracket matching.

Supports `.graphql`/`.gql`/`.graphqls` highlighting

## Supported Languages

### Javascript & Typescript

accepted template strings and expression patterns

```typescript
gql`{ id }`
graphql`{ id }`
gql<MyType>`{ id }`
gql.experimental`{ id }`
```
```typescript
gql('{ id }')
graphql('{ id }')
gql<MyType>('{ id }')
gql.experimental('{ id }')
```
accepted comment-delimited patterns

```ts
/* GraphiQL */
const query = `
 { id }
`
const query = `#graphql
 { id }
`
```

- ReasonML/ReScript (`%graphql()` )
- Python
- PHP
- Markdown for `graphql\`\``, `GraphQL\`\`` and `gql\`\``  (even when deeply nested!)

For full autocompletion, validation and other features, you can install `GraphQL.vscode-graphql`, which depends on this extension

---
_Source: https://npm.io/package/vscode-graphql-syntax · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._