@apollo/client 3.9.0-beta.1 → 3.9.0-rc.1

package/react/hooks/hooks.cjs

@@ -11,6 +11,7 @@ var equality = require('@wry/equality');
 var errors = require('../../errors');
 var core = require('../../core');
 var parser = require('../parser');
+var React$1 = require('react');
 var internal = require('../internal');
 var cache = require('../../cache');
 
@@ -27,6 +28,7 @@ function _interopNamespace(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__namespace$1 = /*#__PURE__*/_interopNamespace(React$1);
 
 function useApolloClient(override) {
     var context$1 = React__namespace.useContext(context.getApolloContext());
@@ -691,44 +693,6 @@ function useReactiveVar(rv) {
     }, [rv]), rv, rv);
 }
 
-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), { returnPartialData: true, id: typeof from === "string" ? from : cache.identify(from), query: cache["getFragmentDoc"](fragment, fragmentName), optimistic: optimistic });
-    var resultRef = React__namespace.useRef();
-    var latestDiff = cache.diff(diffOptions);
-    var getSnapshot = function () {
-        var latestDiffToResult = diffToResult(latestDiff);
-        return (resultRef.current &&
-            equality.equal(resultRef.current.data, latestDiffToResult.data)) ?
-            resultRef.current
-            : (resultRef.current = latestDiffToResult);
-    };
-    return useSyncExternalStore(function (forceUpdate) {
-        var lastTimeout = 0;
-        var unsubcribe = cache.watch(tslib.__assign(tslib.__assign({}, diffOptions), { immediate: true, callback: function (diff) {
-                if (!equality.equal(diff, latestDiff)) {
-                    resultRef.current = diffToResult((latestDiff = diff));
-                    lastTimeout = setTimeout(forceUpdate);
-                }
-            } }));
-        return function () {
-            unsubcribe();
-            clearTimeout(lastTimeout);
-        };
-    }, getSnapshot, getSnapshot);
-}
-function diffToResult(diff) {
-    var result = {
-        data: diff.result,
-        complete: !!diff.complete,
-    };
-    if (diff.missing) {
-        result.missing = utilities.mergeDeepArray(diff.missing.map(function (error) { return error.missing; }));
-    }
-    return result;
-}
-
 function useDeepMemo(memoFn, deps) {
     var ref = React__namespace.useRef();
     if (!ref.current || !equality.equal(ref.current.deps, deps)) {
@@ -749,6 +713,15 @@ function useRenderGuard() {
     }, []);
 }
 
+var INIT = {};
+function useLazyRef(getInitialValue) {
+    var ref = React__namespace$1.useRef(INIT);
+    if (ref.current === INIT) {
+        ref.current = getInitialValue();
+    }
+    return ref;
+}
+
 var useKey = "use";
 var realHook = React__namespace[useKey];
 var __use = realHook ||
@@ -764,6 +737,42 @@ var __use = realHook ||
         }
     };
 
+function useFragment(options) {
+    var cache = useApolloClient().cache;
+    var diffOptions = useDeepMemo(function () {
+        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"]);
+        return tslib.__assign(tslib.__assign({}, rest), { returnPartialData: true, id: typeof from === "string" ? from : cache.identify(from), query: cache["getFragmentDoc"](fragment, fragmentName), optimistic: optimistic });
+    }, [options]);
+    var resultRef = useLazyRef(function () {
+        return diffToResult(cache.diff(diffOptions));
+    });
+    var getSnapshot = React__namespace.useCallback(function () { return resultRef.current; }, []);
+    return useSyncExternalStore(React__namespace.useCallback(function (forceUpdate) {
+        var lastTimeout = 0;
+        var unsubscribe = cache.watch(tslib.__assign(tslib.__assign({}, diffOptions), { immediate: true, callback: function (diff) {
+                if (!equality.equal(diff.result, resultRef.current.data)) {
+                    resultRef.current = diffToResult(diff);
+                    clearTimeout(lastTimeout);
+                    lastTimeout = setTimeout(forceUpdate);
+                }
+            } }));
+        return function () {
+            unsubscribe();
+            clearTimeout(lastTimeout);
+        };
+    }, [cache, diffOptions]), getSnapshot, getSnapshot);
+}
+function diffToResult(diff) {
+    var result = {
+        data: diff.result,
+        complete: !!diff.complete,
+    };
+    if (diff.missing) {
+        result.missing = utilities.mergeDeepArray(diff.missing.map(function (error) { return error.missing; }));
+    }
+    return result;
+}
+
 var skipToken = Symbol.for("apollo.skipToken");
 
 function useSuspenseQuery(query, options) {