-
Notifications
You must be signed in to change notification settings - Fork 5
/
AddTodoMutation.js
100 lines (92 loc) · 2.26 KB
/
AddTodoMutation.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
// @flow
/**
* This file provided by Facebook is for non-commercial testing and evaluation
* purposes only. Facebook reserves all rights not expressly granted.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
* FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
* ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
import {
commitMutation,
graphql,
type Disposable,
type Environment,
type RecordProxy,
type RecordSourceSelectorProxy,
} from 'react-relay-offline';
import {ConnectionHandler} from 'relay-runtime';
import type {TodoApp_user} from 'relay/TodoApp_user.graphql';
import type {AddTodoInput} from 'relay/AddTodoMutation.graphql';
import { v4 as uuid } from "uuid";
const mutation = graphql`
mutation AddTodoMutation($input: AddTodoInput!) {
addTodo(input: $input) {
todoEdge {
__typename
cursor
node {
complete
id
text
}
}
user {
id
totalCount
}
}
}
`;
let tempID = 0;
function commit(
environment: Environment,
text: string,
user: TodoApp_user,
): Disposable {
const idTodo = uuid();
const input: AddTodoInput = {
id: idTodo,
text,
userId: user.userId,
clientMutationId: idTodo,
};
const totalCount = user.totalCount + 1;
const idTot = totalCount+user.completedCount;
return commitMutation(environment, {
mutation,
variables: {
input,
},
optimisticResponse: {
addTodo: {
todoEdge: {
node: {
id: idTodo,
text: text,
complete: false
},
cursor: null,
__typename: "TodoEdge"
},
user: {
id: user.id,
totalCount: totalCount
}
}
},
configs: [{
type: 'RANGE_ADD',
parentID: user.id,
connectionInfo: [{
key: 'TodoList_todos',
rangeBehavior: 'append',
}],
edgeName: 'todoEdge',
}],
});
}
export default {commit};