Replace .graphql queries with .ts

Because changes in a .graphql files doesn't recompile app.
facebook/create-react-app#5580

codegen.yml

@@ -1,6 +1,6 @@
 overwrite: true
 schema: "http://localhost:4000"
-documents: "src/**/*.graphql"
+documents: "src/graphql/*.ts"
 generates:
   src/generated/graphql.tsx:
     plugins:

graphql.schema.json

@@ -1384,11 +1384,7 @@
         "name": "cacheControl",
         "description": null,
         "isRepeatable": false,
-        "locations": [
-          "FIELD_DEFINITION",
-          "OBJECT",
-          "INTERFACE"
-        ],
+        "locations": ["FIELD_DEFINITION", "OBJECT", "INTERFACE"],
         "args": [
           {
             "name": "maxAge",
@@ -1420,11 +1416,7 @@
         "name": "include",
         "description": "Directs the executor to include this field or fragment only when the `if` argument is true.",
         "isRepeatable": false,
-        "locations": [
-          "FIELD",
-          "FRAGMENT_SPREAD",
-          "INLINE_FRAGMENT"
-        ],
+        "locations": ["FIELD", "FRAGMENT_SPREAD", "INLINE_FRAGMENT"],
         "args": [
           {
             "name": "if",
@@ -1448,11 +1440,7 @@
         "name": "skip",
         "description": "Directs the executor to skip this field or fragment when the `if` argument is true.",
         "isRepeatable": false,
-        "locations": [
-          "FIELD",
-          "FRAGMENT_SPREAD",
-          "INLINE_FRAGMENT"
-        ],
+        "locations": ["FIELD", "FRAGMENT_SPREAD", "INLINE_FRAGMENT"],
         "args": [
           {
             "name": "if",
@@ -1501,9 +1489,7 @@
         "name": "specifiedBy",
         "description": "Exposes a URL that specifies the behaviour of this scalar.",
         "isRepeatable": false,
-        "locations": [
-          "SCALAR"
-        ],
+        "locations": ["SCALAR"],
         "args": [
           {
             "name": "url",
@@ -1525,4 +1511,4 @@
       }
     ]
   }
-}
+}

src/graphql/CreateUser.ts

@@ -0,0 +1,11 @@
+import { gql } from "@apollo/client/core";
+import { UserInfo } from "./UserInfo";
+
+export const CreateUser = gql`
+  mutation CreateUser($createUserInput: CreateUserInput!) {
+    createUser(createUserInput: $createUserInput) {
+      ...UserInfo
+    }
+  }
+  ${UserInfo}
+`;

src/graphql/GetUser.ts

@@ -0,0 +1,11 @@
+import { gql } from "@apollo/client/core";
+import { UserInfo } from "./UserInfo";
+
+export const GetUser = gql`
+  query GetUser($id: ID!) {
+    user(id: $id) {
+      ...UserInfo
+    }
+  }
+  ${UserInfo}
+`;

src/graphql/RemoveUser.ts

@@ -0,0 +1,7 @@
+import { gql } from "@apollo/client/core";
+
+export const RemoveUser = gql`
+  mutation RemoveUser($id: ID!) {
+    removeUser(id: $id)
+  }
+`;

src/graphql/UpdateUser.ts

@@ -0,0 +1,11 @@
+import { gql } from "@apollo/client/core";
+import { UserInfo } from "./UserInfo";
+
+export const UpdateUser = gql`
+  mutation UpdateUser($id: ID!, $updateUserInput: UpdateUserInput!) {
+    updateUser(id: $id, updateUserInput: $updateUserInput) {
+      ...UserInfo
+    }
+  }
+  ${UserInfo}
+`;

src/graphql/UserInfo.ts

@@ -0,0 +1,10 @@
+import { gql } from "@apollo/client/core";
+
+export const UserInfo = gql`
+  fragment UserInfo on User {
+    id
+    name
+    username
+    email
+  }
+`;

src/graphql/UsersList.ts

@@ -0,0 +1,11 @@
+import { gql } from "@apollo/client/core";
+import { UserInfo } from "./UserInfo";
+
+export const UsersList = gql`
+  query UsersList {
+    users {
+      ...UserInfo
+    }
+  }
+  ${UserInfo}
+`;