stash demo prep changes

Author: alloy

example-hooks/data/schema.graphql

@@ -36,38 +36,58 @@ type Mutation {
   addTodo(input: AddTodoInput!): AddTodoPayload
   changeTodoStatus(input: ChangeTodoStatusInput!): ChangeTodoStatusPayload
   markAllTodos(input: MarkAllTodosInput!): MarkAllTodosPayload
-  removeCompletedTodos(input: RemoveCompletedTodosInput!): RemoveCompletedTodosPayload
+  removeCompletedTodos(
+    input: RemoveCompletedTodosInput!
+  ): RemoveCompletedTodosPayload
   removeTodo(input: RemoveTodoInput!): RemoveTodoPayload
   renameTodo(input: RenameTodoInput!): RenameTodoPayload
 }
 
-"""An object with an ID"""
+"""
+An object with an ID
+"""
 interface Node {
-  """The id of the object."""
+  """
+  The id of the object.
+  """
   id: ID!
 }
 
-"""Information about pagination in a connection."""
+"""
+Information about pagination in a connection.
+"""
 type PageInfo {
-  """When paginating forwards, are there more items?"""
+  """
+  When paginating forwards, are there more items?
+  """
   hasNextPage: Boolean!
 
-  """When paginating backwards, are there more items?"""
+  """
+  When paginating backwards, are there more items?
+  """
   hasPreviousPage: Boolean!
 
-  """When paginating backwards, the cursor to continue."""
+  """
+  When paginating backwards, the cursor to continue.
+  """
   startCursor: String
 
-  """When paginating forwards, the cursor to continue."""
+  """
+  When paginating forwards, the cursor to continue.
+  """
   endCursor: String
 }
 
 type Query {
   viewer: User
 
-  """Fetches an object given its ID"""
+  """
+  Fetches an object given its ID
+  """
   node(
-    """The ID of an object"""
+    """
+    The ID of an object
+    """
     id: ID!
   ): Node
 }
@@ -105,34 +125,56 @@ type RenameTodoPayload {
 }
 
 type Todo implements Node {
-  """The ID of an object"""
+  """
+  The ID of an object
+  """
   id: ID!
   text: String
   complete: Boolean
 }
 
-"""A connection to a list of items."""
+"""
+A connection to a list of items.
+"""
 type TodoConnection {
-  """Information to aid in pagination."""
+  """
+  Information to aid in pagination.
+  """
   pageInfo: PageInfo!
 
-  """A list of edges."""
+  """
+  A list of edges.
+  """
   edges: [TodoEdge]
 }
 
-"""An edge in a connection."""
+"""
+An edge in a connection.
+"""
 type TodoEdge {
-  """The item at the end of the edge"""
+  """
+  The item at the end of the edge
+  """
   node: Todo
 
-  """A cursor for use in pagination"""
+  """
+  A cursor for use in pagination
+  """
   cursor: String!
 }
 
 type User implements Node {
-  """The ID of an object"""
+  """
+  The ID of an object
+  """
   id: ID!
-  todos(status: String = "any", after: String, first: Int, before: String, last: Int): TodoConnection
-  totalCount: Int
+  todos(
+    status: String = "any"
+    after: String
+    first: Int
+    before: String
+    last: Int
+  ): TodoConnection
+  totalCount: Int!
   completedCount: Int
 }

example-hooks/ts/__relay_artifacts__/AddTodoMutation.graphql.ts

@@ -24,7 +24,7 @@ export type AddTodoMutationResponse = {
         } | null;
         readonly viewer: {
             readonly id: string;
-            readonly totalCount: number | null;
+            readonly totalCount: number;
         } | null;
     } | null;
 };

example-hooks/ts/__relay_artifacts__/RemoveCompletedTodosMutation.graphql.ts

@@ -13,7 +13,7 @@ export type RemoveCompletedTodosMutationResponse = {
         readonly deletedTodoIds: ReadonlyArray<string | null> | null;
         readonly viewer: {
             readonly completedCount: number | null;
-            readonly totalCount: number | null;
+            readonly totalCount: number;
         } | null;
     } | null;
 };

example-hooks/ts/__relay_artifacts__/RemoveTodoMutation.graphql.ts

@@ -14,7 +14,7 @@ export type RemoveTodoMutationResponse = {
         readonly deletedTodoId: string | null;
         readonly viewer: {
             readonly completedCount: number | null;
-            readonly totalCount: number | null;
+            readonly totalCount: number;
         } | null;
     } | null;
 };

example-hooks/ts/__relay_artifacts__/TodoApp_viewer.graphql.ts

@@ -5,7 +5,7 @@ import { ReaderFragment } from "relay-runtime";
 import { FragmentRefs } from "relay-runtime";
 export type TodoApp_viewer = {
     readonly id: string;
-    readonly totalCount: number | null;
+    readonly totalCount: number;
     readonly " $fragmentRefs": FragmentRefs<"TodoListFooter_viewer" | "TodoList_viewer">;
     readonly " $refType": "TodoApp_viewer";
 };

example-hooks/ts/__relay_artifacts__/TodoListFooter_viewer.graphql.ts

@@ -14,7 +14,7 @@ export type TodoListFooter_viewer = {
             } | null;
         } | null> | null;
     } | null;
-    readonly totalCount: number | null;
+    readonly totalCount: number;
     readonly " $refType": "TodoListFooter_viewer";
 };
 export type TodoListFooter_viewer$data = TodoListFooter_viewer;

example-hooks/ts/__relay_artifacts__/TodoList_viewer.graphql.ts

@@ -14,7 +14,7 @@ export type TodoList_viewer = {
         } | null> | null;
     } | null;
     readonly id: string;
-    readonly totalCount: number | null;
+    readonly totalCount: number;
     readonly completedCount: number | null;
     readonly " $fragmentRefs": FragmentRefs<"Todo_viewer">;
     readonly " $refType": "TodoList_viewer";

example-hooks/ts/__relay_artifacts__/Todo_viewer.graphql.ts

@@ -5,7 +5,7 @@ import { ReaderFragment } from "relay-runtime";
 import { FragmentRefs } from "relay-runtime";
 export type Todo_viewer = {
     readonly id: string;
-    readonly totalCount: number | null;
+    readonly totalCount: number;
     readonly completedCount: number | null;
     readonly " $refType": "Todo_viewer";
 };

example-hooks/ts/components/TodoApp.tsx

@@ -26,7 +26,7 @@ interface Props {
 
 const TodoApp = (props: Props) => {
   const environment = useRelayEnvironment()
-  const [append, setAppend] = React.useState<boolean>(false);
+  const [append, setAppend] = React.useState<boolean>(false)
 
   const viewer = useFragment(
     graphql`
@@ -46,7 +46,7 @@ const TodoApp = (props: Props) => {
 
   const hasTodos = (viewer.totalCount || 0) > 0
 
-  const onSetAppend = () => setAppend(prev => !prev);
+  const onSetAppend = () => setAppend(prev => !prev)
 
   return (
     <div>

example-hooks/ts/components/TodoListFooter.tsx

@@ -15,12 +15,15 @@ import RemoveCompletedTodosMutation from "../mutations/RemoveCompletedTodosMutat
 import React from "react"
 import { graphql, useRelayEnvironment, useFragment } from "react-relay/hooks"
 
-import { TodoListFooter_viewer$key } from "../__relay_artifacts__/TodoListFooter_viewer.graphql"
+import {
+  TodoListFooter_viewer$key,
+  TodoListFooter_viewer,
+} from "../__relay_artifacts__/TodoListFooter_viewer.graphql"
 
 interface Props {
   viewer: TodoListFooter_viewer$key
-  onSetAppend: () => void;
-  append: boolean;
+  onSetAppend: () => void
+  append: boolean
 }
 
 const TodoListFooter = (props: Props) => {