Fix display of unformatted errors in composition (#1806)

* Fix display of unformatted errors in composition

* Update changelog

* update types

Author: JakeDawkins

CHANGELOG.md

@@ -4,7 +4,8 @@
 
 - `apollo`
   - Update shortlinks to use go.apollo.dev instead of bitly [#1790](https://github.com/apollographql/apollo-tooling/pull/1790)
-  - Support disabling literal stripping when extracting queries.  [1703](https://github.com/apollographql/apollo-tooling/pull/1703)
+  - Support disabling literal stripping when extracting queries. [1703](https://github.com/apollographql/apollo-tooling/pull/1703)
+  - Fix rendering of unexpected composition errors throwing a table cell error [#1806](https://github.com/apollographql/apollo-tooling/pull/1806)
 - `apollo-codegen-flow`
   - Add @generated comment
 - `apollo-codegen-scala`

packages/apollo-language-server/src/graphqlTypes.ts

@@ -355,6 +355,9 @@ export interface ListServices_service {
 }
 
 export interface ListServices {
+  /**
+   * Service by ID
+   */
   service: ListServices_service | null;
 }
 
@@ -537,6 +540,9 @@ export interface SchemaTagsAndFieldStats_service {
 }
 
 export interface SchemaTagsAndFieldStats {
+  /**
+   * Service by ID
+   */
   service: SchemaTagsAndFieldStats_service | null;
 }
 
@@ -1148,6 +1154,9 @@ export interface GetSchemaByTag_service {
 }
 
 export interface GetSchemaByTag {
+  /**
+   * Service by ID
+   */
   service: GetSchemaByTag_service | null;
 }
 

packages/apollo/src/commands/service/check.ts

@@ -370,6 +370,7 @@ export default class ServiceCheck extends ProjectCommand {
                   const decodedErrors = compositionValidationResult.errors
                     .filter(isNotNullOrUndefined)
                     .map(error => {
+                      // checks for format: [serviceName] Location -> Error Message
                       const match = error.message.match(
                         /^\[([^\[]+)\]\s+(\S+)\ ->\ (.+)/
                       );
@@ -639,22 +640,38 @@ export default class ServiceCheck extends ProjectCommand {
       // Add a cosmetic line break
       console.log("");
 
-      this.log(
-        table(
-          [
-            ["Service", "Field", "Message"],
-            ...compositionErrors.map(Object.values)
-          ],
-          {
-            columns: {
-              2: {
-                width: 50,
-                wrapWord: true
+      // errors that DONT match the expected format: [service] field -> message
+      const unformattedErrors = compositionErrors.filter(
+        e => !e.field && !e.service
+      );
+      // errors that match the expected format: [service] field -> message
+      const formattedErrors = compositionErrors.filter(
+        e => e.field || e.service
+      );
+
+      if (formattedErrors.length)
+        this.log(
+          table(
+            [
+              ["Service", "Field", "Message"],
+              ...formattedErrors.map(Object.values)
+            ],
+            {
+              columns: {
+                2: {
+                  width: 50,
+                  wrapWord: true
+                }
               }
             }
-          }
-        )
-      );
+          )
+        );
+
+      // list out errors which we couldn't determine Service name and/or location names
+      if (unformattedErrors.length)
+        this.log(
+          table([["Message"], ...unformattedErrors.map(e => [e.message])])
+        );
 
       // Return a non-zero error code
       this.exit(1);