consolidate all graphql declarations into single tag

Author: tgriesser

example-hooks-gen/ts/components/Todo.tsx

@@ -41,14 +41,40 @@ graphql`
     id
     text
   }
-`
-
-graphql`
   fragment TodoViewer on User {
     id
     totalCount
     completedCount
   }
+  mutation TodoRemoveMutation($input: RemoveTodoInput!) {
+    removeTodo(input: $input) {
+      deletedTodoId
+      viewer {
+        completedCount
+        totalCount
+      }
+    }
+  }
+  mutation TodoRenameMutation($input: RenameTodoInput!) {
+    renameTodo(input: $input) {
+      todo {
+        id
+        text
+      }
+    }
+  }
+  mutation TodoChangeStatusMutation($input: ChangeTodoStatusInput!) {
+    changeTodoStatus(input: $input) {
+      todo {
+        id
+        complete
+      }
+      viewer {
+        id
+        completedCount
+      }
+    }
+  }
 `
 
 const Todo = (props: Props) => {
@@ -149,42 +175,4 @@ const Todo = (props: Props) => {
   )
 }
 
-graphql`
-  mutation TodoRemoveMutation($input: RemoveTodoInput!) {
-    removeTodo(input: $input) {
-      deletedTodoId
-      viewer {
-        completedCount
-        totalCount
-      }
-    }
-  }
-`
-
-graphql`
-  mutation TodoRenameMutation($input: RenameTodoInput!) {
-    renameTodo(input: $input) {
-      todo {
-        id
-        text
-      }
-    }
-  }
-`
-
-graphql`
-  mutation TodoChangeStatusMutation($input: ChangeTodoStatusInput!) {
-    changeTodoStatus(input: $input) {
-      todo {
-        id
-        complete
-      }
-      viewer {
-        id
-        completedCount
-      }
-    }
-  }
-`
-
 export default Todo

example-hooks-gen/ts/components/TodoApp.tsx

@@ -44,16 +44,44 @@ graphql`
     ...TodoList
       @arguments(last: $last, first: $first, after: $after, before: $before)
   }
-`
 
-graphql`
   mutation TodoAppSetAppendingMutation($isAppending: Boolean!) {
     setAppending(appending: $isAppending) {
       isAppending
     }
   }
-`
 
+  mutation TodoAppAddTodoMutation(
+    $input: AddTodoInput!
+    $connections: [ID!]!
+    $append: Boolean! = true
+  ) {
+    addTodo(input: $input) {
+      todoEdge @include(if: $append) @appendEdge(connections: $connections) {
+        __typename
+        cursor
+        node {
+          complete
+          id
+          text
+        }
+      }
+      todoEdge @skip(if: $append) @prependEdge(connections: $connections) {
+        __typename
+        cursor
+        node {
+          complete
+          id
+          text
+        }
+      }
+      viewer {
+        id
+        totalCount
+      }
+    }
+  }
+`
 let tempID = 0
 
 const TodoApp = (props: Props) => {
@@ -119,37 +147,4 @@ const TodoApp = (props: Props) => {
   )
 }
 
-graphql`
-  mutation TodoAppAddTodoMutation(
-    $input: AddTodoInput!
-    $connections: [ID!]!
-    $append: Boolean! = true
-  ) {
-    addTodo(input: $input) {
-      todoEdge @include(if: $append) @appendEdge(connections: $connections) {
-        __typename
-        cursor
-        node {
-          complete
-          id
-          text
-        }
-      }
-      todoEdge @skip(if: $append) @prependEdge(connections: $connections) {
-        __typename
-        cursor
-        node {
-          complete
-          id
-          text
-        }
-      }
-      viewer {
-        id
-        totalCount
-      }
-    }
-  }
-`
-
 export default TodoApp

example-hooks-gen/ts/components/TodoList.tsx

@@ -50,6 +50,18 @@ graphql`
     completedCount
     ...TodoViewer
   }
+  mutation TodoListMarkAllTodosMutation($input: MarkAllTodosInput!) {
+    markAllTodos(input: $input) {
+      changedTodos {
+        id
+        complete
+      }
+      viewer {
+        id
+        completedCount
+      }
+    }
+  }
 `
 
 const TodoList = (props: Props) => {
@@ -123,19 +135,4 @@ const TodoList = (props: Props) => {
   )
 }
 
-graphql`
-  mutation TodoListMarkAllTodosMutation($input: MarkAllTodosInput!) {
-    markAllTodos(input: $input) {
-      changedTodos {
-        id
-        complete
-      }
-      viewer {
-        id
-        completedCount
-      }
-    }
-  }
-`
-
 export default TodoList

example-hooks-gen/ts/components/TodoListFooter.tsx

@@ -43,6 +43,17 @@ graphql`
     }
     totalCount
   }
+  mutation TodoListFooterRemoveCompletedTodosMutation(
+    $input: RemoveCompletedTodosInput!
+  ) {
+    removeCompletedTodos(input: $input) {
+      deletedTodoIds
+      viewer {
+        completedCount
+        totalCount
+      }
+    }
+  }
 `
 
 const TodoListFooter = (props: Props) => {
@@ -98,20 +109,6 @@ const TodoListFooter = (props: Props) => {
   )
 }
 
-graphql`
-  mutation TodoListFooterRemoveCompletedTodosMutation(
-    $input: RemoveCompletedTodosInput!
-  ) {
-    removeCompletedTodos(input: $input) {
-      deletedTodoIds
-      viewer {
-        completedCount
-        totalCount
-      }
-    }
-  }
-`
-
 function sharedRemoveCompletedTodosUpdater(
   store: RecordSourceSelectorProxy,
   user: TodoListFooterData,