@apollo/client 4.0.0-alpha.21 → 4.0.0-alpha.23

package/__cjs/core/ObservableQuery.d.cts

@@ -6,13 +6,51 @@ import type { MissingTree } from "@apollo/client/cache";
 import type { MaybeMasked, Unmasked } from "@apollo/client/masking";
 import type { QueryManager } from "./QueryManager.cjs";
 import type { ApolloQueryResult, DefaultContext, OperationVariables, QueryResult, TypedDocumentNode } from "./types.cjs";
-import type { ErrorPolicy, FetchMoreQueryOptions, NextFetchPolicyContext, RefetchWritePolicy, SubscribeToMoreOptions, UpdateQueryMapFn, WatchQueryFetchPolicy, WatchQueryOptions } from "./watchQueryOptions.cjs";
-export interface FetchMoreOptions<TData = unknown, TVariables = OperationVariables> {
-    updateQuery?: (previousQueryResult: TData, options: {
-        fetchMoreResult?: TData;
-        variables?: TVariables;
-    }) => TData;
-}
+import type { ErrorPolicy, NextFetchPolicyContext, RefetchWritePolicy, SubscribeToMoreOptions, UpdateQueryMapFn, WatchQueryFetchPolicy, WatchQueryOptions } from "./watchQueryOptions.cjs";
+export type FetchMoreOptions<TData, TVariables extends OperationVariables, TFetchData = TData, TFetchVars extends OperationVariables = TVariables> = {
+    /**
+    * A GraphQL query string parsed into an AST with the gql template literal.
+    * 
+    * @docGroup
+    * 
+    * 1. Operation options
+    */
+    query?: DocumentNode | TypedDocumentNode<TFetchData, TFetchVars>;
+    /**
+    * An object containing all of the GraphQL variables your query requires to execute.
+    * 
+    * Each key in the object corresponds to a variable name, and that key's value corresponds to the variable value.
+    * 
+    * @docGroup
+    * 
+    * 1. Operation options
+    */
+    variables?: Partial<NoInfer<TFetchVars>>;
+    /**
+    * Specifies how the query handles a response that returns both GraphQL errors and partial results.
+    * 
+    * For details, see [GraphQL error policies](https://www.apollographql.com/docs/react/data/error-handling/#graphql-error-policies).
+    * 
+    * The default value is `none`, meaning that the query result includes error details but not partial results.
+    * 
+    * @docGroup
+    * 
+    * 1. Operation options
+    */
+    errorPolicy?: ErrorPolicy;
+    /**
+    * If you're using [Apollo Link](https://www.apollographql.com/docs/react/api/link/introduction/), this object is the initial value of the `context` object that's passed along your link chain.
+    * 
+    * @docGroup
+    * 
+    * 2. Networking options
+    */
+    context?: DefaultContext;
+    updateQuery?: (previousQueryResult: Unmasked<TData>, options: {
+        fetchMoreResult: Unmasked<TFetchData>;
+        variables: TFetchVars;
+    }) => Unmasked<TData>;
+};
 export declare namespace ObservableQuery {
     type Options<TData = unknown, TVariables extends OperationVariables = OperationVariables> = {
         /**
@@ -232,12 +270,7 @@ export declare class ObservableQuery<TData = unknown, TVariables extends Operati
     /**
      * A function that helps you fetch the next set of results for a [paginated list field](https://www.apollographql.com/docs/react/pagination/core-api/).
      */
-    fetchMore<TFetchData = TData, TFetchVars extends OperationVariables = TVariables>(fetchMoreOptions: FetchMoreQueryOptions<TFetchVars, TFetchData> & {
-        updateQuery?: (previousQueryResult: Unmasked<TData>, options: {
-            fetchMoreResult: Unmasked<TFetchData>;
-            variables: TFetchVars;
-        }) => Unmasked<TData>;
-    }): Promise<QueryResult<TFetchData>>;
+    fetchMore<TFetchData = TData, TFetchVars extends OperationVariables = TVariables>({ query, variables, context, errorPolicy, updateQuery, }: FetchMoreOptions<TData, TVariables, TFetchData, TFetchVars>): Promise<QueryResult<TFetchData>>;
     /**
      * A function that enables you to execute a [subscription](https://www.apollographql.com/docs/react/data/subscriptions/), usually to subscribe to specific fields that were included in the query.
      *
@@ -249,7 +282,7 @@ export declare class ObservableQuery<TData = unknown, TVariables extends Operati
     * 
     * @deprecated This is an internal API and should not be used directly. This can be removed or changed at any time.
     */
-    silentSetOptions(newOptions: Partial<ObservableQuery.Options<TData, TVariables>>): void;
+    applyOptions(newOptions: Partial<ObservableQuery.Options<TData, TVariables>>): void;
     /**
      * Update the variables of this observable query, and fetch the new results
      * if they've changed. Most users should prefer `refetch` instead of
@@ -285,6 +318,7 @@ export declare class ObservableQuery<TData = unknown, TVariables extends Operati
     stopPolling(): void;
     private applyNextFetchPolicy;
     private fetch;
+    private didWarnCacheOnlyPolling;
     private updatePolling;
     private cancelPolling;
     /**

package/__cjs/core/QueryInfo.cjs

@@ -39,6 +39,7 @@ class QueryInfo {
     queryManager;
     id;
     observableQuery;
+    incremental;
     constructor(queryManager, observableQuery) {
         const cache = (this.cache = queryManager.cache);
         const id = (queryInfoIds.get(queryManager) || 0) + 1;
@@ -85,8 +86,20 @@ class QueryInfo {
             (0, equality_1.equal)(variables, lastWrite.variables) &&
             (0, equality_1.equal)(result.data, lastWrite.result.data));
     }
-    lastDiff;
-    markQueryResult(result, { document: query, variables, errorPolicy, cacheWriteBehavior, }) {
+    get hasNext() {
+        return this.incremental ? this.incremental.hasNext : false;
+    }
+    maybeHandleIncrementalResult(cacheData, incoming, query) {
+        const { incrementalHandler } = this.queryManager;
+        if (incrementalHandler.isIncrementalResult(incoming)) {
+            this.incremental ||= incrementalHandler.startRequest({
+                query,
+            });
+            return this.incremental.handle(cacheData, incoming);
+        }
+        return incoming;
+    }
+    markQueryResult(incoming, { document: query, variables, errorPolicy, cacheWriteBehavior, }) {
         const diffOptions = {
             query,
             variables,
@@ -96,147 +109,130 @@ class QueryInfo {
         // Cancel the pending notify timeout (if it exists) to prevent extraneous network
         // requests. To allow future notify timeouts, diff and dirty are reset as well.
         this.observableQuery?.["resetNotifications"]();
-        if (cacheWriteBehavior === 0 /* CacheWriteBehavior.FORBID */) {
-            const lastDiff = this.lastDiff && (0, equality_1.equal)(diffOptions, this.lastDiff.options) ?
-                this.lastDiff.diff
-                : { result: null, complete: false };
-            handleIncrementalResult(result, lastDiff);
-            this.lastDiff = {
-                diff: { result: result.data, complete: true },
-                options: diffOptions,
-            };
+        const skipCache = cacheWriteBehavior === 0 /* CacheWriteBehavior.FORBID */;
+        const lastDiff = skipCache ? undefined : this.cache.diff(diffOptions);
+        let result = this.maybeHandleIncrementalResult(lastDiff?.result, incoming, query);
+        if (skipCache) {
+            return result;
         }
-        else {
-            const lastDiff = this.cache.diff(diffOptions);
-            handleIncrementalResult(result, lastDiff);
-            if (shouldWriteResult(result, errorPolicy)) {
-                // Using a transaction here so we have a chance to read the result
-                // back from the cache before the watch callback fires as a result
-                // of writeQuery, so we can store the new diff quietly and ignore
-                // it when we receive it redundantly from the watch callback.
-                this.cache.batch({
-                    onWatchUpdated: (
-                    // all additional options on ObservableQuery.CacheWatchOptions are
-                    // optional so we can use the type here
-                    watch, diff) => {
-                        if (watch.watcher === this.observableQuery) {
-                            // see comment on `lastOwnDiff` for explanation
-                            watch.lastOwnDiff = diff;
-                        }
-                    },
-                    update: (cache) => {
-                        if (this.shouldWrite(result, variables)) {
-                            cache.writeQuery({
-                                query,
-                                data: result.data,
-                                variables,
-                                overwrite: cacheWriteBehavior === 1 /* CacheWriteBehavior.OVERWRITE */,
-                            });
-                            this.lastWrite = {
-                                result,
-                                variables,
-                                dmCount: destructiveMethodCounts.get(this.cache),
-                            };
-                        }
-                        else {
-                            // If result is the same as the last result we received from
-                            // the network (and the variables match too), avoid writing
-                            // result into the cache again. The wisdom of skipping this
-                            // cache write is far from obvious, since any cache write
-                            // could be the one that puts the cache back into a desired
-                            // state, fixing corruption or missing data. However, if we
-                            // always write every network result into the cache, we enable
-                            // feuds between queries competing to update the same data in
-                            // incompatible ways, which can lead to an endless cycle of
-                            // cache broadcasts and useless network requests. As with any
-                            // feud, eventually one side must step back from the brink,
-                            // letting the other side(s) have the last word(s). There may
-                            // be other points where we could break this cycle, such as
-                            // silencing the broadcast for cache.writeQuery (not a good
-                            // idea, since it just delays the feud a bit) or somehow
-                            // avoiding the network request that just happened (also bad,
-                            // because the server could return useful new data). All
-                            // options considered, skipping this cache write seems to be
-                            // the least damaging place to break the cycle, because it
-                            // reflects the intuition that we recently wrote this exact
-                            // result into the cache, so the cache *should* already/still
-                            // contain this data. If some other query has clobbered that
-                            // data in the meantime, that's too bad, but there will be no
-                            // winners if every query blindly reverts to its own version
-                            // of the data. This approach also gives the network a chance
-                            // to return new data, which will be written into the cache as
-                            // usual, notifying only those queries that are directly
-                            // affected by the cache updates, as usual. In the future, an
-                            // even more sophisticated cache could perhaps prevent or
-                            // mitigate the clobbering somehow, but that would make this
-                            // particular cache write even less important, and thus
-                            // skipping it would be even safer than it is today.
-                            if (lastDiff && lastDiff.complete) {
-                                // Reuse data from the last good (complete) diff that we
-                                // received, when possible.
-                                result.data = lastDiff.result;
-                                return;
-                            }
-                            // If the previous this.diff was incomplete, fall through to
-                            // re-reading the latest data with cache.diff, below.
-                        }
-                        const diff = cache.diff(diffOptions);
-                        // If we're allowed to write to the cache, and we can read a
-                        // complete result from the cache, update result.data to be the
-                        // result from the cache, rather than the raw network result.
-                        // Set without setDiff to avoid triggering a notify call, since
-                        // we have other ways of notifying for this result.
-                        if (diff.complete) {
-                            result.data = diff.result;
+        if (shouldWriteResult(result, errorPolicy)) {
+            // Using a transaction here so we have a chance to read the result
+            // back from the cache before the watch callback fires as a result
+            // of writeQuery, so we can store the new diff quietly and ignore
+            // it when we receive it redundantly from the watch callback.
+            this.cache.batch({
+                onWatchUpdated: (
+                // all additional options on ObservableQuery.CacheWatchOptions are
+                // optional so we can use the type here
+                watch, diff) => {
+                    if (watch.watcher === this.observableQuery) {
+                        // see comment on `lastOwnDiff` for explanation
+                        watch.lastOwnDiff = diff;
+                    }
+                },
+                update: (cache) => {
+                    if (this.shouldWrite(result, variables)) {
+                        cache.writeQuery({
+                            query,
+                            data: result.data,
+                            variables,
+                            overwrite: cacheWriteBehavior === 1 /* CacheWriteBehavior.OVERWRITE */,
+                        });
+                        this.lastWrite = {
+                            result,
+                            variables,
+                            dmCount: destructiveMethodCounts.get(this.cache),
+                        };
+                    }
+                    else {
+                        // If result is the same as the last result we received from
+                        // the network (and the variables match too), avoid writing
+                        // result into the cache again. The wisdom of skipping this
+                        // cache write is far from obvious, since any cache write
+                        // could be the one that puts the cache back into a desired
+                        // state, fixing corruption or missing data. However, if we
+                        // always write every network result into the cache, we enable
+                        // feuds between queries competing to update the same data in
+                        // incompatible ways, which can lead to an endless cycle of
+                        // cache broadcasts and useless network requests. As with any
+                        // feud, eventually one side must step back from the brink,
+                        // letting the other side(s) have the last word(s). There may
+                        // be other points where we could break this cycle, such as
+                        // silencing the broadcast for cache.writeQuery (not a good
+                        // idea, since it just delays the feud a bit) or somehow
+                        // avoiding the network request that just happened (also bad,
+                        // because the server could return useful new data). All
+                        // options considered, skipping this cache write seems to be
+                        // the least damaging place to break the cycle, because it
+                        // reflects the intuition that we recently wrote this exact
+                        // result into the cache, so the cache *should* already/still
+                        // contain this data. If some other query has clobbered that
+                        // data in the meantime, that's too bad, but there will be no
+                        // winners if every query blindly reverts to its own version
+                        // of the data. This approach also gives the network a chance
+                        // to return new data, which will be written into the cache as
+                        // usual, notifying only those queries that are directly
+                        // affected by the cache updates, as usual. In the future, an
+                        // even more sophisticated cache could perhaps prevent or
+                        // mitigate the clobbering somehow, but that would make this
+                        // particular cache write even less important, and thus
+                        // skipping it would be even safer than it is today.
+                        if (lastDiff && lastDiff.complete) {
+                            // Reuse data from the last good (complete) diff that we
+                            // received, when possible.
+                            result = { ...result, data: lastDiff.result };
+                            return;
                         }
-                    },
-                });
-            }
-            else {
-                this.lastWrite = void 0;
-            }
+                        // If the previous this.diff was incomplete, fall through to
+                        // re-reading the latest data with cache.diff, below.
+                    }
+                    const diff = cache.diff(diffOptions);
+                    // If we're allowed to write to the cache, and we can read a
+                    // complete result from the cache, update result.data to be the
+                    // result from the cache, rather than the raw network result.
+                    // Set without setDiff to avoid triggering a notify call, since
+                    // we have other ways of notifying for this result.
+                    if (diff.complete) {
+                        result = { ...result, data: diff.result };
+                    }
+                },
+            });
         }
+        else {
+            this.lastWrite = void 0;
+        }
+        return result;
     }
-    markMutationResult(result, mutation, cache = this.cache) {
+    markMutationResult(incoming, mutation, cache = this.cache) {
         const cacheWrites = [];
         const skipCache = mutation.cacheWriteBehavior === 0 /* CacheWriteBehavior.FORBID */;
+        let result = this.maybeHandleIncrementalResult(skipCache ? undefined : (cache.diff({
+            id: "ROOT_MUTATION",
+            // The cache complains if passed a mutation where it expects a
+            // query, so we transform mutations and subscriptions to queries
+            // (only once, thanks to this.transformCache).
+            query: this.queryManager.getDocumentInfo(mutation.document).asQuery,
+            variables: mutation.variables,
+            optimistic: false,
+            returnPartialData: true,
+        }).result), incoming, mutation.document);
+        if (mutation.errorPolicy === "ignore") {
+            result = { ...result, errors: [] };
+        }
+        if ((0, internal_1.graphQLResultHasError)(result) && mutation.errorPolicy === "none") {
+            return Promise.resolve(result);
+        }
+        const getResultWithDataState = () => ({
+            ...result,
+            dataState: this.hasNext ? "streaming" : "complete",
+        });
         if (!skipCache && shouldWriteResult(result, mutation.errorPolicy)) {
-            if (!(0, internal_1.isExecutionPatchIncrementalResult)(result)) {
-                cacheWrites.push({
-                    result: result.data,
-                    dataId: "ROOT_MUTATION",
-                    query: mutation.document,
-                    variables: mutation.variables,
-                });
-            }
-            if ((0, internal_1.isExecutionPatchIncrementalResult)(result) &&
-                (0, internal_1.isNonEmptyArray)(result.incremental)) {
-                const diff = cache.diff({
-                    id: "ROOT_MUTATION",
-                    // The cache complains if passed a mutation where it expects a
-                    // query, so we transform mutations and subscriptions to queries
-                    // (only once, thanks to this.transformCache).
-                    query: this.queryManager.getDocumentInfo(mutation.document).asQuery,
-                    variables: mutation.variables,
-                    optimistic: false,
-                    returnPartialData: true,
-                });
-                let mergedData;
-                if (diff.result) {
-                    mergedData = (0, internal_1.mergeIncrementalData)(diff.result, result);
-                }
-                if (typeof mergedData !== "undefined") {
-                    // cast the ExecutionPatchResult to FetchResult here since
-                    // ExecutionPatchResult never has `data` when returned from the server
-                    result.data = mergedData;
-                    cacheWrites.push({
-                        result: mergedData,
-                        dataId: "ROOT_MUTATION",
-                        query: mutation.document,
-                        variables: mutation.variables,
-                    });
-                }
-            }
+            cacheWrites.push({
+                result: result.data,
+                dataId: "ROOT_MUTATION",
+                query: mutation.document,
+                variables: mutation.variables,
+            });
             const { updateQueries } = mutation;
             if (updateQueries) {
                 this.queryManager
@@ -254,7 +250,7 @@ class QueryInfo {
                     if (complete && currentQueryResult) {
                         // Run our reducer using the current query result and the mutation result.
                         const nextQueryResult = updater(currentQueryResult, {
-                            mutationResult: result,
+                            mutationResult: getResultWithDataState(),
                             queryName: (document && (0, internal_1.getOperationName)(document)) || void 0,
                             queryVariables: variables,
                         });
@@ -271,8 +267,12 @@ class QueryInfo {
                 });
             }
         }
+        let refetchQueries = mutation.refetchQueries;
+        if (typeof refetchQueries === "function") {
+            refetchQueries = refetchQueries(getResultWithDataState());
+        }
         if (cacheWrites.length > 0 ||
-            (mutation.refetchQueries || "").length > 0 ||
+            (refetchQueries || "").length > 0 ||
             mutation.update ||
             mutation.onQueryUpdated ||
             mutation.removeOptimistic) {
@@ -289,8 +289,6 @@ class QueryInfo {
                     const { update } = mutation;
                     // Determine whether result is a SingleExecutionResult,
                     // or the final ExecutionPatchResult.
-                    const isFinalResult = !(0, internal_1.isExecutionPatchResult)(result) ||
-                        ((0, internal_1.isExecutionPatchIncrementalResult)(result) && !result.hasNext);
                     if (update) {
                         if (!skipCache) {
                             // Re-read the ROOT_MUTATION data we just wrote into the cache
@@ -309,19 +307,14 @@ class QueryInfo {
                                 returnPartialData: true,
                             });
                             if (diff.complete) {
-                                result = { ...result, data: diff.result };
-                                if ("incremental" in result) {
-                                    delete result.incremental;
-                                }
-                                if ("hasNext" in result) {
-                                    delete result.hasNext;
-                                }
+                                result = {
+                                    ...result,
+                                    data: diff.result,
+                                };
                             }
                         }
-                        // If we've received the whole response,
-                        // either a SingleExecutionResult or the final ExecutionPatchResult,
-                        // call the update function.
-                        if (isFinalResult) {
+                        // If we've received the whole response, call the update function.
+                        if (!this.hasNext) {
                             update(cache, result, {
                                 context: mutation.context,
                                 variables: mutation.variables,
@@ -330,7 +323,7 @@ class QueryInfo {
                     }
                     // TODO Do this with cache.evict({ id: 'ROOT_MUTATION' }) but make it
                     // shallow to allow rolling back optimistic evictions.
-                    if (!skipCache && !mutation.keepRootFields && isFinalResult) {
+                    if (!skipCache && !mutation.keepRootFields && !this.hasNext) {
                         cache.modify({
                             id: "ROOT_MUTATION",
                             fields(value, { fieldName, DELETE }) {
@@ -339,7 +332,7 @@ class QueryInfo {
                         });
                     }
                 },
-                include: mutation.refetchQueries,
+                include: refetchQueries,
                 // Write the final mutation.result to the root layer of the cache.
                 optimistic: false,
                 // Remove the corresponding optimistic layer at the same time as we
@@ -393,21 +386,6 @@ class QueryInfo {
     }
 }
 exports.QueryInfo = QueryInfo;
-function handleIncrementalResult(result, lastDiff) {
-    if ("incremental" in result && (0, internal_1.isNonEmptyArray)(result.incremental)) {
-        const mergedData = (0, internal_1.mergeIncrementalData)(lastDiff.result, result);
-        result.data = mergedData;
-        // Detect the first chunk of a deferred query and merge it with existing
-        // cache data. This ensures a `cache-first` fetch policy that returns
-        // partial cache data or a `cache-and-network` fetch policy that already
-        // has full data in the cache does not complain when trying to merge the
-        // initial deferred server data with existing cache data.
-    }
-    else if ("hasNext" in result && result.hasNext) {
-        const merger = new internal_1.DeepMerger();
-        result.data = merger.merge(lastDiff.result, result.data);
-    }
-}
 function shouldWriteResult(result, errorPolicy = "none") {
     const ignoreErrors = errorPolicy === "ignore" || errorPolicy === "all";
     let writeWithErrors = !(0, internal_1.graphQLResultHasError)(result);