feat: add GraphQL parser support

app/composables/location.ts

@@ -63,6 +63,11 @@ const nodeLocationFields = {
     start: ['loc', '0', 'start'],
     end: ['loc', '1', 'end'],
   },
+  graphql: {
+    type: ['kind'],
+    start: ['loc', 'start'],
+    end: ['loc', 'end'],
+  },
 } as const
 
 export function genGetNodeLocation(

app/parser/graphql.ts

@@ -0,0 +1,32 @@
+import { graphqlTemplate } from './template'
+import type { LanguageOption, Parser } from './index'
+import type * as GraphQL from 'graphql'
+
+// @unocss-include
+
+const graphqlParser: Parser<typeof GraphQL, GraphQL.ParseOptions> = {
+  id: 'graphql',
+  label: 'graphql',
+  icon: 'i-vscode-icons:file-type-graphql',
+  link: 'https://graphql.org/graphql-js/',
+  editorLanguage: 'graphql',
+  options: {
+    configurable: true,
+    defaultValue: {
+      noLocation: false,
+    },
+    editorLanguage: 'json',
+  },
+  pkgName: 'graphql',
+  parse(code, options) {
+    return this.parse(code, options)
+  },
+  getNodeLocation: genGetNodeLocation('graphql'),
+}
+
+export const graphql: LanguageOption = {
+  label: 'GraphQL',
+  icon: 'i-vscode-icons:file-type-graphql',
+  parsers: [graphqlParser],
+  codeTemplate: graphqlTemplate,
+}

app/parser/index.ts

@@ -2,6 +2,7 @@ import { angular } from './angular'
 import { astro } from './astro'
 import { css } from './css'
 import { custom } from './custom'
+import { graphql } from './graphql'
 import { html } from './html'
 import { javascript } from './javascript'
 import { json } from './json'
@@ -32,6 +33,7 @@ export type MonacoLanguage =
   | 'php'
   | 'solidity'
   | 'astro'
+  | 'graphql'
 
 export interface Parser<C = unknown, O = unknown> {
   id: string
@@ -101,6 +103,7 @@ export const LANGUAGES = {
   php,
   solidity,
   wxml,
+  graphql,
   custom,
 }
 export type Language = keyof typeof LANGUAGES

app/parser/template/graphql.gql

@@ -0,0 +1,19 @@
+fragment UserFields on User {
+  id
+  name
+  email
+}
+
+query GetUsers {
+  users {
+    id
+    name
+    email
+  }
+}
+
+mutation CreateUser($name: String!, $email: String!) {
+  createUser(name: $name, email: $email) {
+    ...UserFields
+  }
+}

app/parser/template/index.ts

@@ -13,3 +13,4 @@ export { default as yamlTemplate } from './yaml.yaml?raw'
 export { default as rustTemplate } from './rust.rs?raw'
 export { default as phpTemplate } from './php.php?raw'
 export { default as solidityTemplate } from './solidity.sol?raw'
+export { default as graphqlTemplate } from './graphql.gql?raw'

package.json

@@ -60,6 +60,7 @@
     "esprima-next": "^6.0.3",
     "floating-vue": "^5.2.2",
     "flow-parser": "^0.289.0",
+    "graphql": "^16.11.0",
     "htmlparser2": "^10.0.0",
     "jinx-rust": "^0.1.6",
     "jsonc-eslint-parser": "^2.4.1",