From f0df74079ca82ef3e56a5cba921f17ffab48c13a Mon Sep 17 00:00:00 2001 From: Pavel Lang Date: Wed, 21 Nov 2018 04:30:46 +0100 Subject: [PATCH] WIP: GraphQL first shot --- src/graphql/graphql.contribution.ts | 19 ++++ src/graphql/graphql.test.ts | 42 +++++++++ src/graphql/graphql.ts | 136 ++++++++++++++++++++++++++++ src/monaco.contribution.ts | 1 + test/setup.js | 1 + 5 files changed, 199 insertions(+) create mode 100644 src/graphql/graphql.contribution.ts create mode 100644 src/graphql/graphql.test.ts create mode 100644 src/graphql/graphql.ts diff --git a/src/graphql/graphql.contribution.ts b/src/graphql/graphql.contribution.ts new file mode 100644 index 00000000..a999c9e6 --- /dev/null +++ b/src/graphql/graphql.contribution.ts @@ -0,0 +1,19 @@ +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ +'use strict'; + +import { registerLanguage } from '../_.contribution'; + +// Allow for running under nodejs/requirejs in tests +const _monaco: typeof monaco = + typeof monaco === 'undefined' ? (self).monaco : monaco; + +registerLanguage({ + id: 'graphql', + extensions: ['.graphql', '.gql'], + aliases: ['GraphQL', 'graphql', 'gql'], + mimetypes: ['application/graphql'], + loader: () => _monaco.Promise.wrap(import('./graphql')), +}); diff --git a/src/graphql/graphql.test.ts b/src/graphql/graphql.test.ts new file mode 100644 index 00000000..668710fb --- /dev/null +++ b/src/graphql/graphql.test.ts @@ -0,0 +1,42 @@ +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +'use strict'; + +import { testTokenization } from '../test/testRunner'; + +testTokenization('graphql', [ + // Keywords + [{ + line: 'scalar Date', + tokens: [ + { startIndex: 0, type: 'keyword.gql' }, + { startIndex: 6, type: '' }, + { startIndex: 7, type: 'type.identifier.gql' }, + ] + }], + + // Root schema definition + [{ + line: 'schema { query: Query }', + tokens: [ + { startIndex: 0, type: "keyword.gql" }, + { startIndex: 6, type: "" }, + { startIndex: 7, type: "delimiter.curly.gql" }, + { startIndex: 8, type: "" }, + { startIndex: 9, type: "keyword.gql" }, // this should be identifier! + { startIndex: 14, type: "delimiter.gql" }, + { startIndex: 15, type: "" }, + { startIndex: 16, type: "type.identifier.gql" }, + { startIndex: 21, type: "" }, + { startIndex: 22, type: "delimiter.curly.gql" }, + ] + }], + + // Comments - single line + + // Comments - range comment, single line + +]); diff --git a/src/graphql/graphql.ts b/src/graphql/graphql.ts new file mode 100644 index 00000000..95620114 --- /dev/null +++ b/src/graphql/graphql.ts @@ -0,0 +1,136 @@ +/*--------------------------------------------------------------------------------------------- + * Copyright (c) Microsoft Corporation. All rights reserved. + * Licensed under the MIT License. See License.txt in the project root for license information. + *--------------------------------------------------------------------------------------------*/ + +'use strict'; + +import IRichLanguageConfiguration = monaco.languages.LanguageConfiguration; +import ILanguage = monaco.languages.IMonarchLanguage; + +export const conf: IRichLanguageConfiguration = { + comments: { + lineComment: '#' + }, + brackets: [ + ['{', '}'], + ['[', ']'], + ['(', ')'] + ], + autoClosingPairs: [ + { open: '{', close: '}' }, + { open: '[', close: ']' }, + { open: '(', close: ')' }, + { open: '"""', close: '"""', notIn: ['string', 'comment'] }, + { open: '"', close: '"', notIn: ['string', 'comment'] }, + ], + surroundingPairs: [ + { open: '{', close: '}' }, + { open: '[', close: ']' }, + { open: '(', close: ')' }, + { open: '"""', close: '"""' }, + { open: '"', close: '"' }, + ], + folding: { + offSide: true + } +}; + +export const language = { + // Set defaultToken to invalid to see what you do not tokenize yet + defaultToken: 'invalid', + tokenPostfix: '.gql', + + keywords: [ + 'null', 'true', 'false', + 'query', 'mutation', 'subscription', + 'extend', 'schema', 'directive', + 'scalar', 'type', 'interface', 'union', 'enum', 'input', + 'fragment', 'on', + ], + + typeKeywords: ['Int', 'Float', 'String', 'Boolean', 'ID'], + + directiveLocations: [ + 'SCHEMA', 'SCALAR', 'OBJECT', 'FIELD_DEFINITION', 'ARGUMENT_DEFINITION', + 'INTERFACE', 'UNION', 'ENUM', 'ENUM_VALUE', 'INPUT_OBJECT', 'INPUT_FIELD_DEFINITION', + 'QUERY', 'MUTATION', 'SUBSCRIPTION', 'FIELD', 'FRAGMENT_DEFINITION', + 'FRAGMENT_SPREAD', 'INLINE_FRAGMENT', 'VARIABLE_DEFINITION', + ], + + operators: ['=', '!', '?', ':', '&', '|'], + + // we include these common regular expressions + symbols: /[=!?:&|]+/, + + // https://facebook.github.io/graphql/draft/#sec-String-Value + escapes: /\\(?:["\\\/bfnrt]|u[0-9A-Fa-f]{4})/, + + // The main tokenizer for our languages + tokenizer: { + root: [ + // identifiers and keywords + [ + /[a-z_$][\w$]*/, + { + cases: { + '@keywords': 'keyword', + '@default': 'identifier', + }, + }, + ], + [ + /[A-Z][\w\$]*/, + { + cases: { + '@typeKeywords': 'keyword', + '@default': 'type.identifier', + }, + }, + ], // to show class names nicely + + // whitespace + { include: '@whitespace' }, + + // delimiters and operators + [/[{}()\[\]]/, '@brackets'], + [ + /@symbols/, + { cases: { '@operators': 'operator', '@default': '' } }, + ], + + // @ annotations. + // As an example, we emit a debugging log message on these tokens. + // Note: message are supressed during the first load -- change some lines to see them. + [ + /@\s*[a-zA-Z_\$][\w\$]*/, + { token: 'annotation', log: 'annotation token: $0' }, + ], + + // numbers + [/\d*\.\d+([eE][\-+]?\d+)?/, 'number.float'], + [/0[xX][0-9a-fA-F]+/, 'number.hex'], + [/\d+/, 'number'], + + // delimiter: after number because of .\d floats + [/[;,.]/, 'delimiter'], + + [/"""/, 'string', '@mlstring'], + + // strings + [/"([^"\\]|\\.)*$/, 'string.invalid'], // non-teminated string + [/"/, { token: 'string.quote', bracket: '@open', next: '@string' }], + ], + + mlstring: [[/[^"]+/, 'string'], ['"""', 'string', '@pop']], + + string: [ + [/[^\\"]+/, 'string'], + [/@escapes/, 'string.escape'], + [/\\./, 'string.escape.invalid'], + [/"/, { token: 'string.quote', bracket: '@close', next: '@pop' }], + ], + + whitespace: [[/[ \t\r\n]+/, ''], [/#.*$/, 'comment']], + }, +}; diff --git a/src/monaco.contribution.ts b/src/monaco.contribution.ts index ae9aad59..134795de 100644 --- a/src/monaco.contribution.ts +++ b/src/monaco.contribution.ts @@ -53,3 +53,4 @@ import './shell/shell.contribution'; import './perl/perl.contribution'; import './azcli/azcli.contribution'; import './apex/apex.contribution'; +import './graphql/graphql.contribution'; diff --git a/test/setup.js b/test/setup.js index fe8c8534..e7ed6372 100644 --- a/test/setup.js +++ b/test/setup.js @@ -38,6 +38,7 @@ define(['require'], function () { 'release/dev/dockerfile/dockerfile.test', 'release/dev/fsharp/fsharp.test', 'release/dev/go/go.test', + 'release/dev/graphql/graphql.test', 'release/dev/handlebars/handlebars.test', 'release/dev/html/html.test', 'release/dev/java/java.test',