@apollo/client 3.6.0-beta.2 → 3.6.0-beta.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/apollo-client.cjs +323 -274
- package/apollo-client.cjs.map +1 -1
- package/apollo-client.min.cjs +1 -1
- package/cache/cache.cjs +36 -35
- package/cache/cache.cjs.map +1 -1
- package/cache/inmemory/helpers.d.ts +1 -0
- package/cache/inmemory/helpers.d.ts.map +1 -1
- package/cache/inmemory/helpers.js +4 -3
- package/cache/inmemory/helpers.js.map +1 -1
- package/cache/inmemory/key-extractor.js +7 -7
- package/cache/inmemory/key-extractor.js.map +1 -1
- package/cache/inmemory/object-canon.d.ts.map +1 -1
- package/cache/inmemory/object-canon.js +2 -1
- package/cache/inmemory/object-canon.js.map +1 -1
- package/cache/inmemory/policies.d.ts +1 -1
- package/cache/inmemory/policies.d.ts.map +1 -1
- package/cache/inmemory/policies.js +9 -9
- package/cache/inmemory/policies.js.map +1 -1
- package/cache/inmemory/readFromStore.js +6 -6
- package/cache/inmemory/readFromStore.js.map +1 -1
- package/cache/inmemory/writeToStore.js +13 -13
- package/cache/inmemory/writeToStore.js.map +1 -1
- package/core/ApolloClient.js +1 -1
- package/core/ApolloClient.js.map +1 -1
- package/core/LocalState.js +1 -1
- package/core/LocalState.js.map +1 -1
- package/core/ObservableQuery.d.ts.map +1 -1
- package/core/ObservableQuery.js +8 -5
- package/core/ObservableQuery.js.map +1 -1
- package/core/QueryManager.js +1 -1
- package/core/QueryManager.js.map +1 -1
- package/core/core.cjs +12 -9
- package/core/core.cjs.map +1 -1
- package/errors/errors.cjs +2 -2
- package/errors/errors.cjs.map +1 -1
- package/errors/index.js +2 -2
- package/errors/index.js.map +1 -1
- package/invariantErrorCodes.js +27 -27
- package/link/batch/batch.cjs +48 -38
- package/link/batch/batch.cjs.map +1 -1
- package/link/batch/batching.d.ts +2 -6
- package/link/batch/batching.d.ts.map +1 -1
- package/link/batch/batching.js +48 -38
- package/link/batch/batching.js.map +1 -1
- package/link/batch-http/batch-http.cjs +1 -1
- package/link/batch-http/batch-http.cjs.map +1 -1
- package/link/batch-http/batchHttpLink.js +2 -2
- package/link/batch-http/batchHttpLink.js.map +1 -1
- package/link/http/createHttpLink.js +2 -2
- package/link/http/createHttpLink.js.map +1 -1
- package/link/http/http.cjs +24 -13
- package/link/http/http.cjs.map +1 -1
- package/link/http/index.d.ts +1 -1
- package/link/http/index.d.ts.map +1 -1
- package/link/http/index.js +1 -1
- package/link/http/index.js.map +1 -1
- package/link/http/parseAndCheckHttpResponse.js +3 -3
- package/link/http/parseAndCheckHttpResponse.js.map +1 -1
- package/link/http/rewriteURIForGET.js +1 -1
- package/link/http/rewriteURIForGET.js.map +1 -1
- package/link/http/selectHttpOptionsAndBody.d.ts +5 -1
- package/link/http/selectHttpOptionsAndBody.d.ts.map +1 -1
- package/link/http/selectHttpOptionsAndBody.js +19 -8
- package/link/http/selectHttpOptionsAndBody.js.map +1 -1
- package/link/http/serializeFetchParameter.js +1 -1
- package/link/http/serializeFetchParameter.js.map +1 -1
- package/link/subscriptions/index.d.ts +9 -0
- package/link/subscriptions/index.d.ts.map +1 -0
- package/link/subscriptions/index.js +39 -0
- package/link/subscriptions/index.js.map +1 -0
- package/link/subscriptions/package.json +8 -0
- package/link/subscriptions/subscriptions.cjs +45 -0
- package/link/subscriptions/subscriptions.cjs.map +1 -0
- package/link/utils/utils.cjs +1 -1
- package/link/utils/utils.cjs.map +1 -1
- package/link/utils/validateOperation.js +1 -1
- package/link/utils/validateOperation.js.map +1 -1
- package/package.json +22 -21
- package/react/hoc/hoc.cjs +5 -5
- package/react/hoc/hoc.cjs.map +1 -1
- package/react/hoc/mutation-hoc.js +2 -2
- package/react/hoc/mutation-hoc.js.map +1 -1
- package/react/hoc/query-hoc.js +1 -1
- package/react/hoc/query-hoc.js.map +1 -1
- package/react/hoc/subscription-hoc.js +1 -1
- package/react/hoc/subscription-hoc.js.map +1 -1
- package/react/hoc/withApollo.js +1 -1
- package/react/hoc/withApollo.js.map +1 -1
- package/react/hooks/hooks.cjs +225 -191
- package/react/hooks/hooks.cjs.map +1 -1
- package/react/hooks/useApolloClient.js +2 -2
- package/react/hooks/useApolloClient.js.map +1 -1
- package/react/hooks/useLazyQuery.d.ts.map +1 -1
- package/react/hooks/useLazyQuery.js +20 -27
- package/react/hooks/useLazyQuery.js.map +1 -1
- package/react/hooks/useMutation.d.ts.map +1 -1
- package/react/hooks/useMutation.js +59 -68
- package/react/hooks/useMutation.js.map +1 -1
- package/react/hooks/useQuery.d.ts.map +1 -1
- package/react/hooks/useQuery.js +137 -88
- package/react/hooks/useQuery.js.map +1 -1
- package/react/hooks/useSubscription.d.ts.map +1 -1
- package/react/hooks/useSubscription.js +10 -8
- package/react/hooks/useSubscription.js.map +1 -1
- package/react/parser/index.js +7 -7
- package/react/parser/index.js.map +1 -1
- package/react/parser/parser.cjs +7 -7
- package/react/parser/parser.cjs.map +1 -1
- package/react/ssr/RenderPromises.d.ts +2 -2
- package/react/ssr/RenderPromises.d.ts.map +1 -1
- package/react/ssr/RenderPromises.js +7 -5
- package/react/ssr/RenderPromises.js.map +1 -1
- package/react/ssr/ssr.cjs +7 -5
- package/react/ssr/ssr.cjs.map +1 -1
- package/react/types/types.d.ts +1 -1
- package/react/types/types.d.ts.map +1 -1
- package/react/types/types.js.map +1 -1
- package/testing/core/core.cjs +2 -2
- package/testing/core/core.cjs.map +1 -1
- package/testing/core/mocking/mockFetch.js +1 -1
- package/testing/core/mocking/mockFetch.js.map +1 -1
- package/testing/core/mocking/mockLink.js +2 -2
- package/testing/core/mocking/mockLink.js.map +1 -1
- package/testing/core/observableToPromise.js +1 -1
- package/testing/core/observableToPromise.js.map +1 -1
- package/utilities/common/makeUniqueId.js +1 -1
- package/utilities/common/makeUniqueId.js.map +1 -1
- package/utilities/globals/global.d.ts +2 -8
- package/utilities/globals/global.d.ts.map +1 -1
- package/utilities/globals/global.js +1 -1
- package/utilities/globals/global.js.map +1 -1
- package/utilities/globals/globals.cjs +1 -1
- package/utilities/globals/globals.cjs.map +1 -1
- package/utilities/graphql/directives.js +4 -4
- package/utilities/graphql/directives.js.map +1 -1
- package/utilities/graphql/fragments.js +3 -3
- package/utilities/graphql/fragments.js.map +1 -1
- package/utilities/graphql/getFromAST.js +2 -2
- package/utilities/graphql/getFromAST.js.map +1 -1
- package/utilities/graphql/storeUtils.js +5 -5
- package/utilities/graphql/storeUtils.js.map +1 -1
- package/utilities/utilities.cjs +15 -15
- package/utilities/utilities.cjs.map +1 -1
- package/version.js +1 -1
package/react/hooks/useQuery.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import { useContext, useEffect, useMemo, useRef, useState } from 'react';
|
|
3
|
-
import { useSyncExternalStore } from 'use-sync-external-store/shim';
|
|
4
3
|
import { equal } from '@wry/equality';
|
|
4
|
+
import { mergeOptions } from "../../core/index.js";
|
|
5
5
|
import { getApolloContext } from "../context/index.js";
|
|
6
6
|
import { ApolloError } from "../../errors/index.js";
|
|
7
7
|
import { NetworkStatus, } from "../../core/index.js";
|
|
@@ -11,15 +11,10 @@ export function useQuery(query, options) {
|
|
|
11
11
|
var _a;
|
|
12
12
|
var context = useContext(getApolloContext());
|
|
13
13
|
var client = useApolloClient(options === null || options === void 0 ? void 0 : options.client);
|
|
14
|
+
var defaultWatchQueryOptions = client.defaultOptions.watchQuery;
|
|
14
15
|
verifyDocumentType(query, DocumentType.Query);
|
|
15
|
-
var ref = useRef({
|
|
16
|
-
client: client,
|
|
17
|
-
query: query,
|
|
18
|
-
options: options,
|
|
19
|
-
watchQueryOptions: createWatchQueryOptions(query, options),
|
|
20
|
-
});
|
|
21
16
|
var _b = useState(function () {
|
|
22
|
-
var watchQueryOptions = createWatchQueryOptions(query, options);
|
|
17
|
+
var watchQueryOptions = createWatchQueryOptions(query, options, defaultWatchQueryOptions);
|
|
23
18
|
var obsQuery = null;
|
|
24
19
|
if (context.renderPromises) {
|
|
25
20
|
obsQuery = context.renderPromises.getSSRObservable(watchQueryOptions);
|
|
@@ -35,7 +30,7 @@ export function useQuery(query, options) {
|
|
|
35
30
|
!(options === null || options === void 0 ? void 0 : options.skip) &&
|
|
36
31
|
obsQuery.getCurrentResult().loading) {
|
|
37
32
|
context.renderPromises.addQueryPromise({
|
|
38
|
-
getOptions: function () { return createWatchQueryOptions(query, options); },
|
|
33
|
+
getOptions: function () { return createWatchQueryOptions(query, options, defaultWatchQueryOptions); },
|
|
39
34
|
fetchData: function () { return new Promise(function (resolve) {
|
|
40
35
|
var sub = obsQuery.subscribe({
|
|
41
36
|
next: function (result) {
|
|
@@ -57,96 +52,112 @@ export function useQuery(query, options) {
|
|
|
57
52
|
}
|
|
58
53
|
return obsQuery;
|
|
59
54
|
}), obsQuery = _b[0], setObsQuery = _b[1];
|
|
55
|
+
var _c = useState(function () {
|
|
56
|
+
var _a, _b;
|
|
57
|
+
var result = obsQuery.getCurrentResult();
|
|
58
|
+
if (!result.loading && options) {
|
|
59
|
+
if (result.error) {
|
|
60
|
+
(_a = options.onError) === null || _a === void 0 ? void 0 : _a.call(options, result.error);
|
|
61
|
+
}
|
|
62
|
+
else if (result.data) {
|
|
63
|
+
(_b = options.onCompleted) === null || _b === void 0 ? void 0 : _b.call(options, result.data);
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
return result;
|
|
67
|
+
}), result = _c[0], setResult = _c[1];
|
|
68
|
+
var ref = useRef({
|
|
69
|
+
client: client,
|
|
70
|
+
query: query,
|
|
71
|
+
options: options,
|
|
72
|
+
result: result,
|
|
73
|
+
previousData: void 0,
|
|
74
|
+
watchQueryOptions: createWatchQueryOptions(query, options, defaultWatchQueryOptions),
|
|
75
|
+
});
|
|
60
76
|
useEffect(function () {
|
|
61
|
-
var
|
|
77
|
+
var _a, _b;
|
|
78
|
+
var watchQueryOptions = createWatchQueryOptions(query, options, defaultWatchQueryOptions);
|
|
79
|
+
var nextResult;
|
|
62
80
|
if (ref.current.client !== client || !equal(ref.current.query, query)) {
|
|
63
81
|
var obsQuery_1 = client.watchQuery(watchQueryOptions);
|
|
64
82
|
setObsQuery(obsQuery_1);
|
|
83
|
+
nextResult = obsQuery_1.getCurrentResult();
|
|
65
84
|
}
|
|
66
85
|
else if (!equal(ref.current.watchQueryOptions, watchQueryOptions)) {
|
|
67
|
-
obsQuery.setOptions(watchQueryOptions);
|
|
68
|
-
|
|
86
|
+
obsQuery.setOptions(watchQueryOptions).catch(function () { });
|
|
87
|
+
nextResult = obsQuery.getCurrentResult();
|
|
88
|
+
ref.current.watchQueryOptions = watchQueryOptions;
|
|
69
89
|
}
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
watchQueryOptions: watchQueryOptions,
|
|
75
|
-
});
|
|
76
|
-
}, [obsQuery, client, query, options]);
|
|
77
|
-
var _c = useMemo(function () {
|
|
78
|
-
var previousResult;
|
|
79
|
-
var subscribe = function (forceUpdate) {
|
|
80
|
-
var subscription = obsQuery.subscribe(forceUpdate, onError);
|
|
81
|
-
function onError(error) {
|
|
82
|
-
forceUpdate();
|
|
83
|
-
subscription.unsubscribe();
|
|
84
|
-
var last = obsQuery["last"];
|
|
85
|
-
obsQuery.resetLastResults();
|
|
86
|
-
obsQuery.subscribe(forceUpdate, onError);
|
|
87
|
-
obsQuery["last"] = last;
|
|
88
|
-
if (!error.hasOwnProperty('graphQLErrors')) {
|
|
89
|
-
throw error;
|
|
90
|
-
}
|
|
90
|
+
if (nextResult) {
|
|
91
|
+
var previousResult = ref.current.result;
|
|
92
|
+
if (previousResult.data) {
|
|
93
|
+
ref.current.previousData = previousResult.data;
|
|
91
94
|
}
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
result = __assign(__assign({}, result), { error: result.error || new ApolloError({ graphQLErrors: result.errors }) });
|
|
100
|
-
}
|
|
101
|
-
if (!previousResult ||
|
|
102
|
-
previousResult.loading !== result.loading ||
|
|
103
|
-
previousResult.networkStatus !== result.networkStatus ||
|
|
104
|
-
!equal(previousResult.data, result.data) ||
|
|
105
|
-
!equal(previousResult.error, result.error)) {
|
|
106
|
-
if (previousResult) {
|
|
107
|
-
result = __assign(__assign({}, result), { previousData: previousResult.data || previousResult.previousData });
|
|
95
|
+
setResult(ref.current.result = nextResult);
|
|
96
|
+
if (!nextResult.loading && options) {
|
|
97
|
+
if (nextResult.error) {
|
|
98
|
+
(_a = options.onError) === null || _a === void 0 ? void 0 : _a.call(options, nextResult.error);
|
|
99
|
+
}
|
|
100
|
+
else if (nextResult.data) {
|
|
101
|
+
(_b = options.onCompleted) === null || _b === void 0 ? void 0 : _b.call(options, nextResult.data);
|
|
108
102
|
}
|
|
109
|
-
previousResult = result;
|
|
110
103
|
}
|
|
111
|
-
|
|
112
|
-
};
|
|
113
|
-
|
|
114
|
-
}, [obsQuery]), subscribe = _c[0], getSnapshot = _c[1];
|
|
115
|
-
var obsQueryMethods = useMemo(function () { return ({
|
|
116
|
-
refetch: obsQuery.refetch.bind(obsQuery),
|
|
117
|
-
fetchMore: obsQuery.fetchMore.bind(obsQuery),
|
|
118
|
-
updateQuery: obsQuery.updateQuery.bind(obsQuery),
|
|
119
|
-
startPolling: obsQuery.startPolling.bind(obsQuery),
|
|
120
|
-
stopPolling: obsQuery.stopPolling.bind(obsQuery),
|
|
121
|
-
subscribeToMore: obsQuery.subscribeToMore.bind(obsQuery),
|
|
122
|
-
}); }, [obsQuery]);
|
|
123
|
-
var result = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
|
|
104
|
+
}
|
|
105
|
+
Object.assign(ref.current, { client: client, query: query });
|
|
106
|
+
}, [obsQuery, client, query, options]);
|
|
124
107
|
useEffect(function () {
|
|
125
|
-
|
|
126
|
-
if (((_a = ref.current.options) === null || _a === void 0 ? void 0 : _a.skip) ||
|
|
127
|
-
((_b = ref.current.options) === null || _b === void 0 ? void 0 : _b.fetchPolicy) === 'standby') {
|
|
108
|
+
if (context.renderPromises) {
|
|
128
109
|
return;
|
|
129
110
|
}
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
111
|
+
var subscription = obsQuery.subscribe(onNext, onError);
|
|
112
|
+
function onNext() {
|
|
113
|
+
var _a, _b;
|
|
114
|
+
var previousResult = ref.current.result;
|
|
115
|
+
var result = obsQuery.getCurrentResult();
|
|
116
|
+
if (previousResult &&
|
|
117
|
+
previousResult.loading === result.loading &&
|
|
118
|
+
previousResult.networkStatus === result.networkStatus &&
|
|
119
|
+
equal(previousResult.data, result.data)) {
|
|
120
|
+
return;
|
|
133
121
|
}
|
|
134
|
-
|
|
135
|
-
|
|
122
|
+
if (previousResult.data) {
|
|
123
|
+
ref.current.previousData = previousResult.data;
|
|
124
|
+
}
|
|
125
|
+
setResult(ref.current.result = result);
|
|
126
|
+
if (!result.loading) {
|
|
127
|
+
(_b = (_a = ref.current.options) === null || _a === void 0 ? void 0 : _a.onCompleted) === null || _b === void 0 ? void 0 : _b.call(_a, result.data);
|
|
136
128
|
}
|
|
137
129
|
}
|
|
138
|
-
|
|
130
|
+
function onError(error) {
|
|
131
|
+
var _a, _b;
|
|
132
|
+
var last = obsQuery["last"];
|
|
133
|
+
subscription.unsubscribe();
|
|
134
|
+
try {
|
|
135
|
+
obsQuery.resetLastResults();
|
|
136
|
+
subscription = obsQuery.subscribe(onNext, onError);
|
|
137
|
+
}
|
|
138
|
+
finally {
|
|
139
|
+
obsQuery["last"] = last;
|
|
140
|
+
}
|
|
141
|
+
if (!error.hasOwnProperty('graphQLErrors')) {
|
|
142
|
+
throw error;
|
|
143
|
+
}
|
|
144
|
+
var previousResult = ref.current.result;
|
|
145
|
+
if ((previousResult && previousResult.loading) ||
|
|
146
|
+
!equal(error, previousResult.error)) {
|
|
147
|
+
setResult(ref.current.result = {
|
|
148
|
+
data: previousResult.data,
|
|
149
|
+
error: error,
|
|
150
|
+
loading: false,
|
|
151
|
+
networkStatus: NetworkStatus.error,
|
|
152
|
+
});
|
|
153
|
+
(_b = (_a = ref.current.options) === null || _a === void 0 ? void 0 : _a.onError) === null || _b === void 0 ? void 0 : _b.call(_a, error);
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
return function () { return subscription.unsubscribe(); };
|
|
157
|
+
}, [obsQuery, context.renderPromises, client.disableNetworkFetches]);
|
|
139
158
|
var partial;
|
|
140
159
|
(_a = result, partial = _a.partial, result = __rest(_a, ["partial"]));
|
|
141
|
-
|
|
142
|
-
result = {
|
|
143
|
-
loading: false,
|
|
144
|
-
data: void 0,
|
|
145
|
-
error: void 0,
|
|
146
|
-
networkStatus: NetworkStatus.ready,
|
|
147
|
-
};
|
|
148
|
-
}
|
|
149
|
-
else {
|
|
160
|
+
{
|
|
150
161
|
if (partial &&
|
|
151
162
|
(options === null || options === void 0 ? void 0 : options.partialRefetch) &&
|
|
152
163
|
!result.loading &&
|
|
@@ -155,17 +166,52 @@ export function useQuery(query, options) {
|
|
|
155
166
|
result = __assign(__assign({}, result), { loading: true, networkStatus: NetworkStatus.refetch });
|
|
156
167
|
obsQuery.refetch();
|
|
157
168
|
}
|
|
158
|
-
if (context.renderPromises &&
|
|
159
|
-
|
|
160
|
-
|
|
169
|
+
if (context.renderPromises &&
|
|
170
|
+
(options === null || options === void 0 ? void 0 : options.ssr) !== false &&
|
|
171
|
+
!(options === null || options === void 0 ? void 0 : options.skip) &&
|
|
172
|
+
result.loading) {
|
|
173
|
+
obsQuery.setOptions(createWatchQueryOptions(query, options, defaultWatchQueryOptions)).catch(function () { });
|
|
161
174
|
}
|
|
175
|
+
Object.assign(ref.current, { options: options });
|
|
176
|
+
}
|
|
177
|
+
if ((context.renderPromises || client.disableNetworkFetches) &&
|
|
178
|
+
(options === null || options === void 0 ? void 0 : options.ssr) === false) {
|
|
179
|
+
result = ref.current.result = {
|
|
180
|
+
loading: true,
|
|
181
|
+
data: void 0,
|
|
182
|
+
error: void 0,
|
|
183
|
+
networkStatus: NetworkStatus.loading,
|
|
184
|
+
};
|
|
185
|
+
}
|
|
186
|
+
else if ((options === null || options === void 0 ? void 0 : options.skip) || (options === null || options === void 0 ? void 0 : options.fetchPolicy) === 'standby') {
|
|
187
|
+
result = {
|
|
188
|
+
loading: false,
|
|
189
|
+
data: void 0,
|
|
190
|
+
error: void 0,
|
|
191
|
+
networkStatus: NetworkStatus.ready,
|
|
192
|
+
};
|
|
193
|
+
}
|
|
194
|
+
if (result.errors && result.errors.length) {
|
|
195
|
+
result = __assign(__assign({}, result), { error: result.error || new ApolloError({ graphQLErrors: result.errors }) });
|
|
162
196
|
}
|
|
163
|
-
|
|
197
|
+
var obsQueryFields = useMemo(function () { return ({
|
|
198
|
+
refetch: obsQuery.refetch.bind(obsQuery),
|
|
199
|
+
fetchMore: obsQuery.fetchMore.bind(obsQuery),
|
|
200
|
+
updateQuery: obsQuery.updateQuery.bind(obsQuery),
|
|
201
|
+
startPolling: obsQuery.startPolling.bind(obsQuery),
|
|
202
|
+
stopPolling: obsQuery.stopPolling.bind(obsQuery),
|
|
203
|
+
subscribeToMore: obsQuery.subscribeToMore.bind(obsQuery),
|
|
204
|
+
}); }, [obsQuery]);
|
|
205
|
+
return __assign(__assign(__assign({}, obsQueryFields), { variables: createWatchQueryOptions(query, options, defaultWatchQueryOptions).variables, client: client, called: true, previousData: ref.current.previousData }), result);
|
|
164
206
|
}
|
|
165
|
-
function createWatchQueryOptions(query, options) {
|
|
207
|
+
function createWatchQueryOptions(query, options, defaultOptions) {
|
|
166
208
|
var _a;
|
|
167
209
|
if (options === void 0) { options = {}; }
|
|
168
|
-
var skip = options.skip, ssr = options.ssr, onCompleted = options.onCompleted, onError = options.onError, displayName = options.displayName,
|
|
210
|
+
var skip = options.skip, ssr = options.ssr, onCompleted = options.onCompleted, onError = options.onError, displayName = options.displayName, otherOptions = __rest(options, ["skip", "ssr", "onCompleted", "onError", "displayName"]);
|
|
211
|
+
var watchQueryOptions = __assign({ query: query }, otherOptions);
|
|
212
|
+
if (defaultOptions) {
|
|
213
|
+
watchQueryOptions = mergeOptions(defaultOptions, watchQueryOptions);
|
|
214
|
+
}
|
|
169
215
|
if (skip) {
|
|
170
216
|
watchQueryOptions.fetchPolicy = 'standby';
|
|
171
217
|
}
|
|
@@ -177,6 +223,9 @@ function createWatchQueryOptions(query, options) {
|
|
|
177
223
|
else if (!watchQueryOptions.fetchPolicy) {
|
|
178
224
|
watchQueryOptions.fetchPolicy = 'cache-first';
|
|
179
225
|
}
|
|
180
|
-
|
|
226
|
+
if (!watchQueryOptions.variables) {
|
|
227
|
+
watchQueryOptions.variables = {};
|
|
228
|
+
}
|
|
229
|
+
return watchQueryOptions;
|
|
181
230
|
}
|
|
182
231
|
//# sourceMappingURL=useQuery.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useQuery.js","sourceRoot":"","sources":["../../../src/react/hooks/useQuery.ts"],"names":[],"mappings":"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","sourcesContent":["import { useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { useSyncExternalStore } from 'use-sync-external-store/shim';\nimport { equal } from '@wry/equality';\nimport { OperationVariables } from '../../core';\nimport { getApolloContext } from '../context';\nimport { ApolloError } from '../../errors';\nimport {\n ApolloQueryResult,\n NetworkStatus,\n ObservableQuery,\n DocumentNode,\n TypedDocumentNode,\n WatchQueryOptions,\n} from '../../core';\nimport {\n QueryHookOptions,\n QueryResult,\n} from '../types/types';\n\nimport { DocumentType, verifyDocumentType } from '../parser';\nimport { useApolloClient } from './useApolloClient';\n\nexport function useQuery<\n TData = any,\n TVariables = OperationVariables,\n>(\n query: DocumentNode | TypedDocumentNode<TData, TVariables>,\n options?: QueryHookOptions<TData, TVariables>,\n): QueryResult<TData, TVariables> {\n const context = useContext(getApolloContext());\n const client = useApolloClient(options?.client);\n verifyDocumentType(query, DocumentType.Query);\n const ref = useRef({\n client,\n query,\n options,\n watchQueryOptions: createWatchQueryOptions(query, options),\n });\n\n const [obsQuery, setObsQuery] = useState(() => {\n const watchQueryOptions = createWatchQueryOptions(query, options);\n // See if there is an existing observable that was used to fetch the same\n // data and if so, use it instead since it will contain the proper queryId\n // to fetch the result set. This is used during SSR.\n let obsQuery: ObservableQuery<TData, TVariables> | null = null;\n if (context.renderPromises) {\n obsQuery = context.renderPromises.getSSRObservable(watchQueryOptions);\n }\n\n if (!obsQuery) {\n // Is it safe (StrictMode/memory-wise) to call client.watchQuery here?\n obsQuery = client.watchQuery(watchQueryOptions);\n if (context.renderPromises) {\n context.renderPromises.registerSSRObservable(\n obsQuery,\n watchQueryOptions,\n );\n }\n }\n\n if (\n context.renderPromises &&\n options?.ssr !== false &&\n !options?.skip &&\n obsQuery.getCurrentResult().loading\n ) {\n // TODO: This is a legacy API which could probably be cleaned up\n context.renderPromises.addQueryPromise(\n {\n // The only options which seem to actually be used by the\n // RenderPromises class are query and variables.\n getOptions: () => createWatchQueryOptions(query, options),\n fetchData: () => new Promise<void>((resolve) => {\n const sub = obsQuery!.subscribe({\n next(result) {\n if (!result.loading) {\n resolve()\n sub.unsubscribe();\n }\n },\n error() {\n resolve();\n sub.unsubscribe();\n },\n complete() {\n // TODO: Does this branch ever get called before next() and error()?\n resolve();\n },\n });\n }),\n },\n // This callback never seemed to do anything\n () => null,\n );\n }\n\n return obsQuery;\n });\n\n // An effect to recreate the obsQuery whenever the client or query changes.\n // This effect is also responsible for updating the obsQuery options whenever\n // they change.\n useEffect(() => {\n const watchQueryOptions = createWatchQueryOptions(query, options);\n if (ref.current.client !== client || !equal(ref.current.query, query)) {\n const obsQuery = client.watchQuery(watchQueryOptions);\n setObsQuery(obsQuery);\n } else if (!equal(ref.current.watchQueryOptions, watchQueryOptions)) {\n obsQuery.setOptions(watchQueryOptions);\n // We call setObsQuery to rerender the hook.\n setObsQuery(obsQuery);\n }\n\n Object.assign(ref.current, {\n client,\n query,\n options,\n watchQueryOptions,\n });\n }, [obsQuery, client, query, options]);\n\n const [subscribe, getSnapshot] = useMemo(() => {\n let previousResult: ApolloQueryResult<TData> | undefined;\n const subscribe = (forceUpdate: () => void) => {\n let subscription = obsQuery.subscribe(forceUpdate, onError);\n function onError(error: Error) {\n forceUpdate();\n subscription.unsubscribe();\n const last = obsQuery[\"last\"];\n obsQuery.resetLastResults();\n obsQuery.subscribe(forceUpdate, onError);\n obsQuery[\"last\"] = last;\n if (!error.hasOwnProperty('graphQLErrors')) {\n // The error is not a GraphQL error\n throw error;\n }\n }\n\n return () => {\n subscription.unsubscribe();\n };\n };\n\n const getSnapshot = () => {\n let result = obsQuery.getCurrentResult();\n if (result.errors && result.errors.length) {\n // Until a set naming convention for networkError and graphQLErrors is\n // decided upon, we map errors (graphQLErrors) to the error options.\n // TODO: Is it possible for both result.error and result.errors to be\n // defined here?\n result = {\n ...result,\n error:\n result.error || new ApolloError({ graphQLErrors: result.errors }),\n };\n }\n\n if (\n !previousResult ||\n previousResult.loading !== result.loading ||\n previousResult.networkStatus !== result.networkStatus ||\n !equal(previousResult.data, result.data) ||\n !equal(previousResult.error, result.error)\n ) {\n if (previousResult) {\n result = {\n ...result,\n previousData: previousResult.data || (previousResult as any).previousData,\n } as ApolloQueryResult<TData>;\n }\n\n previousResult = result;\n }\n\n return previousResult;\n };\n\n return [subscribe, getSnapshot];\n }, [obsQuery]);\n\n const obsQueryMethods = useMemo(() => ({\n refetch: obsQuery.refetch.bind(obsQuery),\n fetchMore: obsQuery.fetchMore.bind(obsQuery),\n updateQuery: obsQuery.updateQuery.bind(obsQuery),\n startPolling: obsQuery.startPolling.bind(obsQuery),\n stopPolling: obsQuery.stopPolling.bind(obsQuery),\n subscribeToMore: obsQuery.subscribeToMore.bind(obsQuery),\n }), [obsQuery]);\n\n let result = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n useEffect(() => {\n if (\n ref.current.options?.skip ||\n ref.current.options?.fetchPolicy === 'standby'\n ) {\n return;\n }\n\n if (!result.loading) {\n if (result.error) {\n ref.current.options?.onError?.(result.error);\n } else if (result.data) {\n ref.current.options?.onCompleted?.(result.data);\n }\n }\n }, [result]);\n\n let partial: boolean | undefined;\n ({ partial, ...result } = result);\n if (options?.skip || options?.fetchPolicy === 'standby') {\n // When skipping a query (ie. we're not querying for data but still want to\n // render children), make sure the `data` is cleared out and `loading` is\n // set to `false` (since we aren't loading anything).\n //\n // NOTE: We no longer think this is the correct behavior. Skipping should\n // not automatically set `data` to `undefined`, but instead leave the\n // previous data in place. In other words, skipping should not mandate that\n // previously received data is all of a sudden removed. Unfortunately,\n // changing this is breaking, so we'll have to wait until Apollo Client 4.0\n // to address this.\n result = {\n loading: false,\n data: void 0 as unknown as TData,\n error: void 0,\n networkStatus: NetworkStatus.ready,\n };\n } else {\n // BAD BOY CODE BLOCK WHERE WE PUT SIDE-EFFECTS IN THE RENDER FUNCTION\n // TODO: This code should be removed when the partialRefetch option is\n // removed. I was unable to get this hook to behave reasonably in certain\n // edge cases when this block was put in an effect.\n if (\n partial &&\n options?.partialRefetch &&\n !result.loading &&\n (!result.data || Object.keys(result.data).length === 0) &&\n obsQuery.options.fetchPolicy !== 'cache-only'\n ) {\n result = {\n ...result,\n loading: true,\n networkStatus: NetworkStatus.refetch,\n };\n\n obsQuery.refetch();\n }\n\n // TODO: This is a hack to make sure useLazyQuery executions update the\n // obsevable query options for ssr.\n if (context.renderPromises && options?.ssr !== false && result.loading) {\n obsQuery.setOptions(createWatchQueryOptions(query, options))\n .catch(() => {});\n }\n }\n\n return {\n ...obsQueryMethods,\n variables: obsQuery.variables,\n client,\n called: true,\n ...result,\n };\n}\n\nfunction createWatchQueryOptions<TData, TVariables>(\n query: DocumentNode | TypedDocumentNode<TData, TVariables>,\n options: QueryHookOptions<TData, TVariables> = {},\n): WatchQueryOptions<TVariables, TData> {\n // Using destructuring to remove hook specific options.\n const {\n skip,\n ssr,\n onCompleted,\n onError,\n displayName,\n ...watchQueryOptions\n } = options;\n // TODO: For some reason, we pass context, which is the React Apollo Context,\n // into observable queries, and test for that.\n\n if (skip) {\n watchQueryOptions.fetchPolicy = 'standby';\n } else if (\n watchQueryOptions.context?.renderPromises &&\n (\n watchQueryOptions.fetchPolicy === 'network-only' ||\n watchQueryOptions.fetchPolicy === 'cache-and-network'\n )\n ) {\n // this behavior was added to react-apollo without explanation in this PR\n // https://github.com/apollographql/react-apollo/pull/1579\n watchQueryOptions.fetchPolicy = 'cache-first';\n } else if (!watchQueryOptions.fetchPolicy) {\n // cache-first is the default policy, but we explicitly assign it here so\n // the cache policies computed based on options can be cleared\n watchQueryOptions.fetchPolicy = 'cache-first';\n }\n\n return { query, ...watchQueryOptions };\n}\n"]}
|
|
1
|
+
{"version":3,"file":"useQuery.js","sourceRoot":"","sources":["../../../src/react/hooks/useQuery.ts"],"names":[],"mappings":"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","sourcesContent":["import { useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { equal } from '@wry/equality';\nimport { OperationVariables, mergeOptions } from '../../core';\nimport { getApolloContext } from '../context';\nimport { ApolloError } from '../../errors';\nimport {\n ApolloQueryResult,\n NetworkStatus,\n ObservableQuery,\n DocumentNode,\n TypedDocumentNode,\n WatchQueryOptions,\n} from '../../core';\nimport {\n QueryHookOptions,\n QueryResult,\n} from '../types/types';\n\nimport { DocumentType, verifyDocumentType } from '../parser';\nimport { useApolloClient } from './useApolloClient';\n\nexport function useQuery<\n TData = any,\n TVariables = OperationVariables,\n>(\n query: DocumentNode | TypedDocumentNode<TData, TVariables>,\n options?: QueryHookOptions<TData, TVariables>,\n): QueryResult<TData, TVariables> {\n const context = useContext(getApolloContext());\n const client = useApolloClient(options?.client);\n const defaultWatchQueryOptions = client.defaultOptions.watchQuery;\n verifyDocumentType(query, DocumentType.Query);\n const [obsQuery, setObsQuery] = useState(() => {\n const watchQueryOptions = createWatchQueryOptions(query, options, defaultWatchQueryOptions);\n // See if there is an existing observable that was used to fetch the same\n // data and if so, use it instead since it will contain the proper queryId\n // to fetch the result set. This is used during SSR.\n let obsQuery: ObservableQuery<TData, TVariables> | null = null;\n if (context.renderPromises) {\n obsQuery = context.renderPromises.getSSRObservable(watchQueryOptions);\n }\n\n if (!obsQuery) {\n // Is it safe (StrictMode/memory-wise) to call client.watchQuery here?\n obsQuery = client.watchQuery(watchQueryOptions);\n if (context.renderPromises) {\n context.renderPromises.registerSSRObservable(\n obsQuery,\n watchQueryOptions,\n );\n }\n }\n\n if (\n context.renderPromises &&\n options?.ssr !== false &&\n !options?.skip &&\n obsQuery.getCurrentResult().loading\n ) {\n // TODO: This is a legacy API which could probably be cleaned up\n context.renderPromises.addQueryPromise(\n {\n // The only options which seem to actually be used by the\n // RenderPromises class are query and variables.\n getOptions: () => createWatchQueryOptions(query, options, defaultWatchQueryOptions),\n fetchData: () => new Promise<void>((resolve) => {\n const sub = obsQuery!.subscribe({\n next(result) {\n if (!result.loading) {\n resolve()\n sub.unsubscribe();\n }\n },\n error() {\n resolve();\n sub.unsubscribe();\n },\n complete() {\n resolve();\n },\n });\n }),\n },\n // This callback never seemed to do anything\n () => null,\n );\n }\n\n return obsQuery;\n });\n\n let [result, setResult] = useState(() => {\n const result = obsQuery.getCurrentResult();\n if (!result.loading && options) {\n if (result.error) {\n options.onError?.(result.error);\n } else if (result.data) {\n options.onCompleted?.(result.data);\n }\n }\n\n return result;\n });\n\n const ref = useRef({\n client,\n query,\n options,\n result,\n previousData: void 0 as TData | undefined,\n watchQueryOptions: createWatchQueryOptions(query, options, defaultWatchQueryOptions),\n });\n\n // An effect to recreate the obsQuery whenever the client or query changes.\n // This effect is also responsible for checking and updating the obsQuery\n // options whenever they change.\n useEffect(() => {\n const watchQueryOptions = createWatchQueryOptions(query, options, defaultWatchQueryOptions);\n let nextResult: ApolloQueryResult<TData> | undefined;\n if (ref.current.client !== client || !equal(ref.current.query, query)) {\n const obsQuery = client.watchQuery(watchQueryOptions);\n setObsQuery(obsQuery);\n nextResult = obsQuery.getCurrentResult();\n } else if (!equal(ref.current.watchQueryOptions, watchQueryOptions)) {\n obsQuery.setOptions(watchQueryOptions).catch(() => {});\n nextResult = obsQuery.getCurrentResult();\n ref.current.watchQueryOptions = watchQueryOptions;\n }\n\n if (nextResult) {\n const previousResult = ref.current.result;\n if (previousResult.data) {\n ref.current.previousData = previousResult.data;\n }\n\n setResult(ref.current.result = nextResult);\n if (!nextResult.loading && options) {\n if (nextResult.error) {\n options.onError?.(nextResult.error);\n } else if (nextResult.data) {\n options.onCompleted?.(nextResult.data);\n }\n }\n }\n\n Object.assign(ref.current, { client, query });\n }, [obsQuery, client, query, options]);\n\n // An effect to subscribe to the current observable query\n useEffect(() => {\n if (context.renderPromises) {\n return;\n }\n\n let subscription = obsQuery.subscribe(onNext, onError);\n // We use `getCurrentResult()` instead of the callback argument because\n // the values differ slightly. Specifically, loading results will have\n // an empty object for data instead of `undefined` for some reason.\n function onNext() {\n const previousResult = ref.current.result;\n const result = obsQuery.getCurrentResult();\n // Make sure we're not attempting to re-render similar results\n if (\n previousResult &&\n previousResult.loading === result.loading &&\n previousResult.networkStatus === result.networkStatus &&\n equal(previousResult.data, result.data)\n ) {\n return;\n }\n\n if (previousResult.data) {\n ref.current.previousData = previousResult.data;\n }\n\n setResult(ref.current.result = result);\n if (!result.loading) {\n ref.current.options?.onCompleted?.(result.data);\n }\n }\n\n function onError(error: Error) {\n const last = obsQuery[\"last\"];\n subscription.unsubscribe();\n // Unfortunately, if `lastError` is set in the current\n // `observableQuery` when the subscription is re-created,\n // the subscription will immediately receive the error, which will\n // cause it to terminate again. To avoid this, we first clear\n // the last error/result from the `observableQuery` before re-starting\n // the subscription, and restore it afterwards (so the subscription\n // has a chance to stay open).\n try {\n obsQuery.resetLastResults();\n subscription = obsQuery.subscribe(onNext, onError);\n } finally {\n obsQuery[\"last\"] = last;\n }\n\n if (!error.hasOwnProperty('graphQLErrors')) {\n // The error is not a GraphQL error\n throw error;\n }\n\n const previousResult = ref.current.result;\n if (\n (previousResult && previousResult.loading) ||\n !equal(error, previousResult.error)\n ) {\n setResult(ref.current.result = {\n data: previousResult.data,\n error: error as ApolloError,\n loading: false,\n networkStatus: NetworkStatus.error,\n });\n ref.current.options?.onError?.(error as ApolloError);\n }\n }\n\n return () => subscription.unsubscribe();\n }, [obsQuery, context.renderPromises, client.disableNetworkFetches]);\n\n let partial: boolean | undefined;\n ({ partial, ...result } = result);\n\n {\n // BAD BOY CODE BLOCK WHERE WE PUT SIDE-EFFECTS IN THE RENDER FUNCTION\n //\n // TODO: This code should be removed when the partialRefetch option is\n // removed. I was unable to get this hook to behave reasonably in certain\n // edge cases when this block was put in an effect.\n if (\n partial &&\n options?.partialRefetch &&\n !result.loading &&\n (!result.data || Object.keys(result.data).length === 0) &&\n obsQuery.options.fetchPolicy !== 'cache-only'\n ) {\n result = {\n ...result,\n loading: true,\n networkStatus: NetworkStatus.refetch,\n };\n\n obsQuery.refetch();\n }\n\n // TODO: This is a hack to make sure useLazyQuery executions update the\n // obsevable query options for ssr.\n if (\n context.renderPromises &&\n options?.ssr !== false &&\n !options?.skip &&\n result.loading\n ) {\n obsQuery.setOptions(createWatchQueryOptions(query, options, defaultWatchQueryOptions)).catch(() => {});\n }\n\n // We assign options during rendering as a guard to make sure that\n // callbacks like onCompleted and onError are not stale.\n Object.assign(ref.current, { options });\n }\n\n if (\n (context.renderPromises || client.disableNetworkFetches) &&\n options?.ssr === false\n ) {\n // If SSR has been explicitly disabled, and this function has been called\n // on the server side, return the default loading state.\n result = ref.current.result = {\n loading: true,\n data: void 0 as unknown as TData,\n error: void 0,\n networkStatus: NetworkStatus.loading,\n };\n } else if (options?.skip || options?.fetchPolicy === 'standby') {\n // When skipping a query (ie. we're not querying for data but still want to\n // render children), make sure the `data` is cleared out and `loading` is\n // set to `false` (since we aren't loading anything).\n //\n // NOTE: We no longer think this is the correct behavior. Skipping should\n // not automatically set `data` to `undefined`, but instead leave the\n // previous data in place. In other words, skipping should not mandate that\n // previously received data is all of a sudden removed. Unfortunately,\n // changing this is breaking, so we'll have to wait until Apollo Client 4.0\n // to address this.\n result = {\n loading: false,\n data: void 0 as unknown as TData,\n error: void 0,\n networkStatus: NetworkStatus.ready,\n };\n }\n\n if (result.errors && result.errors.length) {\n // Until a set naming convention for networkError and graphQLErrors is\n // decided upon, we map errors (graphQLErrors) to the error options.\n // TODO: Is it possible for both result.error and result.errors to be\n // defined here?\n result = {\n ...result,\n error: result.error || new ApolloError({ graphQLErrors: result.errors }),\n };\n }\n\n const obsQueryFields = useMemo(() => ({\n refetch: obsQuery.refetch.bind(obsQuery),\n fetchMore: obsQuery.fetchMore.bind(obsQuery),\n updateQuery: obsQuery.updateQuery.bind(obsQuery),\n startPolling: obsQuery.startPolling.bind(obsQuery),\n stopPolling: obsQuery.stopPolling.bind(obsQuery),\n subscribeToMore: obsQuery.subscribeToMore.bind(obsQuery),\n }), [obsQuery]);\n\n return {\n ...obsQueryFields,\n variables: createWatchQueryOptions(query, options, defaultWatchQueryOptions).variables,\n client,\n called: true,\n previousData: ref.current.previousData,\n ...result,\n };\n}\n\n/**\n * A function to massage options before passing them the ObservableQuery.\n */\nfunction createWatchQueryOptions<TData, TVariables>(\n query: DocumentNode | TypedDocumentNode<TData, TVariables>,\n options: QueryHookOptions<TData, TVariables> = {},\n defaultOptions?: Partial<WatchQueryOptions<any, any>>\n): WatchQueryOptions<TVariables, TData> {\n // TODO: For some reason, we pass context, which is the React Apollo Context,\n // into observable queries, and test for that.\n // removing hook specific options\n const {\n skip,\n ssr,\n onCompleted,\n onError,\n displayName,\n ...otherOptions\n } = options;\n\n let watchQueryOptions = { query, ...otherOptions };\n if (defaultOptions) {\n watchQueryOptions = mergeOptions(defaultOptions, watchQueryOptions);\n }\n\n if (skip) {\n watchQueryOptions.fetchPolicy = 'standby';\n } else if (\n watchQueryOptions.context?.renderPromises &&\n (\n watchQueryOptions.fetchPolicy === 'network-only' ||\n watchQueryOptions.fetchPolicy === 'cache-and-network'\n )\n ) {\n // this behavior was added to react-apollo without explanation in this PR\n // https://github.com/apollographql/react-apollo/pull/1579\n watchQueryOptions.fetchPolicy = 'cache-first';\n } else if (!watchQueryOptions.fetchPolicy) {\n // cache-first is the default policy, but we explicitly assign it here so\n // the cache policies computed based on options can be cleared\n watchQueryOptions.fetchPolicy = 'cache-first';\n }\n\n if (!watchQueryOptions.variables) {\n watchQueryOptions.variables = {} as TVariables;\n }\n\n return watchQueryOptions;\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSubscription.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/useSubscription.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AAEjC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAItE,OAAO,EACL,uBAAuB,EACvB,kBAAkB,EACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAGhD,wBAAgB,eAAe,CAAC,KAAK,GAAG,GAAG,EAAE,UAAU,GAAG,kBAAkB,EAC1E,YAAY,EAAE,YAAY,GAAG,iBAAiB,CAAC,KAAK,EAAE,UAAU,CAAC,EACjE,OAAO,CAAC,EAAE,uBAAuB,CAAC,KAAK,EAAE,UAAU,CAAC,
|
|
1
|
+
{"version":3,"file":"useSubscription.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/useSubscription.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AAEjC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAItE,OAAO,EACL,uBAAuB,EACvB,kBAAkB,EACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAGhD,wBAAgB,eAAe,CAAC,KAAK,GAAG,GAAG,EAAE,UAAU,GAAG,kBAAkB,EAC1E,YAAY,EAAE,YAAY,GAAG,iBAAiB,CAAC,KAAK,EAAE,UAAU,CAAC,EACjE,OAAO,CAAC,EAAE,uBAAuB,CAAC,KAAK,EAAE,UAAU,CAAC,kCA4GrD"}
|
|
@@ -30,14 +30,16 @@ export function useSubscription(subscription, options) {
|
|
|
30
30
|
if (typeof shouldResubscribe === 'function') {
|
|
31
31
|
shouldResubscribe = !!shouldResubscribe(options);
|
|
32
32
|
}
|
|
33
|
-
if (
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
33
|
+
if (options === null || options === void 0 ? void 0 : options.skip) {
|
|
34
|
+
if (!(options === null || options === void 0 ? void 0 : options.skip) !== !((_a = ref.current.options) === null || _a === void 0 ? void 0 : _a.skip)) {
|
|
35
|
+
setResult({
|
|
36
|
+
loading: false,
|
|
37
|
+
data: void 0,
|
|
38
|
+
error: void 0,
|
|
39
|
+
variables: options === null || options === void 0 ? void 0 : options.variables,
|
|
40
|
+
});
|
|
41
|
+
setObservable(null);
|
|
42
|
+
}
|
|
41
43
|
}
|
|
42
44
|
else if (shouldResubscribe !== false && (client !== ref.current.client ||
|
|
43
45
|
subscription !== ref.current.subscription ||
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSubscription.js","sourceRoot":"","sources":["../../../src/react/hooks/useSubscription.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAM7D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,UAAU,eAAe,CAC7B,YAAiE,EACjE,OAAoD;IAEpD,IAAM,MAAM,GAAG,eAAe,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,CAAC,CAAC;IAChD,kBAAkB,CAAC,YAAY,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IACtD,IAAA,KAAsB,QAAQ,CAA4B;QAC9D,OAAO,EAAE,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAA;QACvB,KAAK,EAAE,KAAK,CAAC;QACb,IAAI,EAAE,KAAK,CAAC;QACZ,SAAS,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS;KAC9B,CAAC,EALK,MAAM,QAAA,EAAE,SAAS,QAKtB,CAAC;IAEG,IAAA,KAA8B,QAAQ,CAAC;QAC3C,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,EAAE;YACjB,OAAO,IAAI,CAAC;SACb;QAED,OAAO,MAAM,CAAC,SAAS,CAAC;YACtB,KAAK,EAAE,YAAY;YACnB,SAAS,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS;YAC7B,WAAW,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW;YACjC,OAAO,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO;SAC1B,CAAC,CAAC;IACL,CAAC,CAAC,EAXK,UAAU,QAAA,EAAE,aAAa,QAW9B,CAAC;IAEH,IAAM,GAAG,GAAG,MAAM,CAAC,EAAE,MAAM,QAAA,EAAE,YAAY,cAAA,EAAE,OAAO,SAAA,EAAE,CAAC,CAAC;IACtD,SAAS,CAAC;;QACR,IAAI,iBAAiB,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,CAAC;QACnD,IAAI,OAAO,iBAAiB,KAAK,UAAU,EAAE;YAC3C,iBAAiB,GAAG,CAAC,CAAC,iBAAiB,CAAC,OAAQ,CAAC,CAAC;SACnD;QAED,IAAI,
|
|
1
|
+
{"version":3,"file":"useSubscription.js","sourceRoot":"","sources":["../../../src/react/hooks/useSubscription.ts"],"names":[],"mappings":"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","sourcesContent":["import '../../utilities/globals';\nimport { useState, useRef, useEffect } from 'react';\nimport { DocumentNode } from 'graphql';\nimport { TypedDocumentNode } from '@graphql-typed-document-node/core';\nimport { equal } from '@wry/equality';\n\nimport { DocumentType, verifyDocumentType } from '../parser';\nimport {\n SubscriptionHookOptions,\n SubscriptionResult\n} from '../types/types';\nimport { OperationVariables } from '../../core';\nimport { useApolloClient } from './useApolloClient';\n\nexport function useSubscription<TData = any, TVariables = OperationVariables>(\n subscription: DocumentNode | TypedDocumentNode<TData, TVariables>,\n options?: SubscriptionHookOptions<TData, TVariables>,\n) {\n const client = useApolloClient(options?.client);\n verifyDocumentType(subscription, DocumentType.Subscription);\n const [result, setResult] = useState<SubscriptionResult<TData>>({\n loading: !options?.skip,\n error: void 0,\n data: void 0,\n variables: options?.variables,\n });\n\n const [observable, setObservable] = useState(() => {\n if (options?.skip) {\n return null;\n }\n\n return client.subscribe({\n query: subscription,\n variables: options?.variables,\n fetchPolicy: options?.fetchPolicy,\n context: options?.context,\n });\n });\n\n const ref = useRef({ client, subscription, options });\n useEffect(() => {\n let shouldResubscribe = options?.shouldResubscribe;\n if (typeof shouldResubscribe === 'function') {\n shouldResubscribe = !!shouldResubscribe(options!);\n }\n\n if (options?.skip) {\n if (!options?.skip !== !ref.current.options?.skip) {\n setResult({\n loading: false,\n data: void 0,\n error: void 0,\n variables: options?.variables,\n });\n setObservable(null);\n }\n } else if (\n shouldResubscribe !== false && (\n client !== ref.current.client ||\n subscription !== ref.current.subscription ||\n options?.fetchPolicy !== ref.current.options?.fetchPolicy ||\n !options?.skip !== !ref.current.options?.skip ||\n !equal(options?.variables, ref.current.options?.variables)\n )\n ) {\n setResult({\n loading: true,\n data: void 0,\n error: void 0,\n variables: options?.variables,\n });\n setObservable(client.subscribe({\n query: subscription,\n variables: options?.variables,\n fetchPolicy: options?.fetchPolicy,\n context: options?.context,\n }));\n }\n\n Object.assign(ref.current, { client, subscription, options });\n }, [client, subscription, options]);\n\n useEffect(() => {\n if (!observable) {\n return;\n }\n\n const subscription = observable.subscribe({\n next(fetchResult) {\n const result = {\n loading: false,\n // TODO: fetchResult.data can be null but SubscriptionResult.data\n // expects TData | undefined only\n data: fetchResult.data!,\n error: void 0,\n variables: options?.variables,\n };\n setResult(result);\n\n ref.current.options?.onSubscriptionData?.({\n client,\n subscriptionData: result\n });\n },\n error(error) {\n setResult({\n loading: false,\n data: void 0,\n error,\n variables: options?.variables,\n });\n },\n complete() {\n ref.current.options?.onSubscriptionComplete?.();\n },\n });\n\n return () => {\n subscription.unsubscribe();\n };\n }, [observable]);\n\n return result;\n}\n"]}
|
package/react/parser/index.js
CHANGED
|
@@ -26,7 +26,7 @@ export function parser(document) {
|
|
|
26
26
|
if (cached)
|
|
27
27
|
return cached;
|
|
28
28
|
var variables, type, name;
|
|
29
|
-
__DEV__ ? invariant(!!document && !!document.kind, "Argument of "
|
|
29
|
+
__DEV__ ? invariant(!!document && !!document.kind, "Argument of ".concat(document, " passed to parser was not a valid GraphQL ") +
|
|
30
30
|
"DocumentNode. You may need to use 'graphql-tag' or another method " +
|
|
31
31
|
"to convert your operation into a document") : invariant(!!document && !!document.kind, 30);
|
|
32
32
|
var fragments = document.definitions.filter(function (x) { return x.kind === 'FragmentDefinition'; });
|
|
@@ -44,8 +44,8 @@ export function parser(document) {
|
|
|
44
44
|
"You must include a query, subscription or mutation as well") : invariant(!fragments.length ||
|
|
45
45
|
(queries.length || mutations.length || subscriptions.length), 31);
|
|
46
46
|
__DEV__ ? invariant(queries.length + mutations.length + subscriptions.length <= 1, "react-apollo only supports a query, subscription, or a mutation per HOC. " +
|
|
47
|
-
(document
|
|
48
|
-
|
|
47
|
+
"".concat(document, " had ").concat(queries.length, " queries, ").concat(subscriptions.length, " ") +
|
|
48
|
+
"subscriptions and ".concat(mutations.length, " mutations. ") +
|
|
49
49
|
"You can use 'compose' to join multiple operation types to a component") : invariant(queries.length + mutations.length + subscriptions.length <= 1, 32);
|
|
50
50
|
type = queries.length ? DocumentType.Query : DocumentType.Mutation;
|
|
51
51
|
if (!queries.length && !mutations.length)
|
|
@@ -55,8 +55,8 @@ export function parser(document) {
|
|
|
55
55
|
: mutations.length
|
|
56
56
|
? mutations
|
|
57
57
|
: subscriptions;
|
|
58
|
-
__DEV__ ? invariant(definitions.length === 1, "react-apollo only supports one definition per HOC. "
|
|
59
|
-
(definitions.length
|
|
58
|
+
__DEV__ ? invariant(definitions.length === 1, "react-apollo only supports one definition per HOC. ".concat(document, " had ") +
|
|
59
|
+
"".concat(definitions.length, " definitions. ") +
|
|
60
60
|
"You can use 'compose' to join multiple operation types to a component") : invariant(definitions.length === 1, 33);
|
|
61
61
|
var definition = definitions[0];
|
|
62
62
|
variables = definition.variableDefinitions || [];
|
|
@@ -74,7 +74,7 @@ export function verifyDocumentType(document, type) {
|
|
|
74
74
|
var operation = parser(document);
|
|
75
75
|
var requiredOperationName = operationName(type);
|
|
76
76
|
var usedOperationName = operationName(operation.type);
|
|
77
|
-
__DEV__ ? invariant(operation.type === type, "Running a "
|
|
78
|
-
(requiredOperationName
|
|
77
|
+
__DEV__ ? invariant(operation.type === type, "Running a ".concat(requiredOperationName, " requires a graphql ") +
|
|
78
|
+
"".concat(requiredOperationName, ", but a ").concat(usedOperationName, " was used instead.")) : invariant(operation.type === type, 34);
|
|
79
79
|
}
|
|
80
80
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react/parser/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AASpD,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,iDAAK,CAAA;IACL,uDAAQ,CAAA;IACR,+DAAY,CAAA;AACd,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB;AAQD,IAAM,KAAK,GAAG,IAAI,GAAG,EAAE,CAAC;AAExB,MAAM,UAAU,aAAa,CAAC,IAAkB;IAC9C,IAAI,IAAI,CAAC;IACT,QAAQ,IAAI,EAAE;QACZ,KAAK,YAAY,CAAC,KAAK;YACrB,IAAI,GAAG,OAAO,CAAC;YACf,MAAM;QACR,KAAK,YAAY,CAAC,QAAQ;YACxB,IAAI,GAAG,UAAU,CAAC;YAClB,MAAM;QACR,KAAK,YAAY,CAAC,YAAY;YAC5B,IAAI,GAAG,cAAc,CAAC;YACtB,MAAM;KACT;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAGD,MAAM,UAAU,MAAM,CAAC,QAAsB;IAC3C,IAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACnC,IAAI,MAAM;QAAE,OAAO,MAAM,CAAC;IAE1B,IAAI,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC;IAE1B,SAAS,CACP,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,QAAQ,CAAC,IAAI,EAC7B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/react/parser/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { invariant } from '../../utilities/globals';\n\nimport {\n DocumentNode,\n DefinitionNode,\n VariableDefinitionNode,\n OperationDefinitionNode\n} from 'graphql';\n\nexport enum DocumentType {\n Query,\n Mutation,\n Subscription\n}\n\nexport interface IDocumentDefinition {\n type: DocumentType;\n name: string;\n variables: ReadonlyArray<VariableDefinitionNode>;\n}\n\nconst cache = new Map();\n\nexport function operationName(type: DocumentType) {\n let name;\n switch (type) {\n case DocumentType.Query:\n name = 'Query';\n break;\n case DocumentType.Mutation:\n name = 'Mutation';\n break;\n case DocumentType.Subscription:\n name = 'Subscription';\n break;\n }\n return name;\n}\n\n// This parser is mostly used to safety check incoming documents.\nexport function parser(document: DocumentNode): IDocumentDefinition {\n const cached = cache.get(document);\n if (cached) return cached;\n\n let variables, type, name;\n\n invariant(\n !!document && !!document.kind,\n `Argument of ${document} passed to parser was not a valid GraphQL ` +\n `DocumentNode. You may need to use 'graphql-tag' or another method ` +\n `to convert your operation into a document`\n );\n\n const fragments = document.definitions.filter(\n (x: DefinitionNode) => x.kind === 'FragmentDefinition'\n );\n\n const queries = document.definitions.filter(\n (x: DefinitionNode) =>\n x.kind === 'OperationDefinition' && x.operation === 'query'\n );\n\n const mutations = document.definitions.filter(\n (x: DefinitionNode) =>\n x.kind === 'OperationDefinition' && x.operation === 'mutation'\n );\n\n const subscriptions = document.definitions.filter(\n (x: DefinitionNode) =>\n x.kind === 'OperationDefinition' && x.operation === 'subscription'\n );\n\n invariant(\n !fragments.length ||\n (queries.length || mutations.length || subscriptions.length),\n `Passing only a fragment to 'graphql' is not yet supported. ` +\n `You must include a query, subscription or mutation as well`\n );\n\n invariant(\n queries.length + mutations.length + subscriptions.length <= 1,\n `react-apollo only supports a query, subscription, or a mutation per HOC. ` +\n `${document} had ${queries.length} queries, ${subscriptions.length} ` +\n `subscriptions and ${mutations.length} mutations. ` +\n `You can use 'compose' to join multiple operation types to a component`\n );\n\n type = queries.length ? DocumentType.Query : DocumentType.Mutation;\n if (!queries.length && !mutations.length) type = DocumentType.Subscription;\n\n const definitions = queries.length\n ? queries\n : mutations.length\n ? mutations\n : subscriptions;\n\n invariant(\n definitions.length === 1,\n `react-apollo only supports one definition per HOC. ${document} had ` +\n `${definitions.length} definitions. ` +\n `You can use 'compose' to join multiple operation types to a component`\n );\n\n const definition = definitions[0] as OperationDefinitionNode;\n variables = definition.variableDefinitions || [];\n\n if (definition.name && definition.name.kind === 'Name') {\n name = definition.name.value;\n } else {\n name = 'data'; // fallback to using data if no name\n }\n\n const payload = { name, type, variables };\n cache.set(document, payload);\n return payload;\n}\n\nexport function verifyDocumentType(document: DocumentNode, type: DocumentType) {\n const operation = parser(document);\n const requiredOperationName = operationName(type);\n const usedOperationName = operationName(operation.type);\n invariant(\n operation.type === type,\n `Running a ${requiredOperationName} requires a graphql ` +\n `${requiredOperationName}, but a ${usedOperationName} was used instead.`\n );\n}\n\n"]}
|
package/react/parser/parser.cjs
CHANGED
|
@@ -31,7 +31,7 @@ function parser(document) {
|
|
|
31
31
|
if (cached)
|
|
32
32
|
return cached;
|
|
33
33
|
var variables, type, name;
|
|
34
|
-
__DEV__ ? globals.invariant(!!document && !!document.kind, "Argument of "
|
|
34
|
+
__DEV__ ? globals.invariant(!!document && !!document.kind, "Argument of ".concat(document, " passed to parser was not a valid GraphQL ") +
|
|
35
35
|
"DocumentNode. You may need to use 'graphql-tag' or another method " +
|
|
36
36
|
"to convert your operation into a document") : globals.invariant(!!document && !!document.kind, 30);
|
|
37
37
|
var fragments = document.definitions.filter(function (x) { return x.kind === 'FragmentDefinition'; });
|
|
@@ -49,8 +49,8 @@ function parser(document) {
|
|
|
49
49
|
"You must include a query, subscription or mutation as well") : globals.invariant(!fragments.length ||
|
|
50
50
|
(queries.length || mutations.length || subscriptions.length), 31);
|
|
51
51
|
__DEV__ ? globals.invariant(queries.length + mutations.length + subscriptions.length <= 1, "react-apollo only supports a query, subscription, or a mutation per HOC. " +
|
|
52
|
-
(document
|
|
53
|
-
|
|
52
|
+
"".concat(document, " had ").concat(queries.length, " queries, ").concat(subscriptions.length, " ") +
|
|
53
|
+
"subscriptions and ".concat(mutations.length, " mutations. ") +
|
|
54
54
|
"You can use 'compose' to join multiple operation types to a component") : globals.invariant(queries.length + mutations.length + subscriptions.length <= 1, 32);
|
|
55
55
|
type = queries.length ? exports.DocumentType.Query : exports.DocumentType.Mutation;
|
|
56
56
|
if (!queries.length && !mutations.length)
|
|
@@ -60,8 +60,8 @@ function parser(document) {
|
|
|
60
60
|
: mutations.length
|
|
61
61
|
? mutations
|
|
62
62
|
: subscriptions;
|
|
63
|
-
__DEV__ ? globals.invariant(definitions.length === 1, "react-apollo only supports one definition per HOC. "
|
|
64
|
-
(definitions.length
|
|
63
|
+
__DEV__ ? globals.invariant(definitions.length === 1, "react-apollo only supports one definition per HOC. ".concat(document, " had ") +
|
|
64
|
+
"".concat(definitions.length, " definitions. ") +
|
|
65
65
|
"You can use 'compose' to join multiple operation types to a component") : globals.invariant(definitions.length === 1, 33);
|
|
66
66
|
var definition = definitions[0];
|
|
67
67
|
variables = definition.variableDefinitions || [];
|
|
@@ -79,8 +79,8 @@ function verifyDocumentType(document, type) {
|
|
|
79
79
|
var operation = parser(document);
|
|
80
80
|
var requiredOperationName = operationName(type);
|
|
81
81
|
var usedOperationName = operationName(operation.type);
|
|
82
|
-
__DEV__ ? globals.invariant(operation.type === type, "Running a "
|
|
83
|
-
(requiredOperationName
|
|
82
|
+
__DEV__ ? globals.invariant(operation.type === type, "Running a ".concat(requiredOperationName, " requires a graphql ") +
|
|
83
|
+
"".concat(requiredOperationName, ", but a ").concat(usedOperationName, " was used instead.")) : globals.invariant(operation.type === type, 34);
|
|
84
84
|
}
|
|
85
85
|
|
|
86
86
|
exports.operationName = operationName;
|