@isograph/react 0.5.0 → 0.5.1

package/dist/loadable-hooks/useImperativeLoadableField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useImperativeLoadableField.d.ts","sourceRoot":"","sources":["../../src/loadable-hooks/useImperativeLoadableField.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,MAAM,gCAAgC,CAC1C,cAAc,SAAS;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,EAC3D,OAAO,EACP,aAAa,SAAS,MAAM,IAC1B;IACF,iBAAiB,EAAE,iBAAiB,CAAC,cAAc,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IACrE,qBAAqB,EAAE,CAGrB,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAAE,MAAM,aAAa,CAAC,GAAG,IAAI,EACzE,YAAY,CAAC,EAAE,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,KACxC,IAAI,CAAC;CACX,CAAC;AAEF,wBAAgB,0BAA0B,CACxC,cAAc,SAAS;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,EAC3D,OAAO,EACP,aAAa,SAAS,MAAM,EAE5B,aAAa,EAAE,aAAa,CAC1B,cAAc,EACd,OAAO,EACP,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAAE,MAAM,aAAa,CAAC,CAC7D,GACA,gCAAgC,CAAC,cAAc,EAAE,OAAO,EAAE,aAAa,CAAC,CAc1E"}
+{"version":3,"file":"useImperativeLoadableField.d.ts","names":[],"sources":["../../src/loadable-hooks/useImperativeLoadableField.ts"],"sourcesContent":[],"mappings":";;;;;KAWY;;EAAA,UAAA,EAAA,MAAA;CAK2B,EAAA,OAAA,EAAA,sBAAA,MAAA,CAAA,GAAA;EAAgB,iBAAA,EAAlC,iBAAkC,CAAhB,cAAgB,EAAA,OAAA,CAAA,GAAA,IAAA;EAAlC,qBAAA,EAAA,CAAA,IAAA,EAIX,IAJW,CAIN,iBAJM,CAIY,cAJZ,CAAA,EAAA,MAImC,aAJnC,CAAA,GAAA,IAAA,EAAA,YAAA,CAAA,EAKF,YALE,CAKW,OALX,EAAA,KAAA,CAAA,EAAA,GAAA,IAAA;CAIY;AAAlB,iBAKC,0BALD,CAAA,uBAAA;EAAyC,IAAA,EAAA,MAAA;EAA9C,UAAA,EAAA,MAAA;CACsB,EAAA,OAAA,EAAA,sBAAA,MAAA,CAAA,CAAA,aAAA,EASf,aATe,CAU5B,cAV4B,EAW5B,OAX4B,EAY5B,IAZ4B,CAYvB,iBAZuB,CAYL,cAZK,CAAA,EAAA,MAYkB,aAZlB,CAAA,CAAA,CAAA,EAc7B,gCAd6B,CAcI,cAdJ,EAcoB,OAdpB,EAc6B,aAd7B,CAAA"}

package/dist/loadable-hooks/useImperativeLoadableField.js

@@ -1,14 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useImperativeLoadableField = useImperativeLoadableField;
-const react_disposable_state_1 = require("@isograph/react-disposable-state");
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
+let __isograph_react_disposable_state = require("@isograph/react-disposable-state");
+__isograph_react_disposable_state = require_rolldown_runtime.__toESM(__isograph_react_disposable_state);
+
+//#region src/loadable-hooks/useImperativeLoadableField.ts
 function useImperativeLoadableField(loadableField) {
-    const { state, setState } = (0, react_disposable_state_1.useUpdatableDisposableState)();
-    return {
-        loadFragmentReference: (args, fetchOptions) => {
-            const [_id, loader] = loadableField(args, fetchOptions !== null && fetchOptions !== void 0 ? fetchOptions : {});
-            setState(loader());
-        },
-        fragmentReference: state !== react_disposable_state_1.UNASSIGNED_STATE ? state : null,
-    };
+	const { state, setState } = (0, __isograph_react_disposable_state.useUpdatableDisposableState)();
+	return {
+		loadFragmentReference: (args, fetchOptions) => {
+			const [_id, loader] = loadableField(args, fetchOptions ?? {});
+			setState(loader());
+		},
+		fragmentReference: state !== __isograph_react_disposable_state.UNASSIGNED_STATE ? state : null
+	};
 }
+
+//#endregion
+exports.useImperativeLoadableField = useImperativeLoadableField;

package/dist/loadable-hooks/useImperativeLoadableField.mjs

@@ -0,0 +1,17 @@
+import { UNASSIGNED_STATE, useUpdatableDisposableState } from "@isograph/react-disposable-state";
+
+//#region src/loadable-hooks/useImperativeLoadableField.ts
+function useImperativeLoadableField(loadableField) {
+	const { state, setState } = useUpdatableDisposableState();
+	return {
+		loadFragmentReference: (args, fetchOptions) => {
+			const [_id, loader] = loadableField(args, fetchOptions ?? {});
+			setState(loader());
+		},
+		fragmentReference: state !== UNASSIGNED_STATE ? state : null
+	};
+}
+
+//#endregion
+export { useImperativeLoadableField };
+//# sourceMappingURL=useImperativeLoadableField.mjs.map

package/dist/loadable-hooks/useImperativeLoadableField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useImperativeLoadableField.mjs","names":[],"sources":["../../src/loadable-hooks/useImperativeLoadableField.ts"],"sourcesContent":["import {\n  UNASSIGNED_STATE,\n  useUpdatableDisposableState,\n} from '@isograph/react-disposable-state';\nimport type { FetchOptions } from '../core/check';\nimport type {\n  ExtractParameters,\n  FragmentReference,\n} from '../core/FragmentReference';\nimport type { LoadableField } from '../core/reader';\n\nexport type UseImperativeLoadableFieldReturn<\n  TReadFromStore extends { data: object; parameters: object },\n  TResult,\n  TProvidedArgs extends object,\n> = {\n  fragmentReference: FragmentReference<TReadFromStore, TResult> | null;\n  loadFragmentReference: (\n    // TODO this should be void iff all args are provided by the query, like in\n    // useClientSideDefer.\n    args: Omit<ExtractParameters<TReadFromStore>, keyof TProvidedArgs> | void,\n    fetchOptions?: FetchOptions<TResult, never>,\n  ) => void;\n};\n\nexport function useImperativeLoadableField<\n  TReadFromStore extends { data: object; parameters: object },\n  TResult,\n  TProvidedArgs extends object,\n>(\n  loadableField: LoadableField<\n    TReadFromStore,\n    TResult,\n    Omit<ExtractParameters<TReadFromStore>, keyof TProvidedArgs>\n  >,\n): UseImperativeLoadableFieldReturn<TReadFromStore, TResult, TProvidedArgs> {\n  const { state, setState } =\n    useUpdatableDisposableState<FragmentReference<TReadFromStore, TResult>>();\n\n  return {\n    loadFragmentReference: (\n      args: Omit<ExtractParameters<TReadFromStore>, keyof TProvidedArgs> | void,\n      fetchOptions?: FetchOptions<TResult, never>,\n    ) => {\n      const [_id, loader] = loadableField(args, fetchOptions ?? {});\n      setState(loader());\n    },\n    fragmentReference: state !== UNASSIGNED_STATE ? state : null,\n  };\n}\n"],"mappings":";;;AAyBA,SAAgB,2BAKd,eAK0E;CAC1E,MAAM,EAAE,OAAO,aACb,6BAAyE;AAE3E,QAAO;EACL,wBACE,MACA,iBACG;GACH,MAAM,CAAC,KAAK,UAAU,cAAc,MAAM,gBAAgB,EAAE,CAAC;AAC7D,YAAS,QAAQ,CAAC;;EAEpB,mBAAmB,UAAU,mBAAmB,QAAQ;EACzD"}

package/dist/loadable-hooks/useSkipLimitPagination.d.mts

@@ -0,0 +1,24 @@
+import { FetchOptions } from "../core/check.mjs";
+import { LoadableField } from "../core/reader.mjs";
+import { FragmentReference, UnknownTReadFromStore } from "../core/FragmentReference.mjs";
+
+//#region src/loadable-hooks/useSkipLimitPagination.d.ts
+type UseSkipLimitReturnValue<TReadFromStore extends UnknownTReadFromStore, TItem> = {
+  readonly kind: 'Complete';
+  readonly fetchMore: (count: number, fetchOptions?: FetchOptions<ReadonlyArray<TItem>, never>) => void;
+  readonly results: ReadonlyArray<TItem>;
+} | {
+  readonly kind: 'Pending';
+  readonly results: ReadonlyArray<TItem>;
+  readonly pendingFragment: FragmentReference<TReadFromStore, ReadonlyArray<TItem>>;
+};
+type UseSkipLimitPaginationArgs = {
+  skip: number;
+  limit: number;
+};
+declare function useSkipLimitPagination<TItem, TReadFromStore extends UnknownTReadFromStore>(loadableField: LoadableField<TReadFromStore, ReadonlyArray<TItem>, UseSkipLimitPaginationArgs>, initialState?: {
+  skip?: number | void | null;
+}): UseSkipLimitReturnValue<TReadFromStore, TItem>;
+//#endregion
+export { UseSkipLimitPaginationArgs, UseSkipLimitReturnValue, useSkipLimitPagination };
+//# sourceMappingURL=useSkipLimitPagination.d.mts.map

package/dist/loadable-hooks/useSkipLimitPagination.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSkipLimitPagination.d.mts","names":[],"sources":["../../src/loadable-hooks/useSkipLimitPagination.ts"],"sourcesContent":[],"mappings":";;;;;KAyBY,+CACa;;EADb,SAAA,SAAA,EAAA,CAAA,KAAuB,EAAA,MAAA,EAAA,YAAA,CAAA,EAQZ,YARY,CAQC,aARD,CAQe,KARf,CAAA,EAAA,KAAA,CAAA,EAAA,GAAA,IAAA;EACV,SAAA,OAAA,EASD,aATC,CASa,KATb,CAAA;CAOyB,GAAA;EAAd,SAAA,IAAA,EAAA,SAAA;EAAb,SAAA,OAAA,EAMC,aAND,CAMe,KANf,CAAA;EAEe,SAAA,eAAA,EAKN,iBALM,CAM9B,cAN8B,EAO9B,aAP8B,CAOhB,KAPgB,CAAA,CAAA;CAAd;AAIc,KAkC1B,0BAAA,GAlC0B;EAAd,IAAA,EAAA,MAAA;EAEhB,KAAA,EAAA,MAAA;CACc;AAAd,iBAoCQ,sBApCR,CAAA,KAAA,EAAA,uBAsCiB,qBAtCjB,CAAA,CAAA,aAAA,EAwCS,aAxCT,CAyCJ,cAzCI,EA0CJ,aA1CI,CA0CU,KA1CV,CAAA,EA2CJ,0BA3CI,CAAA,EAAA,YAFyC,CAEzC,EAAA;EAFwB,IAAA,CAAA,EAAA,MAAA,GAAA,IAAA,GAAA,IAAA;CAAiB,CAAA,EAkD9C,uBAlD8C,CAkDtB,cAlDsB,EAkDN,KAlDM,CAAA"}

package/dist/loadable-hooks/useSkipLimitPagination.d.ts

@@ -1,20 +1,24 @@
-import { FetchOptions } from '../core/check';
-import { FragmentReference, type UnknownTReadFromStore } from '../core/FragmentReference';
-import { LoadableField } from '../core/reader';
-export type UseSkipLimitReturnValue<TReadFromStore extends UnknownTReadFromStore, TItem> = {
-    readonly kind: 'Complete';
-    readonly fetchMore: (count: number, fetchOptions?: FetchOptions<ReadonlyArray<TItem>, never>) => void;
-    readonly results: ReadonlyArray<TItem>;
+import { FetchOptions } from "../core/check.js";
+import { LoadableField } from "../core/reader.js";
+import { FragmentReference, UnknownTReadFromStore } from "../core/FragmentReference.js";
+
+//#region src/loadable-hooks/useSkipLimitPagination.d.ts
+type UseSkipLimitReturnValue<TReadFromStore extends UnknownTReadFromStore, TItem> = {
+  readonly kind: 'Complete';
+  readonly fetchMore: (count: number, fetchOptions?: FetchOptions<ReadonlyArray<TItem>, never>) => void;
+  readonly results: ReadonlyArray<TItem>;
 } | {
-    readonly kind: 'Pending';
-    readonly results: ReadonlyArray<TItem>;
-    readonly pendingFragment: FragmentReference<TReadFromStore, ReadonlyArray<TItem>>;
+  readonly kind: 'Pending';
+  readonly results: ReadonlyArray<TItem>;
+  readonly pendingFragment: FragmentReference<TReadFromStore, ReadonlyArray<TItem>>;
 };
-export type UseSkipLimitPaginationArgs = {
-    skip: number;
-    limit: number;
+type UseSkipLimitPaginationArgs = {
+  skip: number;
+  limit: number;
 };
-export declare function useSkipLimitPagination<TItem, TReadFromStore extends UnknownTReadFromStore>(loadableField: LoadableField<TReadFromStore, ReadonlyArray<TItem>, UseSkipLimitPaginationArgs>, initialState?: {
-    skip?: number | void | null;
+declare function useSkipLimitPagination<TItem, TReadFromStore extends UnknownTReadFromStore>(loadableField: LoadableField<TReadFromStore, ReadonlyArray<TItem>, UseSkipLimitPaginationArgs>, initialState?: {
+  skip?: number | void | null;
 }): UseSkipLimitReturnValue<TReadFromStore, TItem>;
+//#endregion
+export { UseSkipLimitPaginationArgs, UseSkipLimitReturnValue, useSkipLimitPagination };
 //# sourceMappingURL=useSkipLimitPagination.d.ts.map

package/dist/loadable-hooks/useSkipLimitPagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSkipLimitPagination.d.ts","sourceRoot":"","sources":["../../src/loadable-hooks/useSkipLimitPagination.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EACL,iBAAiB,EACjB,KAAK,qBAAqB,EAC3B,MAAM,2BAA2B,CAAC;AAMnC,OAAO,EAAE,aAAa,EAAkB,MAAM,gBAAgB,CAAC;AAM/D,MAAM,MAAM,uBAAuB,CACjC,cAAc,SAAS,qBAAqB,EAC5C,KAAK,IAEH;IACE,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,CAClB,KAAK,EAAE,MAAM,EACb,YAAY,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,KACrD,IAAI,CAAC;IACV,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;CACxC,GACD;IACE,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,QAAQ,CAAC,eAAe,EAAE,iBAAiB,CACzC,cAAc,EACd,aAAa,CAAC,KAAK,CAAC,CACrB,CAAC;CACH,CAAC;AA6BN,MAAM,MAAM,0BAA0B,GAAG;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,sBAAsB,CACpC,KAAK,EACL,cAAc,SAAS,qBAAqB,EAE5C,aAAa,EAAE,aAAa,CAC1B,cAAc,EACd,aAAa,CAAC,KAAK,CAAC,EACpB,0BAA0B,CAC3B,EACD,YAAY,CAAC,EAAE;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;CAC7B,GACA,uBAAuB,CAAC,cAAc,EAAE,KAAK,CAAC,CA2OhD"}
+{"version":3,"file":"useSkipLimitPagination.d.ts","names":[],"sources":["../../src/loadable-hooks/useSkipLimitPagination.ts"],"sourcesContent":[],"mappings":";;;;;KAyBY,+CACa;;EADb,SAAA,SAAA,EAAA,CAAA,KAAuB,EAAA,MAAA,EAAA,YAAA,CAAA,EAQZ,YARY,CAQC,aARD,CAQe,KARf,CAAA,EAAA,KAAA,CAAA,EAAA,GAAA,IAAA;EACV,SAAA,OAAA,EASD,aATC,CASa,KATb,CAAA;CAOyB,GAAA;EAAd,SAAA,IAAA,EAAA,SAAA;EAAb,SAAA,OAAA,EAMC,aAND,CAMe,KANf,CAAA;EAEe,SAAA,eAAA,EAKN,iBALM,CAM9B,cAN8B,EAO9B,aAP8B,CAOhB,KAPgB,CAAA,CAAA;CAAd;AAIc,KAkC1B,0BAAA,GAlC0B;EAAd,IAAA,EAAA,MAAA;EAEhB,KAAA,EAAA,MAAA;CACc;AAAd,iBAoCQ,sBApCR,CAAA,KAAA,EAAA,uBAsCiB,qBAtCjB,CAAA,CAAA,aAAA,EAwCS,aAxCT,CAyCJ,cAzCI,EA0CJ,aA1CI,CA0CU,KA1CV,CAAA,EA2CJ,0BA3CI,CAAA,EAAA,YAFyC,CAEzC,EAAA;EAFwB,IAAA,CAAA,EAAA,MAAA,GAAA,IAAA,GAAA,IAAA;CAAiB,CAAA,EAkD9C,uBAlD8C,CAkDtB,cAlDsB,EAkDN,KAlDM,CAAA"}

package/dist/loadable-hooks/useSkipLimitPagination.js

@@ -1,164 +1,122 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSkipLimitPagination = useSkipLimitPagination;
-const react_disposable_state_1 = require("@isograph/react-disposable-state");
-const reference_counted_pointer_1 = require("@isograph/reference-counted-pointer");
-const react_1 = require("react");
-const cache_1 = require("../core/cache");
-const PromiseWrapper_1 = require("../core/PromiseWrapper");
-const read_1 = require("../core/read");
-const startUpdate_1 = require("../core/startUpdate");
-const IsographEnvironmentProvider_1 = require("../react/IsographEnvironmentProvider");
-const useReadAndSubscribe_1 = require("../react/useReadAndSubscribe");
-const useResult_1 = require("../react/useResult");
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
+const require_PromiseWrapper = require('../core/PromiseWrapper.js');
+const require_startUpdate = require('../core/startUpdate.js');
+const require_read = require('../core/read.js');
+const require_cache = require('../core/cache.js');
+const require_IsographEnvironmentProvider = require('../react/IsographEnvironmentProvider.js');
+const require_maybeUnwrapNetworkRequest = require('../react/maybeUnwrapNetworkRequest.js');
+const require_useReadAndSubscribe = require('../react/useReadAndSubscribe.js');
+let __isograph_react_disposable_state = require("@isograph/react-disposable-state");
+__isograph_react_disposable_state = require_rolldown_runtime.__toESM(__isograph_react_disposable_state);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let __isograph_reference_counted_pointer = require("@isograph/reference-counted-pointer");
+__isograph_reference_counted_pointer = require_rolldown_runtime.__toESM(__isograph_reference_counted_pointer);
+
+//#region src/loadable-hooks/useSkipLimitPagination.ts
 function flatten(arr) {
-    let outArray = [];
-    for (const subarr of arr) {
-        for (const item of subarr) {
-            outArray.push(item);
-        }
-    }
-    return outArray;
+	let outArray = [];
+	for (const subarr of arr) for (const item of subarr) outArray.push(item);
+	return outArray;
 }
 function useSkipLimitPagination(loadableField, initialState) {
-    var _a;
-    const networkRequestOptions = {
-        suspendIfInFlight: true,
-        throwOnNetworkError: true,
-    };
-    const { state, setState } = (0, react_disposable_state_1.useUpdatableDisposableState)();
-    const environment = (0, IsographEnvironmentProvider_1.useIsographEnvironment)();
-    // TODO move this out of useSkipLimitPagination, and pass environment and networkRequestOptions
-    // as parameters (or recreate networkRequestOptions)
-    function readCompletedFragmentReferences(completedReferences) {
-        const results = completedReferences.map((fragmentReference, i) => {
-            var _a;
-            const readerWithRefetchQueries = (0, PromiseWrapper_1.readPromise)(fragmentReference.readerWithRefetchQueries);
-            // invariant: readOutDataAndRecords.length === completedReferences.length
-            const data = (_a = readOutDataAndRecords[i]) === null || _a === void 0 ? void 0 : _a.item;
-            if (data == null) {
-                throw new Error('Parameter data is unexpectedly null. This is indicative of a bug in Isograph.');
-            }
-            const firstParameter = Object.assign({ data, parameters: fragmentReference.variables }, (readerWithRefetchQueries.readerArtifact.hasUpdatable
-                ? {
-                    startUpdate: (0, startUpdate_1.getOrCreateCachedStartUpdate)(environment, fragmentReference, networkRequestOptions),
-                }
-                : undefined));
-            if (readerWithRefetchQueries.readerArtifact.kind !== 'EagerReaderArtifact') {
-                throw new Error(`@loadable field of kind "${readerWithRefetchQueries.readerArtifact.kind}" is not supported by useSkipLimitPagination`);
-            }
-            return readerWithRefetchQueries.readerArtifact.resolver(firstParameter);
-        });
-        const items = flatten(results);
-        return items;
-    }
-    function subscribeCompletedFragmentReferences(completedReferences) {
-        return completedReferences.map((fragmentReference, i) => {
-            (0, useResult_1.maybeUnwrapNetworkRequest)(fragmentReference.networkRequest, networkRequestOptions);
-            const readerWithRefetchQueries = (0, PromiseWrapper_1.readPromise)(fragmentReference.readerWithRefetchQueries);
-            const records = readOutDataAndRecords[i];
-            if (records == null) {
-                throw new Error('subscribeCompletedFragmentReferences records is unexpectedly null');
-            }
-            return {
-                fragmentReference,
-                readerAst: readerWithRefetchQueries.readerArtifact.readerAst,
-                records,
-                callback(_data) {
-                    rerender({});
-                },
-            };
-        });
-    }
-    const getFetchMore = (loadedSoFar) => (count, fetchOptions) => {
-        const loadedField = loadableField({
-            skip: loadedSoFar,
-            limit: count,
-        }, fetchOptions !== null && fetchOptions !== void 0 ? fetchOptions : {})[1]();
-        const newPointer = (0, reference_counted_pointer_1.createReferenceCountedPointer)(loadedField);
-        const clonedPointers = loadedReferences.map(([refCountedPointer]) => {
-            const clonedRefCountedPointer = refCountedPointer.cloneIfNotDisposed();
-            if (clonedRefCountedPointer == null) {
-                throw new Error('This reference counted pointer has already been disposed. \
-            This is indicative of a bug in useSkipLimitPagination.');
-            }
-            return clonedRefCountedPointer;
-        });
-        clonedPointers.push(newPointer);
-        const totalItemCleanupPair = [
-            clonedPointers,
-            () => {
-                clonedPointers.forEach(([, dispose]) => {
-                    dispose();
-                });
-            },
-        ];
-        setState(totalItemCleanupPair);
-    };
-    const [, rerender] = (0, react_1.useState)({});
-    const loadedReferences = state === react_disposable_state_1.UNASSIGNED_STATE ? [] : state;
-    const mostRecentItem = loadedReferences[loadedReferences.length - 1];
-    const mostRecentFragmentReference = mostRecentItem === null || mostRecentItem === void 0 ? void 0 : mostRecentItem[0].getItemIfNotDisposed();
-    if (mostRecentItem && mostRecentFragmentReference === null) {
-        throw new Error('FragmentReference is unexpectedly disposed. \
-      This is indicative of a bug in Isograph.');
-    }
-    const networkRequestStatus = mostRecentFragmentReference &&
-        (0, PromiseWrapper_1.getPromiseState)(mostRecentFragmentReference.networkRequest);
-    const slicedFragmentReferences = (networkRequestStatus === null || networkRequestStatus === void 0 ? void 0 : networkRequestStatus.kind) === 'Ok'
-        ? loadedReferences
-        : loadedReferences.slice(0, loadedReferences.length - 1);
-    const completedFragmentReferences = slicedFragmentReferences.map(([pointer]) => {
-        const fragmentReference = pointer.getItemIfNotDisposed();
-        if (fragmentReference == null) {
-            throw new Error('FragmentReference is unexpectedly disposed. \
-            This is indicative of a bug in Isograph.');
-        }
-        return fragmentReference;
-    });
-    const readOutDataAndRecords = completedFragmentReferences.map((fragmentReference) => (0, read_1.readButDoNotEvaluate)(environment, fragmentReference, networkRequestOptions));
-    (0, useReadAndSubscribe_1.useSubscribeToMultiple)(subscribeCompletedFragmentReferences(completedFragmentReferences));
-    if (!networkRequestStatus) {
-        return {
-            kind: 'Complete',
-            fetchMore: getFetchMore((_a = initialState === null || initialState === void 0 ? void 0 : initialState.skip) !== null && _a !== void 0 ? _a : 0),
-            results: [],
-        };
-    }
-    switch (networkRequestStatus.kind) {
-        case 'Pending': {
-            const unsubscribe = (0, cache_1.subscribeToAnyChange)(environment, () => {
-                unsubscribe();
-                rerender({});
-            });
-            return {
-                kind: 'Pending',
-                pendingFragment: mostRecentFragmentReference,
-                results: readCompletedFragmentReferences(completedFragmentReferences),
-            };
-        }
-        case 'Err': {
-            throw networkRequestStatus.error;
-        }
-        case 'Ok': {
-            const results = readCompletedFragmentReferences(completedFragmentReferences);
-            return {
-                kind: 'Complete',
-                results,
-                fetchMore: getFetchMore(results.length),
-            };
-        }
-    }
-}
-// @ts-ignore
-function tsTests() {
-    let basicLoadable;
-    useSkipLimitPagination(basicLoadable);
-    useSkipLimitPagination(basicLoadable, {});
-    useSkipLimitPagination(basicLoadable, { skip: 10 });
-    let unprovidedSearchLoadable;
-    // @ts-expect-error
-    useSkipLimitPagination(unprovidedSearchLoadable);
-    let providedSearchLoadable;
-    useSkipLimitPagination(providedSearchLoadable);
+	const networkRequestOptions = {
+		suspendIfInFlight: true,
+		throwOnNetworkError: true
+	};
+	const { state, setState } = (0, __isograph_react_disposable_state.useUpdatableDisposableState)();
+	const environment = require_IsographEnvironmentProvider.useIsographEnvironment();
+	function readCompletedFragmentReferences(completedReferences) {
+		return flatten(completedReferences.map((fragmentReference, i) => {
+			const readerWithRefetchQueries = require_PromiseWrapper.readPromise(fragmentReference.readerWithRefetchQueries);
+			const data = readOutDataAndRecords[i]?.item;
+			if (data == null) throw new Error("Parameter data is unexpectedly null. This is indicative of a bug in Isograph.");
+			const firstParameter = {
+				data,
+				parameters: fragmentReference.variables,
+				...readerWithRefetchQueries.readerArtifact.hasUpdatable ? { startUpdate: require_startUpdate.getOrCreateCachedStartUpdate(environment, fragmentReference, networkRequestOptions) } : void 0
+			};
+			if (readerWithRefetchQueries.readerArtifact.kind !== "EagerReaderArtifact") throw new Error(`@loadable field of kind "${readerWithRefetchQueries.readerArtifact.kind}" is not supported by useSkipLimitPagination`);
+			return readerWithRefetchQueries.readerArtifact.resolver(firstParameter);
+		}));
+	}
+	function subscribeCompletedFragmentReferences(completedReferences) {
+		return completedReferences.map((fragmentReference, i) => {
+			require_maybeUnwrapNetworkRequest.maybeUnwrapNetworkRequest(fragmentReference.networkRequest, networkRequestOptions);
+			const readerWithRefetchQueries = require_PromiseWrapper.readPromise(fragmentReference.readerWithRefetchQueries);
+			const records = readOutDataAndRecords[i];
+			if (records == null) throw new Error("subscribeCompletedFragmentReferences records is unexpectedly null");
+			return {
+				fragmentReference,
+				readerAst: readerWithRefetchQueries.readerArtifact.readerAst,
+				records,
+				callback(_data) {
+					rerender({});
+				}
+			};
+		});
+	}
+	const getFetchMore = (loadedSoFar) => (count, fetchOptions) => {
+		const newPointer = (0, __isograph_reference_counted_pointer.createReferenceCountedPointer)(loadableField({
+			skip: loadedSoFar,
+			limit: count
+		}, fetchOptions ?? {})[1]());
+		const clonedPointers = loadedReferences.map(([refCountedPointer]) => {
+			const clonedRefCountedPointer = refCountedPointer.cloneIfNotDisposed();
+			if (clonedRefCountedPointer == null) throw new Error("This reference counted pointer has already been disposed.             This is indicative of a bug in useSkipLimitPagination.");
+			return clonedRefCountedPointer;
+		});
+		clonedPointers.push(newPointer);
+		setState([clonedPointers, () => {
+			clonedPointers.forEach(([, dispose]) => {
+				dispose();
+			});
+		}]);
+	};
+	const [, rerender] = (0, react.useState)({});
+	const loadedReferences = state === __isograph_react_disposable_state.UNASSIGNED_STATE ? [] : state;
+	const mostRecentItem = loadedReferences[loadedReferences.length - 1];
+	const mostRecentFragmentReference = mostRecentItem?.[0].getItemIfNotDisposed();
+	if (mostRecentItem != null && mostRecentFragmentReference == null) throw new Error("FragmentReference is unexpectedly disposed.       This is indicative of a bug in Isograph.");
+	const networkRequestStatus = mostRecentFragmentReference != null ? {
+		mostRecentFragmentReference,
+		state: require_PromiseWrapper.getPromiseState(mostRecentFragmentReference.networkRequest)
+	} : null;
+	const completedFragmentReferences = (networkRequestStatus?.state?.kind === "Ok" ? loadedReferences : loadedReferences.slice(0, loadedReferences.length - 1)).map(([pointer]) => {
+		const fragmentReference = pointer.getItemIfNotDisposed();
+		if (fragmentReference == null) throw new Error("FragmentReference is unexpectedly disposed.             This is indicative of a bug in Isograph.");
+		return fragmentReference;
+	});
+	const readOutDataAndRecords = completedFragmentReferences.map((fragmentReference) => require_read.readButDoNotEvaluate(environment, fragmentReference, networkRequestOptions));
+	require_useReadAndSubscribe.useSubscribeToMultiple(subscribeCompletedFragmentReferences(completedFragmentReferences));
+	if (networkRequestStatus == null) return {
+		kind: "Complete",
+		fetchMore: getFetchMore(initialState?.skip ?? 0),
+		results: []
+	};
+	switch (networkRequestStatus.state.kind) {
+		case "Pending": {
+			const unsubscribe = require_cache.subscribeToAnyChange(environment, () => {
+				unsubscribe();
+				rerender({});
+			});
+			return {
+				kind: "Pending",
+				pendingFragment: networkRequestStatus.mostRecentFragmentReference,
+				results: readCompletedFragmentReferences(completedFragmentReferences)
+			};
+		}
+		case "Err": throw networkRequestStatus.state.error;
+		case "Ok": {
+			const results = readCompletedFragmentReferences(completedFragmentReferences);
+			return {
+				kind: "Complete",
+				results,
+				fetchMore: getFetchMore(results.length)
+			};
+		}
+	}
 }
+
+//#endregion
+exports.useSkipLimitPagination = useSkipLimitPagination;

package/dist/loadable-hooks/useSkipLimitPagination.mjs

@@ -0,0 +1,119 @@
+import { getPromiseState, readPromise } from "../core/PromiseWrapper.mjs";
+import { getOrCreateCachedStartUpdate } from "../core/startUpdate.mjs";
+import { readButDoNotEvaluate } from "../core/read.mjs";
+import { subscribeToAnyChange } from "../core/cache.mjs";
+import { useIsographEnvironment } from "../react/IsographEnvironmentProvider.mjs";
+import { maybeUnwrapNetworkRequest } from "../react/maybeUnwrapNetworkRequest.mjs";
+import { useSubscribeToMultiple } from "../react/useReadAndSubscribe.mjs";
+import { UNASSIGNED_STATE, useUpdatableDisposableState } from "@isograph/react-disposable-state";
+import { useState } from "react";
+import { createReferenceCountedPointer } from "@isograph/reference-counted-pointer";
+
+//#region src/loadable-hooks/useSkipLimitPagination.ts
+function flatten(arr) {
+	let outArray = [];
+	for (const subarr of arr) for (const item of subarr) outArray.push(item);
+	return outArray;
+}
+function useSkipLimitPagination(loadableField, initialState) {
+	const networkRequestOptions = {
+		suspendIfInFlight: true,
+		throwOnNetworkError: true
+	};
+	const { state, setState } = useUpdatableDisposableState();
+	const environment = useIsographEnvironment();
+	function readCompletedFragmentReferences(completedReferences) {
+		return flatten(completedReferences.map((fragmentReference, i) => {
+			const readerWithRefetchQueries = readPromise(fragmentReference.readerWithRefetchQueries);
+			const data = readOutDataAndRecords[i]?.item;
+			if (data == null) throw new Error("Parameter data is unexpectedly null. This is indicative of a bug in Isograph.");
+			const firstParameter = {
+				data,
+				parameters: fragmentReference.variables,
+				...readerWithRefetchQueries.readerArtifact.hasUpdatable ? { startUpdate: getOrCreateCachedStartUpdate(environment, fragmentReference, networkRequestOptions) } : void 0
+			};
+			if (readerWithRefetchQueries.readerArtifact.kind !== "EagerReaderArtifact") throw new Error(`@loadable field of kind "${readerWithRefetchQueries.readerArtifact.kind}" is not supported by useSkipLimitPagination`);
+			return readerWithRefetchQueries.readerArtifact.resolver(firstParameter);
+		}));
+	}
+	function subscribeCompletedFragmentReferences(completedReferences) {
+		return completedReferences.map((fragmentReference, i) => {
+			maybeUnwrapNetworkRequest(fragmentReference.networkRequest, networkRequestOptions);
+			const readerWithRefetchQueries = readPromise(fragmentReference.readerWithRefetchQueries);
+			const records = readOutDataAndRecords[i];
+			if (records == null) throw new Error("subscribeCompletedFragmentReferences records is unexpectedly null");
+			return {
+				fragmentReference,
+				readerAst: readerWithRefetchQueries.readerArtifact.readerAst,
+				records,
+				callback(_data) {
+					rerender({});
+				}
+			};
+		});
+	}
+	const getFetchMore = (loadedSoFar) => (count, fetchOptions) => {
+		const newPointer = createReferenceCountedPointer(loadableField({
+			skip: loadedSoFar,
+			limit: count
+		}, fetchOptions ?? {})[1]());
+		const clonedPointers = loadedReferences.map(([refCountedPointer]) => {
+			const clonedRefCountedPointer = refCountedPointer.cloneIfNotDisposed();
+			if (clonedRefCountedPointer == null) throw new Error("This reference counted pointer has already been disposed.             This is indicative of a bug in useSkipLimitPagination.");
+			return clonedRefCountedPointer;
+		});
+		clonedPointers.push(newPointer);
+		setState([clonedPointers, () => {
+			clonedPointers.forEach(([, dispose]) => {
+				dispose();
+			});
+		}]);
+	};
+	const [, rerender] = useState({});
+	const loadedReferences = state === UNASSIGNED_STATE ? [] : state;
+	const mostRecentItem = loadedReferences[loadedReferences.length - 1];
+	const mostRecentFragmentReference = mostRecentItem?.[0].getItemIfNotDisposed();
+	if (mostRecentItem != null && mostRecentFragmentReference == null) throw new Error("FragmentReference is unexpectedly disposed.       This is indicative of a bug in Isograph.");
+	const networkRequestStatus = mostRecentFragmentReference != null ? {
+		mostRecentFragmentReference,
+		state: getPromiseState(mostRecentFragmentReference.networkRequest)
+	} : null;
+	const completedFragmentReferences = (networkRequestStatus?.state?.kind === "Ok" ? loadedReferences : loadedReferences.slice(0, loadedReferences.length - 1)).map(([pointer]) => {
+		const fragmentReference = pointer.getItemIfNotDisposed();
+		if (fragmentReference == null) throw new Error("FragmentReference is unexpectedly disposed.             This is indicative of a bug in Isograph.");
+		return fragmentReference;
+	});
+	const readOutDataAndRecords = completedFragmentReferences.map((fragmentReference) => readButDoNotEvaluate(environment, fragmentReference, networkRequestOptions));
+	useSubscribeToMultiple(subscribeCompletedFragmentReferences(completedFragmentReferences));
+	if (networkRequestStatus == null) return {
+		kind: "Complete",
+		fetchMore: getFetchMore(initialState?.skip ?? 0),
+		results: []
+	};
+	switch (networkRequestStatus.state.kind) {
+		case "Pending": {
+			const unsubscribe = subscribeToAnyChange(environment, () => {
+				unsubscribe();
+				rerender({});
+			});
+			return {
+				kind: "Pending",
+				pendingFragment: networkRequestStatus.mostRecentFragmentReference,
+				results: readCompletedFragmentReferences(completedFragmentReferences)
+			};
+		}
+		case "Err": throw networkRequestStatus.state.error;
+		case "Ok": {
+			const results = readCompletedFragmentReferences(completedFragmentReferences);
+			return {
+				kind: "Complete",
+				results,
+				fetchMore: getFetchMore(results.length)
+			};
+		}
+	}
+}
+
+//#endregion
+export { useSkipLimitPagination };
+//# sourceMappingURL=useSkipLimitPagination.mjs.map

package/dist/loadable-hooks/useSkipLimitPagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSkipLimitPagination.mjs","names":["outArray: Array<T>","mostRecentItem:\n    | LoadedFragmentReference<TReadFromStore, TItem>\n    | undefined"],"sources":["../../src/loadable-hooks/useSkipLimitPagination.ts"],"sourcesContent":["import type { ItemCleanupPair } from '@isograph/disposable-types';\nimport {\n  UNASSIGNED_STATE,\n  useUpdatableDisposableState,\n} from '@isograph/react-disposable-state';\nimport type { ReferenceCountedPointer } from '@isograph/reference-counted-pointer';\nimport { createReferenceCountedPointer } from '@isograph/reference-counted-pointer';\nimport { useState } from 'react';\nimport { subscribeToAnyChange } from '../core/cache';\nimport type { FetchOptions } from '../core/check';\nimport type {\n  FragmentReference,\n  UnknownTReadFromStore,\n} from '../core/FragmentReference';\nimport { getPromiseState, readPromise } from '../core/PromiseWrapper';\nimport {\n  readButDoNotEvaluate,\n  type WithEncounteredRecords,\n} from '../core/read';\nimport type { LoadableField, ReaderAst } from '../core/reader';\nimport { getOrCreateCachedStartUpdate } from '../core/startUpdate';\nimport { useIsographEnvironment } from '../react/IsographEnvironmentProvider';\nimport { maybeUnwrapNetworkRequest } from '../react/maybeUnwrapNetworkRequest';\nimport { useSubscribeToMultiple } from '../react/useReadAndSubscribe';\n\nexport type UseSkipLimitReturnValue<\n  TReadFromStore extends UnknownTReadFromStore,\n  TItem,\n> =\n  | {\n      readonly kind: 'Complete';\n      readonly fetchMore: (\n        count: number,\n        fetchOptions?: FetchOptions<ReadonlyArray<TItem>, never>,\n      ) => void;\n      readonly results: ReadonlyArray<TItem>;\n    }\n  | {\n      readonly kind: 'Pending';\n      readonly results: ReadonlyArray<TItem>;\n      readonly pendingFragment: FragmentReference<\n        TReadFromStore,\n        ReadonlyArray<TItem>\n      >;\n    };\n\ntype ArrayFragmentReference<\n  TReadFromStore extends UnknownTReadFromStore,\n  TItem,\n> = FragmentReference<TReadFromStore, ReadonlyArray<TItem>>;\n\ntype LoadedFragmentReferences<\n  TReadFromStore extends { parameters: object; data: object },\n  TItem,\n> = ReadonlyArray<LoadedFragmentReference<TReadFromStore, TItem>>;\n\ntype LoadedFragmentReference<\n  TReadFromStore extends { parameters: object; data: object },\n  TItem,\n> = ItemCleanupPair<\n  ReferenceCountedPointer<ArrayFragmentReference<TReadFromStore, TItem>>\n>;\n\nfunction flatten<T>(arr: ReadonlyArray<ReadonlyArray<T>>): ReadonlyArray<T> {\n  let outArray: Array<T> = [];\n  for (const subarr of arr) {\n    for (const item of subarr) {\n      outArray.push(item);\n    }\n  }\n  return outArray;\n}\n\nexport type UseSkipLimitPaginationArgs = {\n  skip: number;\n  limit: number;\n};\n\nexport function useSkipLimitPagination<\n  TItem,\n  TReadFromStore extends UnknownTReadFromStore,\n>(\n  loadableField: LoadableField<\n    TReadFromStore,\n    ReadonlyArray<TItem>,\n    UseSkipLimitPaginationArgs\n  >,\n  initialState?: {\n    skip?: number | void | null;\n  },\n): UseSkipLimitReturnValue<TReadFromStore, TItem> {\n  const networkRequestOptions = {\n    suspendIfInFlight: true,\n    throwOnNetworkError: true,\n  };\n  const { state, setState } =\n    useUpdatableDisposableState<\n      LoadedFragmentReferences<TReadFromStore, TItem>\n    >();\n\n  const environment = useIsographEnvironment();\n\n  // TODO move this out of useSkipLimitPagination, and pass environment and networkRequestOptions\n  // as parameters (or recreate networkRequestOptions)\n  function readCompletedFragmentReferences(\n    completedReferences: ArrayFragmentReference<TReadFromStore, TItem>[],\n  ) {\n    const results = completedReferences.map((fragmentReference, i) => {\n      const readerWithRefetchQueries = readPromise(\n        fragmentReference.readerWithRefetchQueries,\n      );\n\n      // invariant: readOutDataAndRecords.length === completedReferences.length\n      const data = readOutDataAndRecords[i]?.item;\n      if (data == null) {\n        throw new Error(\n          'Parameter data is unexpectedly null. This is indicative of a bug in Isograph.',\n        );\n      }\n\n      const firstParameter = {\n        data,\n        parameters: fragmentReference.variables,\n        ...(readerWithRefetchQueries.readerArtifact.hasUpdatable\n          ? {\n              startUpdate: getOrCreateCachedStartUpdate(\n                environment,\n                fragmentReference,\n                networkRequestOptions,\n              ),\n            }\n          : undefined),\n      };\n\n      if (\n        readerWithRefetchQueries.readerArtifact.kind !== 'EagerReaderArtifact'\n      ) {\n        throw new Error(\n          `@loadable field of kind \"${readerWithRefetchQueries.readerArtifact.kind}\" is not supported by useSkipLimitPagination`,\n        );\n      }\n\n      return readerWithRefetchQueries.readerArtifact.resolver(firstParameter);\n    });\n\n    const items = flatten(results);\n    return items;\n  }\n\n  function subscribeCompletedFragmentReferences(\n    completedReferences: ArrayFragmentReference<TReadFromStore, TItem>[],\n  ) {\n    return completedReferences.map(\n      (\n        fragmentReference,\n        i,\n      ): {\n        records: WithEncounteredRecords<TReadFromStore>;\n        callback: (\n          updatedRecords: WithEncounteredRecords<TReadFromStore>,\n        ) => void;\n        fragmentReference: ArrayFragmentReference<TReadFromStore, TItem>;\n        readerAst: ReaderAst<TItem>;\n      } => {\n        maybeUnwrapNetworkRequest(\n          fragmentReference.networkRequest,\n          networkRequestOptions,\n        );\n\n        const readerWithRefetchQueries = readPromise(\n          fragmentReference.readerWithRefetchQueries,\n        );\n\n        const records = readOutDataAndRecords[i];\n        if (records == null) {\n          throw new Error(\n            'subscribeCompletedFragmentReferences records is unexpectedly null',\n          );\n        }\n\n        return {\n          fragmentReference,\n          readerAst: readerWithRefetchQueries.readerArtifact.readerAst,\n          records,\n          callback(_data) {\n            rerender({});\n          },\n        };\n      },\n    );\n  }\n\n  const getFetchMore =\n    (loadedSoFar: number) =>\n    (\n      count: number,\n      fetchOptions?: FetchOptions<ReadonlyArray<TItem>, never>,\n    ): void => {\n      const loadedField = loadableField(\n        {\n          skip: loadedSoFar,\n          limit: count,\n        },\n        fetchOptions ?? {},\n      )[1]();\n      const newPointer = createReferenceCountedPointer(loadedField);\n      const clonedPointers = loadedReferences.map(([refCountedPointer]) => {\n        const clonedRefCountedPointer = refCountedPointer.cloneIfNotDisposed();\n        if (clonedRefCountedPointer == null) {\n          throw new Error(\n            'This reference counted pointer has already been disposed. \\\n            This is indicative of a bug in useSkipLimitPagination.',\n          );\n        }\n        return clonedRefCountedPointer;\n      });\n      clonedPointers.push(newPointer);\n\n      const totalItemCleanupPair: ItemCleanupPair<\n        ReadonlyArray<\n          ItemCleanupPair<\n            ReferenceCountedPointer<\n              ArrayFragmentReference<TReadFromStore, TItem>\n            >\n          >\n        >\n      > = [\n        clonedPointers,\n        () => {\n          clonedPointers.forEach(([, dispose]) => {\n            dispose();\n          });\n        },\n      ];\n\n      setState(totalItemCleanupPair);\n    };\n\n  const [, rerender] = useState({});\n\n  const loadedReferences = state === UNASSIGNED_STATE ? [] : state;\n\n  const mostRecentItem:\n    | LoadedFragmentReference<TReadFromStore, TItem>\n    | undefined = loadedReferences[loadedReferences.length - 1];\n  const mostRecentFragmentReference =\n    mostRecentItem?.[0].getItemIfNotDisposed();\n\n  if (mostRecentItem != null && mostRecentFragmentReference == null) {\n    throw new Error(\n      'FragmentReference is unexpectedly disposed. \\\n      This is indicative of a bug in Isograph.',\n    );\n  }\n\n  const networkRequestStatus =\n    mostRecentFragmentReference != null\n      ? {\n          mostRecentFragmentReference,\n          state: getPromiseState(mostRecentFragmentReference.networkRequest),\n        }\n      : null;\n\n  const slicedFragmentReferences =\n    networkRequestStatus?.state?.kind === 'Ok'\n      ? loadedReferences\n      : loadedReferences.slice(0, loadedReferences.length - 1);\n\n  const completedFragmentReferences = slicedFragmentReferences.map(\n    ([pointer]) => {\n      const fragmentReference = pointer.getItemIfNotDisposed();\n      if (fragmentReference == null) {\n        throw new Error(\n          'FragmentReference is unexpectedly disposed. \\\n            This is indicative of a bug in Isograph.',\n        );\n      }\n      return fragmentReference;\n    },\n  );\n\n  const readOutDataAndRecords = completedFragmentReferences.map(\n    (fragmentReference) =>\n      readButDoNotEvaluate(\n        environment,\n        fragmentReference,\n        networkRequestOptions,\n      ),\n  );\n\n  useSubscribeToMultiple<TReadFromStore>(\n    subscribeCompletedFragmentReferences(completedFragmentReferences),\n  );\n\n  if (networkRequestStatus == null) {\n    return {\n      kind: 'Complete',\n      fetchMore: getFetchMore(initialState?.skip ?? 0),\n      results: [],\n    };\n  }\n\n  switch (networkRequestStatus.state.kind) {\n    case 'Pending': {\n      const unsubscribe = subscribeToAnyChange(environment, () => {\n        unsubscribe();\n        rerender({});\n      });\n\n      return {\n        kind: 'Pending',\n        pendingFragment: networkRequestStatus.mostRecentFragmentReference,\n        results: readCompletedFragmentReferences(completedFragmentReferences),\n      };\n    }\n    case 'Err': {\n      throw networkRequestStatus.state.error;\n    }\n    case 'Ok': {\n      const results = readCompletedFragmentReferences(\n        completedFragmentReferences,\n      );\n      return {\n        kind: 'Complete',\n        results,\n        fetchMore: getFetchMore(results.length),\n      };\n    }\n  }\n}\n\n// @ts-ignore\nfunction tsTests() {\n  type Parameters = {\n    readonly search: string;\n    readonly skip: number;\n    readonly limit: number;\n  };\n\n  let basicLoadable!: LoadableField<\n    {\n      readonly data: object;\n      readonly parameters: Omit<Parameters, 'search'>;\n    },\n    object[]\n  >;\n\n  useSkipLimitPagination(basicLoadable);\n  useSkipLimitPagination(basicLoadable, {});\n  useSkipLimitPagination(basicLoadable, { skip: 10 });\n\n  let unprovidedSearchLoadable!: LoadableField<\n    {\n      readonly data: object;\n      readonly parameters: Parameters;\n    },\n    object[]\n  >;\n  // @ts-expect-error\n  useSkipLimitPagination(unprovidedSearchLoadable);\n\n  let providedSearchLoadable!: LoadableField<\n    {\n      readonly data: object;\n      readonly parameters: Parameters;\n    },\n    object[],\n    Omit<Parameters, 'search'>\n  >;\n\n  useSkipLimitPagination(providedSearchLoadable);\n}\n"],"mappings":"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"}

package/dist/react/FragmentReader.d.mts

@@ -0,0 +1,18 @@
+import { NetworkRequestReaderOptions } from "../core/read.mjs";
+import { FragmentReference } from "../core/FragmentReference.mjs";
+import { NetworkResponseObject } from "../core/cache.mjs";
+import { ExtractReadFromStore, IsographEntrypoint } from "../core/entrypoint.mjs";
+
+//#region src/react/FragmentReader.d.ts
+declare function FragmentReader<TResult, TRawResponseType extends NetworkResponseObject, TEntrypoint extends IsographEntrypoint<any, TResult, any, TRawResponseType>, TChildrenResult>({
+  fragmentReference,
+  networkRequestOptions,
+  children
+}: {
+  fragmentReference: FragmentReference<ExtractReadFromStore<TEntrypoint>, TResult>;
+  networkRequestOptions?: Partial<NetworkRequestReaderOptions>;
+  children: (data: TResult) => TChildrenResult;
+}): TChildrenResult;
+//#endregion
+export { FragmentReader };
+//# sourceMappingURL=FragmentReader.d.mts.map

package/dist/react/FragmentReader.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FragmentReader.d.mts","names":[],"sources":["../../src/react/FragmentReader.tsx"],"sourcesContent":[],"mappings":";;;;;;iBASgB,iDAEW,2CACL,wBAAwB,cAAc;;;;;qBAOvC,kBACjB,qBAAqB,cACrB;EAZY,qBAAc,CAAA,EAcJ,OAdI,CAcI,2BAdJ,CAAA;EAEH,QAAA,EAAA,CAAA,IAAA,EAaR,OAbQ,EAAA,GAaI,eAbJ;CACmB,CAAA,EAa1C,eAb0C"}