Remove error tooltip for populate directives

src/panel/context/Request.test.tsx

@@ -189,6 +189,7 @@ describe("on debug message", () => {
                 "@skip",
                 "@include",
                 "@deprecated",
+                "@populate",
               ],
               "_implementations": Object {},
               "_mutationType": null,
@@ -209,7 +210,7 @@ describe("on debug message", () => {
                 "__TypeKind": "__TypeKind",
               },
               "astNode": undefined,
-              "extensionASTNodes": undefined,
+              "extensionASTNodes": Array [],
               "extensions": undefined,
             },
             "setQuery": [Function],

src/panel/context/Request.tsx

@@ -10,6 +10,7 @@ import React, {
 import { visit, buildClientSchema, DocumentNode } from "graphql";
 import { GraphQLSchema, getIntrospectionQuery } from "graphql";
 import { useDevtoolsContext } from "./Devtools";
+import { appendPopulateDirective } from "./schema-transforms";
 
 interface RequestContextValue {
   query?: string;
@@ -61,7 +62,9 @@ export const RequestProvider: FC = ({ children }) => {
         debugEvent.type === "update" &&
         isIntrospectionQuery(debugEvent.operation.query)
       ) {
-        setSchema(buildClientSchema(debugEvent.data.value));
+        setSchema(
+          appendPopulateDirective(buildClientSchema(debugEvent.data.value))
+        );
         return;
       }
 

src/panel/context/schema-transforms.test.tsx

@@ -0,0 +1,67 @@
+import { buildSchema, GraphQLSchema, printSchema } from "graphql";
+import { appendPopulateDirective } from "./schema-transforms";
+
+describe("#appendPopulateDirective", () => {
+  let schema: GraphQLSchema;
+  beforeEach(() => {
+    schema = buildSchema(`
+      type Post {
+        id: ID
+        title: String!
+        content: String!
+      }
+      type Query {
+        posts: [Post]
+      }
+      type Mutation {
+        createPost(title: String!, content: String!): Post!
+      }
+    `);
+  });
+
+  it("should create an additional populate directive", () => {
+    const modifiedSchema = appendPopulateDirective(schema);
+    expect(printSchema(modifiedSchema)).toMatchInlineSnapshot(`
+      "directive @populate on FIELD
+
+      type Mutation {
+        createPost(title: String!, content: String!): Post!
+      }
+
+      type Post {
+        id: ID
+        title: String!
+        content: String!
+      }
+
+      type Query {
+        posts: [Post]
+      }
+      "
+    `);
+  });
+
+  it("should be idempotent", () => {
+    const modifiedSchema = appendPopulateDirective(
+      appendPopulateDirective(schema)
+    );
+    expect(printSchema(modifiedSchema)).toMatchInlineSnapshot(`
+      "directive @populate on FIELD
+
+      type Mutation {
+        createPost(title: String!, content: String!): Post!
+      }
+
+      type Post {
+        id: ID
+        title: String!
+        content: String!
+      }
+
+      type Query {
+        posts: [Post]
+      }
+      "
+    `);
+  });
+});

src/panel/context/schema-transforms.tsx

@@ -0,0 +1,21 @@
+import { GraphQLSchema, extendSchema, parse } from "graphql";
+
+const populateSchema = parse(`
+  directive @populate on FIELD
+`);
+
+export const appendPopulateDirective = (
+  schema: GraphQLSchema
+): GraphQLSchema => {
+  try {
+    return extendSchema(schema, populateSchema);
+  } catch (err) {
+    if (
+      err.message.startsWith(
+        'Directive "populate" already exists in the schema'
+      )
+    )
+      return schema;
+    throw err;
+  }
+};

src/panel/pages/request/Request.fixture.tsx

@@ -1,6 +1,7 @@
 import React, { FC, ContextType, useState, useMemo } from "react";
 import { buildSchema } from "graphql";
 import { RequestContext } from "../../context";
+import { appendPopulateDirective } from "../../context/schema-transforms";
 import { Request } from "./Request";
 
 export const schema = buildSchema(`
@@ -31,7 +32,7 @@ const RequestProviderMock: FC<Partial<ContextType<typeof RequestContext>>> = ({
       execute: () => null as any,
       fetching: false,
       response: undefined,
-      schema,
+      schema: appendPopulateDirective(schema),
       ...value,
     }),
     [value]