feat: initial pass at generated typed hooks

Author: tgriesser

example-hooks/package.json

@@ -2,7 +2,7 @@
   "private": true,
   "scripts": {
     "start": "babel-node ./server.js",
-    "build": "relay-compiler --src ./ts/ --schema ./data/schema.graphql --language typescript --artifactDirectory ./ts/__relay_artifacts__",
+    "build": "relay-compiler --src ./ts/ --schema ./data/schema.graphql --language typescript/hooks --artifactDirectory ./ts/__relay_artifacts__",
     "update-schema": "babel-node ./scripts/updateSchema.js",
     "lint": "tslint --project tsconfig.json",
     "type-check": "tsc --noEmit --pretty"
@@ -18,9 +18,9 @@
     "graphql": "^15.3.0",
     "graphql-relay": "^0.6.0",
     "prop-types": "^15.6.2",
-    "react": "0.0.0-experimental-f42431abe",
-    "react-dom": "0.0.0-experimental-f42431abe",
-    "react-relay": "^0.0.0-experimental-8058ef82",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "react-relay": "^11.0.0",
     "relay-runtime": "^10.0.1",
     "todomvc-app-css": "^2.1.0",
     "todomvc-common": "^1.0.3",
@@ -34,13 +34,13 @@
     "@types/prop-types": "^15.5.5",
     "@types/react": "^16.4.12",
     "@types/react-dom": "^16.0.7",
-    "@types/react-relay": "^7.0.8",
-    "@types/relay-runtime": "^10.0.1",
+    "@types/react-relay": "^11.0.0",
+    "@types/relay-runtime": "^10.1.10",
     "babel-cli": "^6.26.0",
     "babel-core": "^6.26.0",
     "babel-eslint": "6.1.2",
     "babel-loader": "^7.1.2",
-    "babel-plugin-relay": "^10.0.1",
+    "babel-plugin-relay": "^11.0.0",
     "babel-plugin-transform-runtime": "^6.12.0",
     "babel-preset-env": "^1.7.0",
     "babel-preset-react": "^6.11.1",
@@ -50,11 +50,11 @@
     "fork-ts-checker-webpack-plugin": "^3.1.1",
     "patch-package": "^6.2.0",
     "postinstall-postinstall": "^2.0.0",
-    "relay-compiler": "^10.0.1",
+    "relay-compiler": "^11.0.0",
     "relay-compiler-language-typescript": "file:../lib",
     "ts-loader": "^6.2.0",
     "tslint": "^5.20.0",
     "tslint-plugin-relay": "^0.0.3",
-    "typescript": "^3.6.3"
+    "typescript": "^3.9.9"
   }
 }

example-hooks/ts/__relay_artifacts__/AddTodoMutation.graphql.ts renamed to example-hooks/ts/__relay_artifacts__/TodoAppAddTodoMutation.graphql.ts

@@ -1,17 +1,19 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { ConcreteRequest } from "relay-runtime";
+import { ConcreteRequest, Disposable, IEnvironment, MutationConfig } from "relay-runtime";
+import { useMutation } from "react-relay";
+
 export type AddTodoInput = {
     text: string;
     clientMutationId?: string | null;
 };
-export type AddTodoMutationVariables = {
+export type TodoAppAddTodoMutationVariables = {
     input: AddTodoInput;
     connections: Array<string>;
     append: boolean;
 };
-export type AddTodoMutationResponse = {
+export type TodoAppAddTodoMutationResponse = {
     readonly addTodo: {
         readonly todoEdge?: {
             readonly __typename: string;
@@ -28,15 +30,15 @@ export type AddTodoMutationResponse = {
         } | null;
     } | null;
 };
-export type AddTodoMutation = {
-    readonly response: AddTodoMutationResponse;
-    readonly variables: AddTodoMutationVariables;
+export type TodoAppAddTodoMutation = {
+    readonly response: TodoAppAddTodoMutationResponse;
+    readonly variables: TodoAppAddTodoMutationVariables;
 };
 
 
 
 /*
-mutation AddTodoMutation(
+mutation TodoAppAddTodoMutation(
   $input: AddTodoInput!
   $append: Boolean! = true
 ) {
@@ -186,7 +188,7 @@ return {
     ],
     "kind": "Fragment",
     "metadata": null,
-    "name": "AddTodoMutation",
+    "name": "TodoAppAddTodoMutation",
     "selections": [
       {
         "alias": null,
@@ -224,7 +226,7 @@ return {
       (v0/*: any*/)
     ],
     "kind": "Operation",
-    "name": "AddTodoMutation",
+    "name": "TodoAppAddTodoMutation",
     "selections": [
       {
         "alias": null,
@@ -277,14 +279,18 @@ return {
     ]
   },
   "params": {
-    "cacheID": "45b1c0dd3f77cf2030614e989ba1a0ae",
+    "cacheID": "5ce6bcfd9fff5d1509633dea2ad0ef70",
     "id": null,
     "metadata": {},
-    "name": "AddTodoMutation",
+    "name": "TodoAppAddTodoMutation",
     "operationKind": "mutation",
-    "text": "mutation AddTodoMutation(\n  $input: AddTodoInput!\n  $append: Boolean! = true\n) {\n  addTodo(input: $input) {\n    todoEdge @include(if: $append) {\n      __typename\n      cursor\n      node {\n        complete\n        id\n        text\n      }\n    }\n    todoEdge @skip(if: $append) {\n      __typename\n      cursor\n      node {\n        complete\n        id\n        text\n      }\n    }\n    viewer {\n      id\n      totalCount\n    }\n  }\n}\n"
+    "text": "mutation TodoAppAddTodoMutation(\n  $input: AddTodoInput!\n  $append: Boolean! = true\n) {\n  addTodo(input: $input) {\n    todoEdge @include(if: $append) {\n      __typename\n      cursor\n      node {\n        complete\n        id\n        text\n      }\n    }\n    todoEdge @skip(if: $append) {\n      __typename\n      cursor\n      node {\n        complete\n        id\n        text\n      }\n    }\n    viewer {\n      id\n      totalCount\n    }\n  }\n}\n"
   }
 };
 })();
-(node as any).hash = '22b4d5cbe974f454b465ed39d335191e';
+(node as any).hash = '9fc424b62b7e322b67f3f1222bad0a76';
 export default node;
+
+export const useTodoAppAddTodoMutation = (mutationConfig?: (environment: IEnvironment, config: MutationConfig<TodoAppAddTodoMutation>) => Disposable) => {
+  return useMutation<TodoAppAddTodoMutation>(node, mutationConfig)
+}

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

@@ -2,6 +2,8 @@
 /* eslint-disable */
 
 import { ReaderFragment } from "relay-runtime";
+import { useFragment } from "react-relay";
+
 import { FragmentRefs } from "relay-runtime";
 export type TodoApp_viewer = {
     readonly id: string;
@@ -53,3 +55,12 @@ const node: ReaderFragment = {
 };
 (node as any).hash = 'b9743417c7b5ef2bbda96cf675aa9eb4';
 export default node;
+export function useTodoApp_viewerFragment<TKey extends TodoApp_viewer$key>(fragmentRef: TKey): Required<TKey>[" $data"]
+export function useTodoApp_viewerFragment<TKey extends TodoApp_viewer$key>(fragmentRef: TKey | null): Required<TKey>[" $data"] | null
+export function useTodoApp_viewerFragment<TKey extends TodoApp_viewer$key>(fragmentRef: ReadonlyArray<TKey>): ReadonlyArray<Required<TKey>[" $data"]>
+export function useTodoApp_viewerFragment<TKey extends TodoApp_viewer$key>(fragmentRef: ReadonlyArray<TKey | null>): ReadonlyArray<Required<TKey>[" $data"] | null>
+export function useTodoApp_viewerFragment<TKey extends TodoApp_viewer$key>(fragmentRef: ReadonlyArray<TKey> | null): ReadonlyArray<Required<TKey>[" $data"]> | null
+export function useTodoApp_viewerFragment<TKey extends TodoApp_viewer$key>(fragmentRef: ReadonlyArray<TKey | null> | null): ReadonlyArray<Required<TKey>[" $data"] | null> | null
+export function useTodoApp_viewerFragment(fragmentRef: any) {
+  return useFragment(node, fragmentRef)
+}

example-hooks/ts/__relay_artifacts__/ChangeTodoStatusMutation.graphql.ts renamed to example-hooks/ts/__relay_artifacts__/TodoChangeStatusMutation.graphql.ts

@@ -1,16 +1,18 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { ConcreteRequest } from "relay-runtime";
+import { ConcreteRequest, Disposable, IEnvironment, MutationConfig } from "relay-runtime";
+import { useMutation } from "react-relay";
+
 export type ChangeTodoStatusInput = {
     complete: boolean;
     id: string;
     clientMutationId?: string | null;
 };
-export type ChangeTodoStatusMutationVariables = {
+export type TodoChangeStatusMutationVariables = {
     input: ChangeTodoStatusInput;
 };
-export type ChangeTodoStatusMutationResponse = {
+export type TodoChangeStatusMutationResponse = {
     readonly changeTodoStatus: {
         readonly todo: {
             readonly id: string;
@@ -22,15 +24,15 @@ export type ChangeTodoStatusMutationResponse = {
         } | null;
     } | null;
 };
-export type ChangeTodoStatusMutation = {
-    readonly response: ChangeTodoStatusMutationResponse;
-    readonly variables: ChangeTodoStatusMutationVariables;
+export type TodoChangeStatusMutation = {
+    readonly response: TodoChangeStatusMutationResponse;
+    readonly variables: TodoChangeStatusMutationVariables;
 };
 
 
 
 /*
-mutation ChangeTodoStatusMutation(
+mutation TodoChangeStatusMutation(
   $input: ChangeTodoStatusInput!
 ) {
   changeTodoStatus(input: $input) {
@@ -123,7 +125,7 @@ return {
     "argumentDefinitions": (v0/*: any*/),
     "kind": "Fragment",
     "metadata": null,
-    "name": "ChangeTodoStatusMutation",
+    "name": "TodoChangeStatusMutation",
     "selections": (v2/*: any*/),
     "type": "Mutation",
     "abstractKey": null
@@ -132,18 +134,22 @@ return {
   "operation": {
     "argumentDefinitions": (v0/*: any*/),
     "kind": "Operation",
-    "name": "ChangeTodoStatusMutation",
+    "name": "TodoChangeStatusMutation",
     "selections": (v2/*: any*/)
   },
   "params": {
-    "cacheID": "add8723f75323848b2de0e56f1e9e0d7",
+    "cacheID": "e499f8ec26332ab841d01a3c84722994",
     "id": null,
     "metadata": {},
-    "name": "ChangeTodoStatusMutation",
+    "name": "TodoChangeStatusMutation",
     "operationKind": "mutation",
-    "text": "mutation ChangeTodoStatusMutation(\n  $input: ChangeTodoStatusInput!\n) {\n  changeTodoStatus(input: $input) {\n    todo {\n      id\n      complete\n    }\n    viewer {\n      id\n      completedCount\n    }\n  }\n}\n"
+    "text": "mutation TodoChangeStatusMutation(\n  $input: ChangeTodoStatusInput!\n) {\n  changeTodoStatus(input: $input) {\n    todo {\n      id\n      complete\n    }\n    viewer {\n      id\n      completedCount\n    }\n  }\n}\n"
   }
 };
 })();
-(node as any).hash = '82df4993530f2c7019c4cb7382a187fa';
+(node as any).hash = '3a8a31fe58b7a5898515699f9a7415f8';
 export default node;
+
+export const useTodoChangeStatusMutation = (mutationConfig?: (environment: IEnvironment, config: MutationConfig<TodoChangeStatusMutation>) => Disposable) => {
+  return useMutation<TodoChangeStatusMutation>(node, mutationConfig)
+}

example-hooks/ts/__relay_artifacts__/RemoveCompletedTodosMutation.graphql.ts renamed to example-hooks/ts/__relay_artifacts__/TodoListFooterRemoveCompletedTodosMutation.graphql.ts

@@ -1,14 +1,16 @@
 /* tslint:disable */
 /* eslint-disable */
 
-import { ConcreteRequest } from "relay-runtime";
+import { ConcreteRequest, Disposable, IEnvironment, MutationConfig } from "relay-runtime";
+import { useMutation } from "react-relay";
+
 export type RemoveCompletedTodosInput = {
     clientMutationId?: string | null;
 };
-export type RemoveCompletedTodosMutationVariables = {
+export type TodoListFooterRemoveCompletedTodosMutationVariables = {
     input: RemoveCompletedTodosInput;
 };
-export type RemoveCompletedTodosMutationResponse = {
+export type TodoListFooterRemoveCompletedTodosMutationResponse = {
     readonly removeCompletedTodos: {
         readonly deletedTodoIds: ReadonlyArray<string | null> | null;
         readonly viewer: {
@@ -17,15 +19,15 @@ export type RemoveCompletedTodosMutationResponse = {
         } | null;
     } | null;
 };
-export type RemoveCompletedTodosMutation = {
-    readonly response: RemoveCompletedTodosMutationResponse;
-    readonly variables: RemoveCompletedTodosMutationVariables;
+export type TodoListFooterRemoveCompletedTodosMutation = {
+    readonly response: TodoListFooterRemoveCompletedTodosMutationResponse;
+    readonly variables: TodoListFooterRemoveCompletedTodosMutationVariables;
 };
 
 
 
 /*
-mutation RemoveCompletedTodosMutation(
+mutation TodoListFooterRemoveCompletedTodosMutation(
   $input: RemoveCompletedTodosInput!
 ) {
   removeCompletedTodos(input: $input) {
@@ -80,7 +82,7 @@ return {
     "argumentDefinitions": (v0/*: any*/),
     "kind": "Fragment",
     "metadata": null,
-    "name": "RemoveCompletedTodosMutation",
+    "name": "TodoListFooterRemoveCompletedTodosMutation",
     "selections": [
       {
         "alias": null,
@@ -115,7 +117,7 @@ return {
   "operation": {
     "argumentDefinitions": (v0/*: any*/),
     "kind": "Operation",
-    "name": "RemoveCompletedTodosMutation",
+    "name": "TodoListFooterRemoveCompletedTodosMutation",
     "selections": [
       {
         "alias": null,
@@ -152,14 +154,18 @@ return {
     ]
   },
   "params": {
-    "cacheID": "4e579d172ceaf5d902f3da90438a1cfe",
+    "cacheID": "5dedd68ce3bbac05fbc8735ff61c7194",
     "id": null,
     "metadata": {},
-    "name": "RemoveCompletedTodosMutation",
+    "name": "TodoListFooterRemoveCompletedTodosMutation",
     "operationKind": "mutation",
-    "text": "mutation RemoveCompletedTodosMutation(\n  $input: RemoveCompletedTodosInput!\n) {\n  removeCompletedTodos(input: $input) {\n    deletedTodoIds\n    viewer {\n      completedCount\n      totalCount\n      id\n    }\n  }\n}\n"
+    "text": "mutation TodoListFooterRemoveCompletedTodosMutation(\n  $input: RemoveCompletedTodosInput!\n) {\n  removeCompletedTodos(input: $input) {\n    deletedTodoIds\n    viewer {\n      completedCount\n      totalCount\n      id\n    }\n  }\n}\n"
   }
 };
 })();
-(node as any).hash = '303799d791e6e233861ee011ff3bdbb8';
+(node as any).hash = '42b0c614caae5e7751d06f9df258791c';
 export default node;
+
+export const useTodoListFooterRemoveCompletedTodosMutation = (mutationConfig?: (environment: IEnvironment, config: MutationConfig<TodoListFooterRemoveCompletedTodosMutation>) => Disposable) => {
+  return useMutation<TodoListFooterRemoveCompletedTodosMutation>(node, mutationConfig)
+}

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

@@ -2,6 +2,8 @@
 /* eslint-disable */
 
 import { ReaderFragment } from "relay-runtime";
+import { useFragment } from "react-relay";
+
 import { FragmentRefs } from "relay-runtime";
 export type TodoListFooter_viewer = {
     readonly id: string;
@@ -113,3 +115,12 @@ return {
 })();
 (node as any).hash = '2490c58e1768d71f3824c1facd127033';
 export default node;
+export function useTodoListFooter_viewerFragment<TKey extends TodoListFooter_viewer$key>(fragmentRef: TKey): Required<TKey>[" $data"]
+export function useTodoListFooter_viewerFragment<TKey extends TodoListFooter_viewer$key>(fragmentRef: TKey | null): Required<TKey>[" $data"] | null
+export function useTodoListFooter_viewerFragment<TKey extends TodoListFooter_viewer$key>(fragmentRef: ReadonlyArray<TKey>): ReadonlyArray<Required<TKey>[" $data"]>
+export function useTodoListFooter_viewerFragment<TKey extends TodoListFooter_viewer$key>(fragmentRef: ReadonlyArray<TKey | null>): ReadonlyArray<Required<TKey>[" $data"] | null>
+export function useTodoListFooter_viewerFragment<TKey extends TodoListFooter_viewer$key>(fragmentRef: ReadonlyArray<TKey> | null): ReadonlyArray<Required<TKey>[" $data"]> | null
+export function useTodoListFooter_viewerFragment<TKey extends TodoListFooter_viewer$key>(fragmentRef: ReadonlyArray<TKey | null> | null): ReadonlyArray<Required<TKey>[" $data"] | null> | null
+export function useTodoListFooter_viewerFragment(fragmentRef: any) {
+  return useFragment(node, fragmentRef)
+}