houdini 1.1.3 → 1.1.4-react.0

package/build/lib-esm/index.js

@@ -2406,7 +2406,7 @@ var require_visitor = __commonJS({
     Object.defineProperty(exports, "__esModule", {
       value: true
     });
-    exports.visit = visit2;
+    exports.visit = visit3;
     exports.visitInParallel = visitInParallel;
     exports.getVisitFn = getVisitFn;
     exports.BREAK = exports.QueryDocumentKeys = void 0;
@@ -2469,7 +2469,7 @@ var require_visitor = __commonJS({
     exports.QueryDocumentKeys = QueryDocumentKeys;
     var BREAK = Object.freeze({});
     exports.BREAK = BREAK;
-    function visit2(root, visitor) {
+    function visit3(root, visitor) {
       var visitorKeys = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : QueryDocumentKeys;
       var stack = void 0;
       var inArray = Array.isArray(root);
@@ -42024,6 +42024,109 @@ var require_lib3 = __commonJS({
   }
 });
 
+// ../../node_modules/.pnpm/deepmerge@4.2.2/node_modules/deepmerge/dist/cjs.js
+var require_cjs = __commonJS({
+  "../../node_modules/.pnpm/deepmerge@4.2.2/node_modules/deepmerge/dist/cjs.js"(exports, module) {
+    "use strict";
+    var isMergeableObject = function isMergeableObject2(value) {
+      return isNonNullObject(value) && !isSpecial(value);
+    };
+    function isNonNullObject(value) {
+      return !!value && typeof value === "object";
+    }
+    function isSpecial(value) {
+      var stringValue = Object.prototype.toString.call(value);
+      return stringValue === "[object RegExp]" || stringValue === "[object Date]" || isReactElement(value);
+    }
+    var canUseSymbol = typeof Symbol === "function" && Symbol.for;
+    var REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for("react.element") : 60103;
+    function isReactElement(value) {
+      return value.$$typeof === REACT_ELEMENT_TYPE;
+    }
+    function emptyTarget(val) {
+      return Array.isArray(val) ? [] : {};
+    }
+    function cloneUnlessOtherwiseSpecified(value, options) {
+      return options.clone !== false && options.isMergeableObject(value) ? deepmerge(emptyTarget(value), value, options) : value;
+    }
+    function defaultArrayMerge(target, source, options) {
+      return target.concat(source).map(function(element) {
+        return cloneUnlessOtherwiseSpecified(element, options);
+      });
+    }
+    function getMergeFunction(key, options) {
+      if (!options.customMerge) {
+        return deepmerge;
+      }
+      var customMerge = options.customMerge(key);
+      return typeof customMerge === "function" ? customMerge : deepmerge;
+    }
+    function getEnumerableOwnPropertySymbols(target) {
+      return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(target).filter(function(symbol) {
+        return target.propertyIsEnumerable(symbol);
+      }) : [];
+    }
+    function getKeys(target) {
+      return Object.keys(target).concat(getEnumerableOwnPropertySymbols(target));
+    }
+    function propertyIsOnObject(object, property) {
+      try {
+        return property in object;
+      } catch (_) {
+        return false;
+      }
+    }
+    function propertyIsUnsafe(target, key) {
+      return propertyIsOnObject(target, key) && !(Object.hasOwnProperty.call(target, key) && Object.propertyIsEnumerable.call(target, key));
+    }
+    function mergeObject(target, source, options) {
+      var destination = {};
+      if (options.isMergeableObject(target)) {
+        getKeys(target).forEach(function(key) {
+          destination[key] = cloneUnlessOtherwiseSpecified(target[key], options);
+        });
+      }
+      getKeys(source).forEach(function(key) {
+        if (propertyIsUnsafe(target, key)) {
+          return;
+        }
+        if (propertyIsOnObject(target, key) && options.isMergeableObject(source[key])) {
+          destination[key] = getMergeFunction(key, options)(target[key], source[key], options);
+        } else {
+          destination[key] = cloneUnlessOtherwiseSpecified(source[key], options);
+        }
+      });
+      return destination;
+    }
+    function deepmerge(target, source, options) {
+      options = options || {};
+      options.arrayMerge = options.arrayMerge || defaultArrayMerge;
+      options.isMergeableObject = options.isMergeableObject || isMergeableObject;
+      options.cloneUnlessOtherwiseSpecified = cloneUnlessOtherwiseSpecified;
+      var sourceIsArray = Array.isArray(source);
+      var targetIsArray = Array.isArray(target);
+      var sourceAndTargetTypesMatch = sourceIsArray === targetIsArray;
+      if (!sourceAndTargetTypesMatch) {
+        return cloneUnlessOtherwiseSpecified(source, options);
+      } else if (sourceIsArray) {
+        return options.arrayMerge(target, source, options);
+      } else {
+        return mergeObject(target, source, options);
+      }
+    }
+    deepmerge.all = function deepmergeAll(array, options) {
+      if (!Array.isArray(array)) {
+        throw new Error("first argument should be an array");
+      }
+      return array.reduce(function(prev, next) {
+        return deepmerge(prev, next, options);
+      }, {});
+    };
+    var deepmerge_1 = deepmerge;
+    module.exports = deepmerge_1;
+  }
+});
+
 // ../../node_modules/.pnpm/tslib@2.5.0/node_modules/tslib/tslib.js
 var require_tslib = __commonJS({
   "../../node_modules/.pnpm/tslib@2.5.0/node_modules/tslib/tslib.js"(exports, module) {
@@ -44293,7 +44396,7 @@ var require_path_visitor = __commonJS({
         }
         return target;
       }
-      PathVisitor.visit = function visit2(node, methods) {
+      PathVisitor.visit = function visit3(node, methods) {
         return PathVisitor.fromMethodsObject(methods).visit(node);
       };
       var PVp = PathVisitor.prototype;
@@ -44484,7 +44587,7 @@ var require_path_visitor = __commonJS({
         this.needToCallTraverse = false;
         return visitChildren(path2, PathVisitor.fromMethodsObject(newVisitor || this.visitor));
       };
-      sharedContextProtoMethods.visit = function visit2(path2, newVisitor) {
+      sharedContextProtoMethods.visit = function visit3(path2, newVisitor) {
         if (!(this instanceof this.Context)) {
           throw new Error("");
         }
@@ -45877,7 +45980,7 @@ var require_main = __commonJS({
     var someField = _a.someField;
     var Type = _a.Type;
     var use = _a.use;
-    var visit2 = _a.visit;
+    var visit3 = _a.visit;
     exports.astNodesAreEquivalent = astNodesAreEquivalent;
     exports.builders = builders;
     exports.builtInTypes = builtInTypes;
@@ -45894,7 +45997,7 @@ var require_main = __commonJS({
     exports.someField = someField;
     exports.Type = Type;
     exports.use = use;
-    exports.visit = visit2;
+    exports.visit = visit3;
     Object.assign(namedTypes_1.namedTypes, n);
   }
 });
@@ -58356,109 +58459,6 @@ var require_main2 = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/deepmerge@4.2.2/node_modules/deepmerge/dist/cjs.js
-var require_cjs = __commonJS({
-  "../../node_modules/.pnpm/deepmerge@4.2.2/node_modules/deepmerge/dist/cjs.js"(exports, module) {
-    "use strict";
-    var isMergeableObject = function isMergeableObject2(value) {
-      return isNonNullObject(value) && !isSpecial(value);
-    };
-    function isNonNullObject(value) {
-      return !!value && typeof value === "object";
-    }
-    function isSpecial(value) {
-      var stringValue = Object.prototype.toString.call(value);
-      return stringValue === "[object RegExp]" || stringValue === "[object Date]" || isReactElement(value);
-    }
-    var canUseSymbol = typeof Symbol === "function" && Symbol.for;
-    var REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for("react.element") : 60103;
-    function isReactElement(value) {
-      return value.$$typeof === REACT_ELEMENT_TYPE;
-    }
-    function emptyTarget(val) {
-      return Array.isArray(val) ? [] : {};
-    }
-    function cloneUnlessOtherwiseSpecified(value, options) {
-      return options.clone !== false && options.isMergeableObject(value) ? deepmerge(emptyTarget(value), value, options) : value;
-    }
-    function defaultArrayMerge(target, source, options) {
-      return target.concat(source).map(function(element) {
-        return cloneUnlessOtherwiseSpecified(element, options);
-      });
-    }
-    function getMergeFunction(key, options) {
-      if (!options.customMerge) {
-        return deepmerge;
-      }
-      var customMerge = options.customMerge(key);
-      return typeof customMerge === "function" ? customMerge : deepmerge;
-    }
-    function getEnumerableOwnPropertySymbols(target) {
-      return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(target).filter(function(symbol) {
-        return target.propertyIsEnumerable(symbol);
-      }) : [];
-    }
-    function getKeys(target) {
-      return Object.keys(target).concat(getEnumerableOwnPropertySymbols(target));
-    }
-    function propertyIsOnObject(object, property) {
-      try {
-        return property in object;
-      } catch (_) {
-        return false;
-      }
-    }
-    function propertyIsUnsafe(target, key) {
-      return propertyIsOnObject(target, key) && !(Object.hasOwnProperty.call(target, key) && Object.propertyIsEnumerable.call(target, key));
-    }
-    function mergeObject(target, source, options) {
-      var destination = {};
-      if (options.isMergeableObject(target)) {
-        getKeys(target).forEach(function(key) {
-          destination[key] = cloneUnlessOtherwiseSpecified(target[key], options);
-        });
-      }
-      getKeys(source).forEach(function(key) {
-        if (propertyIsUnsafe(target, key)) {
-          return;
-        }
-        if (propertyIsOnObject(target, key) && options.isMergeableObject(source[key])) {
-          destination[key] = getMergeFunction(key, options)(target[key], source[key], options);
-        } else {
-          destination[key] = cloneUnlessOtherwiseSpecified(source[key], options);
-        }
-      });
-      return destination;
-    }
-    function deepmerge(target, source, options) {
-      options = options || {};
-      options.arrayMerge = options.arrayMerge || defaultArrayMerge;
-      options.isMergeableObject = options.isMergeableObject || isMergeableObject;
-      options.cloneUnlessOtherwiseSpecified = cloneUnlessOtherwiseSpecified;
-      var sourceIsArray = Array.isArray(source);
-      var targetIsArray = Array.isArray(target);
-      var sourceAndTargetTypesMatch = sourceIsArray === targetIsArray;
-      if (!sourceAndTargetTypesMatch) {
-        return cloneUnlessOtherwiseSpecified(source, options);
-      } else if (sourceIsArray) {
-        return options.arrayMerge(target, source, options);
-      } else {
-        return mergeObject(target, source, options);
-      }
-    }
-    deepmerge.all = function deepmergeAll(array, options) {
-      if (!Array.isArray(array)) {
-        throw new Error("first argument should be an array");
-      }
-      return array.reduce(function(prev, next) {
-        return deepmerge(prev, next, options);
-      }, {});
-    };
-    var deepmerge_1 = deepmerge;
-    module.exports = deepmerge_1;
-  }
-});
-
 // src/lib/pipeline.ts
 async function runPipeline(config, pipeline2, target) {
   for (const transform of pipeline2) {
@@ -65548,11 +65548,12 @@ var cachePolicy = ({
     network(ctx, { initialValue, next, resolve: resolve2, marshalVariables: marshalVariables2 }) {
       const { policy, artifact } = ctx;
       let useCache = false;
-      if (enabled && artifact.kind === ArtifactKind.Query && !ctx.cacheParams?.disableRead) {
+      if (enabled && (artifact.kind === ArtifactKind.Query || artifact.kind === ArtifactKind.Fragment) && !ctx.cacheParams?.disableRead) {
         if (policy !== CachePolicy.NetworkOnly) {
           const value = localCache.read({
             selection: artifact.selection,
-            variables: marshalVariables2(ctx)
+            variables: marshalVariables2(ctx),
+            parent: ctx.stuff?.parentID
           });
           const allowed = !value.partial || artifact.kind === ArtifactKind.Query && artifact.partial;
           if (policy === CachePolicy.CacheOnly) {
@@ -65588,7 +65589,9 @@ var cachePolicy = ({
           localCache._internal_unstable.collectGarbage();
         }, 0);
       }
-      setFetching(!useCache);
+      if (!ctx.stuff?.silenceLoading) {
+        setFetching(!useCache);
+      }
       return next(ctx);
     },
     afterNetwork(ctx, { resolve: resolve2, value, marshalVariables: marshalVariables2 }) {
@@ -65668,10 +65671,11 @@ var query = documentPlugin(ArtifactKind.Query, function() {
           cache_default.unsubscribe(subscriptionSpec, subscriptionSpec.variables?.() || {});
         }
         lastVariables = { ...marshalVariables2(ctx) };
+        const variables = lastVariables;
         subscriptionSpec = {
           rootType: ctx.artifact.rootType,
           selection: ctx.artifact.selection,
-          variables: () => lastVariables,
+          variables: () => variables,
           set: (newValue) => {
             resolve2(ctx, {
               data: newValue,
@@ -65700,12 +65704,17 @@ var query = documentPlugin(ArtifactKind.Query, function() {
 // src/runtime/client/plugins/fragment.ts
 var fragment = documentPlugin(ArtifactKind.Fragment, function() {
   let subscriptionSpec = null;
+  let lastReference = null;
   return {
     start(ctx, { next, resolve: resolve2, variablesChanged: variablesChanged2, marshalVariables: marshalVariables2 }) {
       if (!ctx.stuff.parentID) {
         return next(ctx);
       }
-      if (variablesChanged2(ctx) && !ctx.cacheParams?.disableSubscriptions) {
+      const currentReference = {
+        parent: ctx.stuff.parentID,
+        variables: marshalVariables2(ctx)
+      };
+      if (!ctx.cacheParams?.disableSubscriptions && (!deepEquals(lastReference, currentReference) || variablesChanged2(ctx))) {
         if (subscriptionSpec) {
           cache_default.unsubscribe(subscriptionSpec, subscriptionSpec.variables?.() || {});
         }
@@ -65728,6 +65737,7 @@ var fragment = documentPlugin(ArtifactKind.Fragment, function() {
           }
         };
         cache_default.subscribe(subscriptionSpec, variables);
+        lastReference = currentReference;
       }
       next(ctx);
     },
@@ -65928,6 +65938,7 @@ var DocumentStore = class extends Writable {
   #plugins;
   #lastVariables;
   #lastContext = null;
+  pendingPromise = null;
   constructor({
     artifact,
     plugins: plugins2,
@@ -66000,7 +66011,7 @@ var DocumentStore = class extends Writable {
     const draft = context.draft();
     draft.variables = variables ?? null;
     context = context.apply(draft, false);
-    return await new Promise((resolve2, reject) => {
+    const promise = new Promise((resolve2, reject) => {
       const state = {
         setup,
         currentStep: 0,
@@ -66009,12 +66020,17 @@ var DocumentStore = class extends Writable {
         promise: {
           resolved: false,
           resolve: resolve2,
-          reject
+          reject,
+          then: (...args) => promise.then(...args)
         },
         context
       };
+      if (this.pendingPromise === null) {
+        this.pendingPromise = state.promise;
+      }
       this.#step("forward", state);
     });
+    return await promise;
   }
   async cleanup() {
     for (const plugin2 of this.#plugins) {
@@ -66133,16 +66149,15 @@ var DocumentStore = class extends Writable {
         value
       );
     }
+    if (!ctx.silenceEcho || value.data !== this.state.data) {
+      this.set(value);
+    }
     if (!ctx.promise.resolved) {
       ctx.promise.resolve(value);
       ctx.promise.resolved = true;
     }
     this.#lastContext = ctx.context.draft();
     this.#lastVariables = this.#lastContext.stuff.inputs.marshaled;
-    if (ctx.silenceEcho && value.data === this.state.data) {
-      return;
-    }
-    this.set(value);
   }
 };
 var ClientPluginContextWrapper = class {
@@ -66760,6 +66775,17 @@ var Config = class {
     }, []) ?? [];
     return !defaultDirectives.includes(name) && (internalDirectives.includes(name) || this.isDeleteDirective(name));
   }
+  needsRefetchArtifact(document) {
+    let needsArtifact = false;
+    graphql2.visit(document, {
+      Directive: (node) => {
+        if ([this.paginateDirective].includes(node.name.value)) {
+          needsArtifact = true;
+        }
+      }
+    });
+    return needsArtifact;
+  }
   #fragmentVariableMaps;
   registerFragmentVariablesHash({
     hash,
@@ -67255,13 +67281,40 @@ var TypeWrapper = /* @__PURE__ */ ((TypeWrapper2) => {
 
 // src/lib/parse.ts
 var import_parser = __toESM(require_lib3(), 1);
-async function parseJS(str) {
+
+// src/lib/deepMerge.ts
+var import_deepmerge = __toESM(require_cjs(), 1);
+function deepMerge(filepath, ...targets) {
+  try {
+    if (targets.length === 1) {
+      return targets[0];
+    } else if (targets.length === 2) {
+      return (0, import_deepmerge.default)(targets[0], targets[1], {
+        arrayMerge: (source, update) => [...new Set(source.concat(update))]
+      });
+    }
+    return deepMerge(filepath, targets[0], deepMerge(filepath, ...targets.slice(1)));
+  } catch (e2) {
+    throw new HoudiniError({
+      filepath,
+      message: "could not merge: " + JSON.stringify(targets, null, 4),
+      description: e2.message
+    });
+  }
+}
+
+// src/lib/parse.ts
+async function parseJS(str, config) {
+  const defaultConfig = {
+    plugins: ["typescript"],
+    sourceType: "module"
+  };
   return {
     start: 0,
-    script: (0, import_parser.parse)(str || "", {
-      plugins: ["typescript"],
-      sourceType: "module"
-    }).program,
+    script: (0, import_parser.parse)(
+      str || "",
+      config ? deepMerge("", defaultConfig, config) : defaultConfig
+    ).program,
     end: str.length
   };
 }
@@ -67329,27 +67382,6 @@ async function cleanupFiles(pathFolder, listOfObj) {
   return allFilesNotInList;
 }
 
-// src/lib/deepMerge.ts
-var import_deepmerge = __toESM(require_cjs(), 1);
-function deepMerge(filepath, ...targets) {
-  try {
-    if (targets.length === 1) {
-      return targets[0];
-    } else if (targets.length === 2) {
-      return (0, import_deepmerge.default)(targets[0], targets[1], {
-        arrayMerge: (source, update) => [...new Set(source.concat(update))]
-      });
-    }
-    return deepMerge(filepath, targets[0], deepMerge(filepath, ...targets.slice(1)));
-  } catch (e2) {
-    throw new HoudiniError({
-      filepath,
-      message: "could not merge: " + targets,
-      description: e2.message
-    });
-  }
-}
-
 // src/lib/detectTools.ts
 async function detectFromPackageJSON(cwd) {
   try {

package/build/runtime/client/documentStore.d.ts

@@ -5,6 +5,9 @@ import { Writable } from '../lib/store';
 import type { DocumentArtifact, QueryResult, GraphQLObject, SubscriptionSpec, CachePolicies } from '../lib/types';
 export declare class DocumentStore<_Data extends GraphQLObject, _Input extends Record<string, any>> extends Writable<QueryResult<_Data, _Input>> {
     #private;
+    pendingPromise: {
+        then: (val: any) => void;
+    } | null;
     constructor({ artifact, plugins, pipeline, client, cache, initialValue, fetching, }: {
         artifact: DocumentArtifact;
         plugins?: ClientHooks[];

package/build/runtime/client/index.d.ts

@@ -3,7 +3,7 @@ import type { DocumentArtifact, GraphQLObject, NestedList } from '../lib/types';
 import type { ClientPlugin, ClientHooks } from './documentStore';
 import { DocumentStore } from './documentStore';
 import { type FetchParamFn, type ThrowOnErrorParams } from './plugins';
-export { DocumentStore, type ClientPlugin } from './documentStore';
+export { DocumentStore, type ClientPlugin, type SendParams } from './documentStore';
 export { fetch, mutation, query, subscription } from './plugins';
 type ConstructorArgs = {
     url: string;

package/build/runtime/lib/pageInfo.d.ts

@@ -0,0 +1,7 @@
+import type { GraphQLObject, PageInfo } from './types';
+export declare function nullPageInfo(): PageInfo;
+export declare function missingPageSizeError(fnName: string): {
+    message: string;
+};
+export declare function extractPageInfo(data: any, path: string[]): PageInfo;
+export declare function countPage<_Data extends GraphQLObject>(source: string[], value: _Data | null): number;

package/build/runtime/lib/pagination.d.ts

@@ -0,0 +1,29 @@
+import type { SendParams } from '../client/documentStore';
+import { FetchParams } from './types';
+import type { CursorHandlers, FetchFn, GraphQLObject, QueryArtifact, QueryResult } from './types';
+export declare function cursorHandlers<_Data extends GraphQLObject, _Input extends Record<string, any>>({ artifact, storeName, fetchUpdate: parentFetchUpdate, fetch: parentFetch, getState, getVariables, getSession, }: {
+    artifact: QueryArtifact;
+    storeName: string;
+    getState: () => _Data | null;
+    getVariables: () => _Input;
+    getSession: () => Promise<App.Session>;
+    fetch: FetchFn<_Data, _Input>;
+    fetchUpdate: (arg: SendParams, updates: string[]) => ReturnType<FetchFn<_Data, _Input>>;
+}): CursorHandlers<_Data, _Input>;
+export declare function offsetHandlers<_Data extends GraphQLObject, _Input extends {}>({ artifact, storeName, getState, getVariables, fetch: parentFetch, fetchUpdate: parentFetchUpdate, getSession, }: {
+    artifact: QueryArtifact;
+    fetch: FetchFn<_Data, _Input>;
+    fetchUpdate: (arg: SendParams) => ReturnType<FetchFn<_Data, _Input>>;
+    storeName: string;
+    getState: () => _Data | null;
+    getVariables: () => _Input;
+    getSession: () => Promise<App.Session>;
+}): {
+    loadNextPage: ({ limit, offset, fetch, metadata, }?: {
+        limit?: number | undefined;
+        offset?: number | undefined;
+        fetch?: typeof fetch | undefined;
+        metadata?: {} | undefined;
+    }) => Promise<void>;
+    fetch(params?: FetchParams<_Input>): Promise<QueryResult<_Data, _Input>>;
+};

package/build/runtime/lib/types.d.ts

@@ -25,6 +25,7 @@ declare global {
             };
             optimisticResponse?: GraphQLObject;
             parentID?: string;
+            silenceLoading?: boolean;
         }
     }
 }
@@ -193,6 +194,51 @@ export type ValueOf<Parent> = Parent[keyof Parent];
 export declare const fragmentKey = " $fragments";
 export type ValueNode = VariableNode | IntValueNode | FloatValueNode | StringValueNode | BooleanValueNode | NullValueNode | EnumValueNode | ListValueNode | ObjectValueNode;
 export type ValueMap = Record<string, ValueNode>;
+export type FetchParams<_Input> = {
+    variables?: _Input;
+    /**
+     * The policy to use when performing the fetch. If set to CachePolicy.NetworkOnly,
+     * a request will always be sent, even if the variables are the same as the last call
+     * to fetch.
+     */
+    policy?: CachePolicies;
+    /**
+     * An object that will be passed to the fetch function.
+     * You can do what you want with it!
+     */
+    metadata?: App.Metadata;
+};
+export type FetchFn<_Data extends GraphQLObject, _Input = any> = (params?: FetchParams<_Input>) => Promise<QueryResult<_Data, _Input>>;
+export type CursorHandlers<_Data extends GraphQLObject, _Input> = {
+    loadNextPage: (args?: {
+        first?: number;
+        after?: string;
+        fetch?: typeof globalThis.fetch;
+        metadata?: {};
+    }) => Promise<void>;
+    loadPreviousPage: (args?: {
+        last?: number;
+        before?: string;
+        fetch?: typeof globalThis.fetch;
+        metadata?: {};
+    }) => Promise<void>;
+    fetch(args?: FetchParams<_Input> | undefined): Promise<QueryResult<_Data, _Input>>;
+};
+export type OffsetHandlers<_Data extends GraphQLObject, _Input> = {
+    loadNextPage: (args?: {
+        limit?: number;
+        offset?: number;
+        metadata?: {};
+        fetch?: typeof globalThis.fetch;
+    }) => Promise<void>;
+    fetch(args?: FetchParams<_Input> | undefined): Promise<QueryResult<_Data, _Input>>;
+};
+export type PageInfo = {
+    startCursor: string | null;
+    endCursor: string | null;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+};
 interface IntValueNode {
     readonly kind: 'IntValue';
     readonly value: string;

package/build/runtime-cjs/client/documentStore.d.ts

@@ -5,6 +5,9 @@ import { Writable } from '../lib/store';
 import type { DocumentArtifact, QueryResult, GraphQLObject, SubscriptionSpec, CachePolicies } from '../lib/types';
 export declare class DocumentStore<_Data extends GraphQLObject, _Input extends Record<string, any>> extends Writable<QueryResult<_Data, _Input>> {
     #private;
+    pendingPromise: {
+        then: (val: any) => void;
+    } | null;
     constructor({ artifact, plugins, pipeline, client, cache, initialValue, fetching, }: {
         artifact: DocumentArtifact;
         plugins?: ClientHooks[];

package/build/runtime-cjs/client/documentStore.js

@@ -38,6 +38,7 @@ class DocumentStore extends import_store.Writable {
   #plugins;
   #lastVariables;
   #lastContext = null;
+  pendingPromise = null;
   constructor({
     artifact,
     plugins,
@@ -110,7 +111,7 @@ class DocumentStore extends import_store.Writable {
     const draft = context.draft();
     draft.variables = variables ?? null;
     context = context.apply(draft, false);
-    return await new Promise((resolve, reject) => {
+    const promise = new Promise((resolve, reject) => {
       const state = {
         setup,
         currentStep: 0,
@@ -119,12 +120,17 @@ class DocumentStore extends import_store.Writable {
         promise: {
           resolved: false,
           resolve,
-          reject
+          reject,
+          then: (...args) => promise.then(...args)
         },
         context
       };
+      if (this.pendingPromise === null) {
+        this.pendingPromise = state.promise;
+      }
       this.#step("forward", state);
     });
+    return await promise;
   }
   async cleanup() {
     for (const plugin of this.#plugins) {
@@ -243,16 +249,15 @@ class DocumentStore extends import_store.Writable {
         value
       );
     }
+    if (!ctx.silenceEcho || value.data !== this.state.data) {
+      this.set(value);
+    }
     if (!ctx.promise.resolved) {
       ctx.promise.resolve(value);
       ctx.promise.resolved = true;
     }
     this.#lastContext = ctx.context.draft();
     this.#lastVariables = this.#lastContext.stuff.inputs.marshaled;
-    if (ctx.silenceEcho && value.data === this.state.data) {
-      return;
-    }
-    this.set(value);
   }
 }
 class ClientPluginContextWrapper {

package/build/runtime-cjs/client/index.d.ts

@@ -3,7 +3,7 @@ import type { DocumentArtifact, GraphQLObject, NestedList } from '../lib/types';
 import type { ClientPlugin, ClientHooks } from './documentStore';
 import { DocumentStore } from './documentStore';
 import { type FetchParamFn, type ThrowOnErrorParams } from './plugins';
-export { DocumentStore, type ClientPlugin } from './documentStore';
+export { DocumentStore, type ClientPlugin, type SendParams } from './documentStore';
 export { fetch, mutation, query, subscription } from './plugins';
 type ConstructorArgs = {
     url: string;