Merge pull request #69 from mbirkegaard/feat/optimisticResponse

Feat/optimistic response
reasonml-community · Dec 17, 2019 · 20103bb · 20103bb
2 parents e39dbdb + 370ceec
commit 20103bb
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 0 deletions.
diff --git a/examples/persons/src/EditPerson.re b/examples/persons/src/EditPerson.re
@@ -11,6 +11,34 @@ module EditPersonMutation = [%graphql
   |}
 ];
 
+module OptimisticResponse = {
+  type t = {
+    .
+    "__typename": string,
+    "updatePerson": {
+      .
+      "__typename": string,
+      "age": int,
+      "id": string,
+      "name": string,
+    },
+  };
+
+  external cast: t => Js.Json.t = "%identity";
+
+  let make = (~id, ~name, ~age) =>
+    {
+      "__typename": "Mutation",
+      "updatePerson": {
+        "__typename": "Person",
+        "id": id,
+        "name": name,
+        "age": age,
+      },
+    }
+    ->cast;
+};
+
 type state = {
   id: string,
   age: option(int),
@@ -72,6 +100,8 @@ let make = () => {
             ~name=state.name,
             (),
           ),
+        ~optimisticResponse=
+          OptimisticResponse.make(~id=state.id, ~name=state.name, ~age),
         (),
       )
       |> ignore

diff --git a/src/ApolloHooksMutation.re b/src/ApolloHooksMutation.re
@@ -48,6 +48,8 @@ type options('a) = {
   awaitRefetchQueries: bool,
   [@bs.optional]
   update: (ApolloClient.generatedApolloClient, mutationResult('a)) => unit,
+  [@bs.optional]
+  optimisticResponse: Js.Json.t,
 };
 
 type jsResult = {
@@ -65,6 +67,7 @@ type mutation('a) =
     ~client: ApolloClient.generatedApolloClient=?,
     ~refetchQueries: refetchQueries=?,
     ~awaitRefetchQueries: bool=?,
+    ~optimisticResponse: Js.Json.t=?,
     unit
   ) =>
   Js.Promise.t(controlledVariantResult('a));
@@ -85,6 +88,7 @@ let useMutation:
     ~update: (ApolloClient.generatedApolloClient, mutationResult('data)) =>
              unit
                =?,
+    ~optimisticResponse: Js.Json.t=?,
     ApolloHooksTypes.graphqlDefinition('data, _, _)
   ) =>
   (
@@ -98,6 +102,7 @@ let useMutation:
     ~refetchQueries=?,
     ~awaitRefetchQueries=?,
     ~update=?,
+    ~optimisticResponse=?,
     (parse, query, _),
   ) => {
     let (jsMutate, jsResult) =
@@ -109,6 +114,7 @@ let useMutation:
           ~refetchQueries?,
           ~awaitRefetchQueries?,
           ~update?,
+          ~optimisticResponse?,
           (),
         ),
       );
@@ -121,6 +127,7 @@ let useMutation:
           ~client=?,
           ~refetchQueries=?,
           ~awaitRefetchQueries=?,
+          ~optimisticResponse=?,
           (),
         ) =>
           jsMutate(.
@@ -129,6 +136,7 @@ let useMutation:
               ~client?,
               ~refetchQueries?,
               ~awaitRefetchQueries?,
+              ~optimisticResponse?,
               (),
             ),
           )