@apollo/client 3.7.0-alpha.6 → 3.7.0-beta.0

package/apollo-client.cjs

@@ -1298,7 +1298,7 @@ var concat = ApolloLink.concat;
 
 var execute = ApolloLink.execute;
 
-var version = '3.7.0-alpha.6';
+var version = '3.7.0-beta.0';
 
 var hasOwnProperty$3 = Object.prototype.hasOwnProperty;
 function parseAndCheckHttpResponse(operations) {
@@ -1682,10 +1682,20 @@ exports.Cache = void 0;
 
 var MissingFieldError = (function () {
     function MissingFieldError(message, path, query, variables) {
+        var _a;
         this.message = message;
         this.path = path;
         this.query = query;
         this.variables = variables;
+        if (Array.isArray(this.path)) {
+            this.missing = this.message;
+            for (var i = this.path.length - 1; i >= 0; --i) {
+                this.missing = (_a = {}, _a[this.path[i]] = this.missing, _a);
+            }
+        }
+        else {
+            this.missing = this.path;
+        }
     }
     return MissingFieldError;
 }());
@@ -3615,8 +3625,8 @@ var InMemoryCache = (function (_super) {
             makeCacheKey: function (c) {
                 var store = c.optimistic ? _this.optimisticData : _this.data;
                 if (supportsResultCaching(store)) {
-                    var optimistic = c.optimistic, rootId = c.rootId, variables = c.variables;
-                    return store.makeCacheKey(c.query, c.callback, canonicalStringify({ optimistic: optimistic, rootId: rootId, variables: variables }));
+                    var optimistic = c.optimistic, id = c.id, variables = c.variables;
+                    return store.makeCacheKey(c.query, c.callback, canonicalStringify({ optimistic: optimistic, id: id, variables: variables }));
                 }
             }
         });
@@ -6694,6 +6704,37 @@ function useReactiveVar(rv) {
     return value;
 }
 
+function useFragment(options) {
+    var cache = useApolloClient().cache;
+    var fragment = options.fragment, fragmentName = options.fragmentName, from = options.from, _a = options.optimistic, optimistic = _a === void 0 ? true : _a, rest = tslib.__rest(options, ["fragment", "fragmentName", "from", "optimistic"]);
+    var diffOptions = tslib.__assign(tslib.__assign({}, rest), { id: typeof from === "string" ? from : cache.identify(from), query: cache["getFragmentDoc"](fragment, fragmentName), optimistic: optimistic });
+    var resultRef = React.useRef();
+    var latestDiff = cache.diff(diffOptions);
+    return useSyncExternalStore(function (forceUpdate) {
+        var immediate = true;
+        return cache.watch(tslib.__assign(tslib.__assign({}, diffOptions), { immediate: immediate, callback: function (diff) {
+                if (!immediate && !equality.equal(diff, latestDiff)) {
+                    resultRef.current = diffToResult(latestDiff = diff);
+                    forceUpdate();
+                }
+                immediate = false;
+            } }));
+    }, function () {
+        return resultRef.current ||
+            (resultRef.current = diffToResult(latestDiff));
+    });
+}
+function diffToResult(diff) {
+    var result = {
+        data: diff.result,
+        complete: !!diff.complete,
+    };
+    if (diff.missing) {
+        result.missing = mergeDeepArray(diff.missing.map(function (error) { return error.missing; }));
+    }
+    return result;
+}
+
 exports.setLogVerbosity = tsInvariant.setVerbosity;
 exports.Observable = zenObservableTs.Observable;
 exports.disableExperimentalFragmentVariables = graphqlTag.disableExperimentalFragmentVariables;
@@ -6742,6 +6783,7 @@ exports.split = split;
 exports.throwServerError = throwServerError;
 exports.toPromise = toPromise;
 exports.useApolloClient = useApolloClient;
+exports.useFragment = useFragment;
 exports.useLazyQuery = useLazyQuery;
 exports.useMutation = useMutation;
 exports.useQuery = useQuery;