printLocation: Use vertical bar as number column delimiter

Author: IvanGoncharov

src/error/__tests__/GraphQLError-test.js

@@ -217,16 +217,16 @@ describe('printError', () => {
       Example error with two nodes
 
       SourceA:2:10
-      1: type Foo {
-      2:   field: String
-                  ^
-      3: }
+      1 | type Foo {
+      2 |   field: String
+        |          ^
+      3 | }
 
       SourceB:2:10
-      1: type Foo {
-      2:   field: Int
-                  ^
-      3: }
+      1 | type Foo {
+      2 |   field: Int
+        |          ^
+      3 | }
     `);
   });
 });

src/language/__tests__/lexer-test.js

@@ -122,10 +122,10 @@ describe('Lexer', () => {
       Syntax Error: Cannot parse the unexpected character "?".
 
       GraphQL request:3:5
-      2: 
-      3:     ?
-             ^
-      4: 
+      2 | 
+      3 |     ?
+        |     ^
+      4 | 
     `);
   });
 
@@ -142,10 +142,10 @@ describe('Lexer', () => {
       Syntax Error: Cannot parse the unexpected character "?".
 
       foo.js:13:6
-      12: 
-      13:      ?
-               ^
-      14: 
+      12 | 
+      13 |      ?
+         |      ^
+      14 | 
     `);
   });
 
@@ -161,8 +161,8 @@ describe('Lexer', () => {
       Syntax Error: Cannot parse the unexpected character "?".
 
       foo.js:1:5
-      1:     ?
-             ^
+      1 |     ?
+        |     ^
     `);
   });
 

src/language/__tests__/parser-test.js

@@ -48,8 +48,8 @@ describe('Parser', () => {
       Syntax Error: Expected Name, found <EOF>
 
       GraphQL request:1:2
-      1: {
-          ^
+      1 | {
+        |  ^
     `);
 
     expectSyntaxError(
@@ -85,8 +85,8 @@ describe('Parser', () => {
       Syntax Error: Expected {, found <EOF>
 
       MyQuery.graphql:1:6
-      1: query
-              ^
+      1 | query
+        |      ^
     `);
   });
 

src/language/__tests__/printLocation-test.js

@@ -16,8 +16,8 @@ describe('printLocation', () => {
 
     expect(result + '\n').to.equal(dedent`
       Test:9:1
-      9: *
-         ^
+      9 | *
+        | ^
     `);
   });
 
@@ -29,9 +29,9 @@ describe('printLocation', () => {
 
     expect(result + '\n').to.equal(dedent`
       Test:9:1
-       9: *
-          ^
-      10: 
+       9 | *
+         | ^
+      10 | 
     `);
   });
 });

src/language/printLocation.js

@@ -36,24 +36,20 @@ export function printSourceLocation(
     `${source.name}:${lineNum}:${columnNum}\n` +
     printPrefixedLines([
       // Lines specified like this: ["prefix", "string"],
-      [`${lineNum - 1}: `, lines[lineIndex - 1]],
-      [`${lineNum}: `, lines[lineIndex]],
+      [`${lineNum - 1}`, lines[lineIndex - 1]],
+      [`${lineNum}`, lines[lineIndex]],
       ['', whitespace(columnNum - 1) + '^'],
-      [`${lineNum + 1}: `, lines[lineIndex + 1]],
+      [`${lineNum + 1}`, lines[lineIndex + 1]],
     ])
   );
 }
 
 function printPrefixedLines(lines: Array<[string, string]>): string {
   const existingLines = lines.filter(([_, line]) => line !== undefined);
 
-  let padLen = 0;
-  for (const [prefix] of existingLines) {
-    padLen = Math.max(padLen, prefix.length);
-  }
-
+  const padLen = Math.max(...existingLines.map(([prefix]) => prefix.length));
   return existingLines
-    .map(([prefix, line]) => lpad(padLen, prefix) + line)
+    .map(([prefix, line]) => lpad(padLen, prefix) + ' | ' + line)
     .join('\n');
 }
 

src/utilities/__tests__/stripIgnoredCharacters-test.js

@@ -157,9 +157,9 @@ describe('stripIgnoredCharacters', () => {
       Syntax Error: Unterminated string.
 
       GraphQL request:1:13
-      1: { foo(arg: "
-                     ^
-      2: "
+      1 | { foo(arg: "
+        |             ^
+      2 | "
     `);
   });