[RFC] fix: fix block string parsing in language parser (#1777)

* fix: fix block string parsing in language parser

* add changeset

Co-authored-by: Rikki Schulte <[email protected]>

Author: dwwoelfel

.changeset/thick-baboons-glow.md

@@ -0,0 +1,10 @@
+---
+"graphiql": patch
+"codemirror-graphql": patch
+"graphql-language-service-parser": patch
+"graphql-language-service": patch
+"graphql-language-service-server": patch
+"graphql-language-service-cli": patch
+---
+
+adopt block string parsing for variables in language parser

packages/graphql-language-service-parser/src/Rules.ts

@@ -192,7 +192,17 @@ export const ParseRules: { [name: string]: ParseRule } = {
     }
   },
   NumberValue: [t('Number', 'number')],
-  StringValue: [t('String', 'string')],
+  StringValue: [
+    {
+      style: 'string',
+      match: token => token.kind === 'String',
+      update(state: State, token: Token) {
+        if (token.value.startsWith('"""')) {
+          state.inBlockstring = !token.value.slice(3).endsWith('"""');
+        }
+      },
+    },
+  ],
   BooleanValue: [t('Name', 'builtin')],
   NullValue: [t('Name', 'keyword')],
   EnumValue: [name('string-2')],

packages/graphql-language-service-parser/src/onlineParser.ts

@@ -81,6 +81,16 @@ function getToken(
   state: State,
   options: ParserOptions,
 ): string {
+  if (state.inBlockstring) {
+    if (stream.match(/.*"""/)) {
+      state.inBlockstring = false;
+      return 'string';
+    } else {
+      stream.skipToEnd();
+      return 'string';
+    }
+  }
+
   const { lexRules, parseRules, eatWhitespace, editorConfig } = options;
   // Restore state after an empty-rule.
   if (state.rule && state.rule.length === 0) {

packages/graphql-language-service-parser/src/types.ts

@@ -52,6 +52,7 @@ export type State = {
   needsSeperator: boolean;
   needsAdvance?: boolean;
   indentLevel?: number;
+  inBlockstring?: boolean;
 };
 
 export const AdditionalRuleKinds: _AdditionalRuleKinds = {