@isograph/react 0.0.0-main-4adb5045 → 0.0.0-main-82400fb8

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,CA+OhD"}
+{"version":3,"file":"useSkipLimitPagination.d.ts","sourceRoot":"","sources":["../../src/loadable-hooks/useSkipLimitPagination.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,EACV,iBAAiB,EACjB,qBAAqB,EACtB,MAAM,2BAA2B,CAAC;AAMnC,OAAO,KAAK,EAAE,aAAa,EAAa,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,CA+OhD"}

package/dist/loadable-hooks/useSkipLimitPagination.js

@@ -9,8 +9,8 @@ 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 maybeUnwrapNetworkRequest_1 = require("../react/maybeUnwrapNetworkRequest");
 const useReadAndSubscribe_1 = require("../react/useReadAndSubscribe");
-const useResult_1 = require("../react/useResult");
 function flatten(arr) {
     let outArray = [];
     for (const subarr of arr) {
@@ -54,7 +54,7 @@ function useSkipLimitPagination(loadableField, initialState) {
     }
     function subscribeCompletedFragmentReferences(completedReferences) {
         return completedReferences.map((fragmentReference, i) => {
-            (0, useResult_1.maybeUnwrapNetworkRequest)(fragmentReference.networkRequest, networkRequestOptions);
+            (0, maybeUnwrapNetworkRequest_1.maybeUnwrapNetworkRequest)(fragmentReference.networkRequest, networkRequestOptions);
             const readerWithRefetchQueries = (0, PromiseWrapper_1.readPromise)(fragmentReference.readerWithRefetchQueries);
             const records = readOutDataAndRecords[i];
             if (records == null) {

package/dist/react/createIsographEnvironment.d.ts

@@ -0,0 +1,4 @@
+import { type BaseStoreLayerData, type IsographNetworkFunction, type MissingFieldHandler } from '../core/IsographEnvironment';
+import type { LogFunction } from '../core/logging';
+export declare function createIsographEnvironment(baseStoreLayerData: BaseStoreLayerData, networkFunction: IsographNetworkFunction, missingFieldHandler?: MissingFieldHandler | null, logFunction?: LogFunction | null): import("../core/IsographEnvironment").IsographEnvironment;
+//# sourceMappingURL=createIsographEnvironment.d.ts.map

package/dist/react/createIsographEnvironment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createIsographEnvironment.d.ts","sourceRoot":"","sources":["../../src/react/createIsographEnvironment.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACzB,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,wBAAgB,yBAAyB,CACvC,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,uBAAuB,EACxC,mBAAmB,CAAC,EAAE,mBAAmB,GAAG,IAAI,EAChD,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,6DASjC"}

package/dist/react/createIsographEnvironment.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createIsographEnvironment = createIsographEnvironment;
+const IsographEnvironment_1 = require("../core/IsographEnvironment");
+const useReadAndSubscribe_1 = require("./useReadAndSubscribe");
+function createIsographEnvironment(baseStoreLayerData, networkFunction, missingFieldHandler, logFunction) {
+    return (0, IsographEnvironment_1.createIsographEnvironmentCore)(baseStoreLayerData, networkFunction, useReadAndSubscribe_1.componentFunction, missingFieldHandler, logFunction);
+}

package/dist/react/maybeUnwrapNetworkRequest.d.ts

@@ -0,0 +1,4 @@
+import { type PromiseWrapper } from '../core/PromiseWrapper';
+import type { NetworkRequestReaderOptions } from '../core/read';
+export declare function maybeUnwrapNetworkRequest(networkRequest: PromiseWrapper<void, any>, networkRequestOptions: NetworkRequestReaderOptions): void;
+//# sourceMappingURL=maybeUnwrapNetworkRequest.d.ts.map

package/dist/react/maybeUnwrapNetworkRequest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"maybeUnwrapNetworkRequest.d.ts","sourceRoot":"","sources":["../../src/react/maybeUnwrapNetworkRequest.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAmB,MAAM,wBAAwB,CAAC;AAC9E,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,cAAc,CAAC;AAEhE,wBAAgB,yBAAyB,CACvC,cAAc,EAAE,cAAc,CAAC,IAAI,EAAE,GAAG,CAAC,EACzC,qBAAqB,EAAE,2BAA2B,QAWnD"}

package/dist/react/maybeUnwrapNetworkRequest.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.maybeUnwrapNetworkRequest = maybeUnwrapNetworkRequest;
+const PromiseWrapper_1 = require("../core/PromiseWrapper");
+function maybeUnwrapNetworkRequest(networkRequest, networkRequestOptions) {
+    const state = (0, PromiseWrapper_1.getPromiseState)(networkRequest);
+    if (state.kind === 'Err' && networkRequestOptions.throwOnNetworkError) {
+        throw state.error;
+    }
+    else if (state.kind === 'Pending' &&
+        networkRequestOptions.suspendIfInFlight) {
+        throw state.promise;
+    }
+}

package/dist/react/useLazyReference.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLazyReference.d.ts","sourceRoot":"","sources":["../../src/react/useLazyReference.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,YAAY,EAAE,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EACL,kBAAkB,EAClB,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,EAC5B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,KAAK,qBAAqB,EAC3B,MAAM,2BAA2B,CAAC;AAInC,wBAAgB,gBAAgB,CAC9B,cAAc,SAAS,qBAAqB,EAC5C,iBAAiB,EACjB,iBAAiB,SAAS,gBAAgB,GAAG,sBAAsB,EACnE,gBAAgB,SAAS,qBAAqB,EAE9C,UAAU,EAAE,kBAAkB,CAC5B,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,CACjB,EACD,SAAS,EAAE,iBAAiB,CAAC,cAAc,CAAC,EAC5C,GAAG,CAAC,YAAY,CAAC,EAAE,iBAAiB,SAAS,sBAAsB,GAC/D,CAAC,YAAY,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,GACvD,CAAC,YAAY,CAAC,EAAE,YAAY,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC,GACrE,gBAAgB,GAAG,sBAAsB,SAAS,iBAAiB,GAClE,OAAO,GACP;IACE,iBAAiB,EAAE,iBAAiB,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;CACzE,CAqBJ"}
+{"version":3,"file":"useLazyReference.d.ts","sourceRoot":"","sources":["../../src/react/useLazyReference.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EACL,kBAAkB,EAClB,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,EAC5B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,KAAK,qBAAqB,EAC3B,MAAM,2BAA2B,CAAC;AAKnC,wBAAgB,gBAAgB,CAC9B,cAAc,SAAS,qBAAqB,EAC5C,iBAAiB,EACjB,iBAAiB,SAAS,gBAAgB,GAAG,sBAAsB,EACnE,gBAAgB,SAAS,qBAAqB,EAE9C,UAAU,EAAE,kBAAkB,CAC5B,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,CACjB,EACD,SAAS,EAAE,iBAAiB,CAAC,cAAc,CAAC,EAC5C,GAAG,CAAC,YAAY,CAAC,EAAE,iBAAiB,SAAS,sBAAsB,GAC/D,CAAC,YAAY,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,GACvD,CAAC,YAAY,CAAC,EAAE,YAAY,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC,GACrE,gBAAgB,GAAG,sBAAsB,SAAS,iBAAiB,GAClE,OAAO,GACP;IACE,iBAAiB,EAAE,iBAAiB,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;CACzE,CAqBJ"}

package/dist/react/useLazyReference.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLazyReference = useLazyReference;
 const react_disposable_state_1 = require("@isograph/react-disposable-state");
-const cache_1 = require("../core/cache");
 const logging_1 = require("../core/logging");
 const IsographEnvironmentProvider_1 = require("./IsographEnvironmentProvider");
+const getOrCreateCacheForArtifact_1 = require("../core/getOrCreateCacheForArtifact");
 function useLazyReference(entrypoint, variables, ...[fetchOptions]) {
     const environment = (0, IsographEnvironmentProvider_1.useIsographEnvironment)();
     if ((entrypoint === null || entrypoint === void 0 ? void 0 : entrypoint.kind) !== 'Entrypoint') {
@@ -14,7 +14,7 @@ function useLazyReference(entrypoint, variables, ...[fetchOptions]) {
             entrypoint,
         }));
     }
-    const cache = (0, cache_1.getOrCreateCacheForArtifact)(environment, entrypoint, variables, fetchOptions);
+    const cache = (0, getOrCreateCacheForArtifact_1.getOrCreateCacheForArtifact)(environment, entrypoint, variables, fetchOptions);
     return {
         fragmentReference: (0, react_disposable_state_1.useLazyDisposableState)(cache).state,
     };

package/dist/react/useReadAndSubscribe.d.ts

@@ -1,5 +1,6 @@
-import { ExtractData, FragmentReference, type UnknownTReadFromStore } from '../core/FragmentReference';
-import { NetworkRequestReaderOptions, WithEncounteredRecords } from '../core/read';
+import { type ExtractData, type FragmentReference, type UnknownTReadFromStore } from '../core/FragmentReference';
+import type { IsographComponentFunction } from '../core/IsographEnvironment';
+import { type NetworkRequestReaderOptions, type WithEncounteredRecords } from '../core/read';
 import type { ReaderAst } from '../core/reader';
 /**
  * Read the data from a fragment reference and subscribe to updates.
@@ -11,4 +12,5 @@ export declare function useSubscribeToMultiple<TReadFromStore extends UnknownTRe
     fragmentReference: FragmentReference<TReadFromStore, any>;
     readerAst: ReaderAst<TReadFromStore>;
 }>): void;
+export declare const componentFunction: IsographComponentFunction;
 //# sourceMappingURL=useReadAndSubscribe.d.ts.map

package/dist/react/useReadAndSubscribe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useReadAndSubscribe.d.ts","sourceRoot":"","sources":["../../src/react/useReadAndSubscribe.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,WAAW,EACX,iBAAiB,EAEjB,KAAK,qBAAqB,EAC3B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,2BAA2B,EAE3B,sBAAsB,EACvB,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAIhD;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,cAAc,SAAS,qBAAqB,EAE5C,iBAAiB,EAAE,iBAAiB,CAAC,cAAc,EAAE,GAAG,CAAC,EACzD,qBAAqB,EAAE,2BAA2B,EAClD,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,GACnC,WAAW,CAAC,cAAc,CAAC,CAY7B;AAED,wBAAgB,sBAAsB,CACpC,cAAc,SAAS,qBAAqB,EAE5C,KAAK,EAAE,aAAa,CAAC;IACnB,OAAO,EAAE,sBAAsB,CAAC,cAAc,CAAC,CAAC;IAChD,QAAQ,EAAE,CAAC,cAAc,EAAE,sBAAsB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3E,iBAAiB,EAAE,iBAAiB,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC;IAC1D,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CACtC,CAAC,QAiCH"}
+{"version":3,"file":"useReadAndSubscribe.d.ts","sourceRoot":"","sources":["../../src/react/useReadAndSubscribe.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,iBAAiB,EAEtB,KAAK,qBAAqB,EAC3B,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAG7E,OAAO,EACL,KAAK,2BAA2B,EAEhC,KAAK,sBAAsB,EAC5B,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAMhD;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,cAAc,SAAS,qBAAqB,EAE5C,iBAAiB,EAAE,iBAAiB,CAAC,cAAc,EAAE,GAAG,CAAC,EACzD,qBAAqB,EAAE,2BAA2B,EAClD,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,GACnC,WAAW,CAAC,cAAc,CAAC,CAY7B;AAED,wBAAgB,sBAAsB,CACpC,cAAc,SAAS,qBAAqB,EAE5C,KAAK,EAAE,aAAa,CAAC;IACnB,OAAO,EAAE,sBAAsB,CAAC,cAAc,CAAC,CAAC;IAChD,QAAQ,EAAE,CAAC,cAAc,EAAE,sBAAsB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC3E,iBAAiB,EAAE,iBAAiB,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC;IAC1D,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CACtC,CAAC,QAiCH;AAED,eAAO,MAAM,iBAAiB,EAAE,yBA0C/B,CAAC"}

package/dist/react/useReadAndSubscribe.js

@@ -1,12 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentFunction = void 0;
 exports.useReadAndSubscribe = useReadAndSubscribe;
 exports.useSubscribeToMultiple = useSubscribeToMultiple;
 const react_1 = require("react");
-const cache_1 = require("../core/cache");
 const FragmentReference_1 = require("../core/FragmentReference");
+const logging_1 = require("../core/logging");
+const PromiseWrapper_1 = require("../core/PromiseWrapper");
 const read_1 = require("../core/read");
+const subscribe_1 = require("../core/subscribe");
 const IsographEnvironmentProvider_1 = require("./IsographEnvironmentProvider");
+const maybeUnwrapNetworkRequest_1 = require("./maybeUnwrapNetworkRequest");
 const useRerenderOnChange_1 = require("./useRerenderOnChange");
 /**
  * Read the data from a fragment reference and subscribe to updates.
@@ -21,7 +25,7 @@ function useSubscribeToMultiple(items) {
     const environment = (0, IsographEnvironmentProvider_1.useIsographEnvironment)();
     (0, react_1.useEffect)(() => {
         const cleanupFns = items.map(({ records, callback, fragmentReference, readerAst }) => {
-            return (0, cache_1.subscribe)(environment, records, fragmentReference, callback, readerAst);
+            return (0, subscribe_1.subscribe)(environment, records, fragmentReference, callback, readerAst);
         });
         return () => {
             cleanupFns.forEach((loader) => {
@@ -40,3 +44,28 @@ function useSubscribeToMultiple(items) {
             .join('.'),
     ]);
 }
+const componentFunction = (environment, fragmentReference, networkRequestOptions, startUpdate) => {
+    function Component(additionalRuntimeProps) {
+        (0, maybeUnwrapNetworkRequest_1.maybeUnwrapNetworkRequest)(fragmentReference.networkRequest, networkRequestOptions);
+        const readerWithRefetchQueries = (0, PromiseWrapper_1.readPromise)(fragmentReference.readerWithRefetchQueries);
+        const data = useReadAndSubscribe(fragmentReference, networkRequestOptions, readerWithRefetchQueries.readerArtifact.readerAst);
+        (0, logging_1.logMessage)(environment, () => ({
+            kind: 'ComponentRerendered',
+            componentName: fragmentReference.fieldName,
+            rootLink: fragmentReference.root,
+        }));
+        return readerWithRefetchQueries.readerArtifact.resolver(
+        // @ts-expect-error
+        {
+            data,
+            parameters: fragmentReference.variables,
+            startUpdate: readerWithRefetchQueries.readerArtifact.hasUpdatable
+                ? startUpdate
+                : undefined,
+        }, additionalRuntimeProps);
+    }
+    const idString = `(type: ${fragmentReference.root.__typename}, id: ${fragmentReference.root.__link})`;
+    Component.displayName = `${fragmentReference.fieldName} ${idString} @component`;
+    return Component;
+};
+exports.componentFunction = componentFunction;

package/dist/react/useRerenderOnChange.d.ts

@@ -1,5 +1,5 @@
-import { FragmentReference } from '../core/FragmentReference';
-import { WithEncounteredRecords } from '../core/read';
+import type { FragmentReference } from '../core/FragmentReference';
+import type { WithEncounteredRecords } from '../core/read';
 import type { ReaderAst } from '../core/reader';
 export declare function useRerenderOnChange<TReadFromStore extends {
     parameters: object;

package/dist/react/useRerenderOnChange.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRerenderOnChange.d.ts","sourceRoot":"","sources":["../../src/react/useRerenderOnChange.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAKhD,wBAAgB,mBAAmB,CACjC,cAAc,SAAS;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,EAE3D,yBAAyB,EAAE,sBAAsB,CAAC,cAAc,CAAC,EACjE,iBAAiB,EAAE,iBAAiB,CAAC,GAAG,EAAE,GAAG,CAAC,EAC9C,4BAA4B,EAAE,CAC5B,IAAI,EAAE,sBAAsB,CAAC,cAAc,CAAC,KACzC,IAAI,EACT,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,QAoBrC"}
+{"version":3,"file":"useRerenderOnChange.d.ts","sourceRoot":"","sources":["../../src/react/useRerenderOnChange.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAMhD,wBAAgB,mBAAmB,CACjC,cAAc,SAAS;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,EAE3D,yBAAyB,EAAE,sBAAsB,CAAC,cAAc,CAAC,EACjE,iBAAiB,EAAE,iBAAiB,CAAC,GAAG,EAAE,GAAG,CAAC,EAC9C,4BAA4B,EAAE,CAC5B,IAAI,EAAE,sBAAsB,CAAC,cAAc,CAAC,KACzC,IAAI,EACT,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,QAoBrC"}

package/dist/react/useRerenderOnChange.js

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRerenderOnChange = useRerenderOnChange;
 const react_1 = require("react");
-const cache_1 = require("../core/cache");
+const subscribe_1 = require("../core/subscribe");
 const IsographEnvironmentProvider_1 = require("./IsographEnvironmentProvider");
 // TODO add unit tests for this. Add integration tests that test
 // behavior when the encounteredRecords underneath a fragment change.
 function useRerenderOnChange(encounteredDataAndRecords, fragmentReference, setEncounteredDataAndRecords, readerAst) {
     const environment = (0, IsographEnvironmentProvider_1.useIsographEnvironment)();
     (0, react_1.useEffect)(() => {
-        return (0, cache_1.subscribe)(environment, encounteredDataAndRecords, fragmentReference, (newEncounteredDataAndRecords) => {
+        return (0, subscribe_1.subscribe)(environment, encounteredDataAndRecords, fragmentReference, (newEncounteredDataAndRecords) => {
             setEncounteredDataAndRecords(newEncounteredDataAndRecords);
         }, readerAst);
         // Note: this is an empty array on purpose:

package/dist/react/useResult.d.ts

@@ -1,6 +1,4 @@
-import { FragmentReference, type UnknownTReadFromStore } from '../core/FragmentReference';
-import { PromiseWrapper } from '../core/PromiseWrapper';
-import { NetworkRequestReaderOptions } from '../core/read';
+import type { FragmentReference, UnknownTReadFromStore } from '../core/FragmentReference';
+import { type NetworkRequestReaderOptions } from '../core/read';
 export declare function useResult<TReadFromStore extends UnknownTReadFromStore, TClientFieldValue>(fragmentReference: FragmentReference<TReadFromStore, TClientFieldValue>, partialNetworkRequestOptions?: Partial<NetworkRequestReaderOptions> | void): TClientFieldValue;
-export declare function maybeUnwrapNetworkRequest(networkRequest: PromiseWrapper<void, any>, networkRequestOptions: NetworkRequestReaderOptions): void;
 //# sourceMappingURL=useResult.d.ts.map

package/dist/react/useResult.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useResult.d.ts","sourceRoot":"","sources":["../../src/react/useResult.ts"],"names":[],"mappings":"AACA,OAAO,EACL,iBAAiB,EACjB,KAAK,qBAAqB,EAC3B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAEL,cAAc,EAEf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAEL,2BAA2B,EAC5B,MAAM,cAAc,CAAC;AAKtB,wBAAgB,SAAS,CACvB,cAAc,SAAS,qBAAqB,EAC5C,iBAAiB,EAEjB,iBAAiB,EAAE,iBAAiB,CAAC,cAAc,EAAE,iBAAiB,CAAC,EACvE,4BAA4B,CAAC,EAAE,OAAO,CAAC,2BAA2B,CAAC,GAAG,IAAI,GACzE,iBAAiB,CA6CnB;AAED,wBAAgB,yBAAyB,CACvC,cAAc,EAAE,cAAc,CAAC,IAAI,EAAE,GAAG,CAAC,EACzC,qBAAqB,EAAE,2BAA2B,QAWnD"}
+{"version":3,"file":"useResult.d.ts","sourceRoot":"","sources":["../../src/react/useResult.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,iBAAiB,EACjB,qBAAqB,EACtB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,KAAK,2BAA2B,EAEjC,MAAM,cAAc,CAAC;AAMtB,wBAAgB,SAAS,CACvB,cAAc,SAAS,qBAAqB,EAC5C,iBAAiB,EAEjB,iBAAiB,EAAE,iBAAiB,CAAC,cAAc,EAAE,iBAAiB,CAAC,EACvE,4BAA4B,CAAC,EAAE,OAAO,CAAC,2BAA2B,CAAC,GAAG,IAAI,GACzE,iBAAiB,CA6CnB"}

package/dist/react/useResult.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useResult = useResult;
-exports.maybeUnwrapNetworkRequest = maybeUnwrapNetworkRequest;
 const componentCache_1 = require("../core/componentCache");
 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 IsographEnvironmentProvider_1 = require("./IsographEnvironmentProvider");
+const maybeUnwrapNetworkRequest_1 = require("./maybeUnwrapNetworkRequest");
 const useReadAndSubscribe_1 = require("./useReadAndSubscribe");
 function useResult(fragmentReference, partialNetworkRequestOptions) {
     const environment = (0, IsographEnvironmentProvider_1.useIsographEnvironment)();
@@ -17,7 +17,7 @@ function useResult(fragmentReference, partialNetworkRequestOptions) {
             return (0, componentCache_1.getOrCreateCachedComponent)(environment, fragmentReference, networkRequestOptions);
         }
         case 'EagerReaderArtifact': {
-            maybeUnwrapNetworkRequest(fragmentReference.networkRequest, networkRequestOptions);
+            (0, maybeUnwrapNetworkRequest_1.maybeUnwrapNetworkRequest)(fragmentReference.networkRequest, networkRequestOptions);
             const readerWithRefetchQueries = (0, PromiseWrapper_1.readPromise)(fragmentReference.readerWithRefetchQueries);
             const data = (0, useReadAndSubscribe_1.useReadAndSubscribe)(fragmentReference, networkRequestOptions, readerWithRefetchQueries.readerArtifact.readerAst);
             const param = Object.assign({ data: data, parameters: fragmentReference.variables }, (readerWithRefetchQueries.readerArtifact.hasUpdatable
@@ -30,13 +30,3 @@ function useResult(fragmentReference, partialNetworkRequestOptions) {
         }
     }
 }
-function maybeUnwrapNetworkRequest(networkRequest, networkRequestOptions) {
-    const state = (0, PromiseWrapper_1.getPromiseState)(networkRequest);
-    if (state.kind === 'Err' && networkRequestOptions.throwOnNetworkError) {
-        throw state.error;
-    }
-    else if (state.kind === 'Pending' &&
-        networkRequestOptions.suspendIfInFlight) {
-        throw state.promise;
-    }
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@isograph/react",
-  "version": "0.0.0-main-4adb5045",
+  "version": "0.0.0-main-82400fb8",
   "description": "Use Isograph with React",
   "homepage": "https://isograph.dev",
   "main": "dist/index.js",
@@ -8,9 +8,9 @@
   "author": "Isograph Labs",
   "license": "MIT",
   "dependencies": {
-    "@isograph/disposable-types": "0.0.0-main-4adb5045",
-    "@isograph/reference-counted-pointer": "0.0.0-main-4adb5045",
-    "@isograph/react-disposable-state": "0.0.0-main-4adb5045"
+    "@isograph/disposable-types": "0.0.0-main-82400fb8",
+    "@isograph/react-disposable-state": "0.0.0-main-82400fb8",
+    "@isograph/reference-counted-pointer": "0.0.0-main-82400fb8"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0"

package/src/core/FragmentReference.ts

@@ -1,11 +1,11 @@
-import { ReaderWithRefetchQueries } from '../core/entrypoint';
-import { stableCopy } from './cache';
+import { ReaderWithRefetchQueries } from './entrypoint';
 import {
   type ComponentOrFieldName,
   type StoreLink,
 } from './IsographEnvironment';
 import { PromiseWrapper } from './PromiseWrapper';
 import type { StartUpdate } from './reader';
+import { stableCopy } from './util';
 
 // TODO type this better
 export type VariableValue =

package/src/core/IsographEnvironment.ts

@@ -1,29 +1,33 @@
 import { ParentCache } from '@isograph/react-disposable-state';
 import type { Brand } from './brand';
-import { isArray } from './cache';
-import {
+import type {
   IsographEntrypoint,
   IsographOperation,
   IsographPersistedOperation,
-  type ReaderWithRefetchQueries,
-  type ReaderWithRefetchQueriesLoader,
+  ReaderWithRefetchQueries,
+  ReaderWithRefetchQueriesLoader,
 } from './entrypoint';
-import {
+import type {
+  ExtractStartUpdate,
   FragmentReference,
+  StableIdForFragmentReference,
+  UnknownTReadFromStore,
   Variables,
-  type StableIdForFragmentReference,
-  type UnknownTReadFromStore,
 } from './FragmentReference';
 import type { RetainedQuery } from './garbageCollection';
-import { LogFunction, WrappedLogFunction } from './logging';
+import type { LogFunction, WrappedLogFunction } from './logging';
 import { type StoreLayer } from './optimisticProxy';
 import {
   PromiseWrapper,
   wrapPromise,
   wrapResolvedValue,
 } from './PromiseWrapper';
-import { WithEncounteredRecords } from './read';
+import type {
+  NetworkRequestReaderOptions,
+  WithEncounteredRecords,
+} from './read';
 import type { ReaderAst, StartUpdate } from './reader';
+import { isArray } from './util';
 
 export type ComponentOrFieldName = string;
 export type StringifiedArgs = string;
@@ -66,6 +70,7 @@ export type CacheMap<T> = { [index: string]: ParentCache<T> };
 export type IsographEnvironment = {
   store: StoreLayer;
   readonly networkFunction: IsographNetworkFunction;
+  readonly componentFunction: IsographComponentFunction;
   readonly missingFieldHandler: MissingFieldHandler | null;
   readonly componentCache: FieldCache<React.FC<any>>;
   readonly eagerReaderCache: FieldCache<StartUpdate<any> | undefined>;
@@ -97,6 +102,15 @@ export type IsographNetworkFunction = (
   variables: Variables,
 ) => Promise<any>;
 
+export type IsographComponentFunction = <
+  TReadFromStore extends UnknownTReadFromStore = any,
+>(
+  environment: IsographEnvironment,
+  fragmentReference: FragmentReference<TReadFromStore, any>,
+  networkRequestOptions: NetworkRequestReaderOptions,
+  startUpdate: ExtractStartUpdate<TReadFromStore>,
+) => React.FC<any>;
+
 export interface Link<T extends TypeName> extends StoreLink {
   readonly __link: Brand<DataId, T>;
   readonly __typename: T;
@@ -146,9 +160,10 @@ export interface BaseStoreLayerData extends StoreLayerData {
 }
 
 const DEFAULT_GC_BUFFER_SIZE = 10;
-export function createIsographEnvironment(
+export function createIsographEnvironmentCore(
   baseStoreLayerData: BaseStoreLayerData,
   networkFunction: IsographNetworkFunction,
+  componentFunction: IsographComponentFunction,
   missingFieldHandler?: MissingFieldHandler | null,
   logFunction?: LogFunction | null,
 ): IsographEnvironment {
@@ -164,6 +179,7 @@ export function createIsographEnvironment(
   return {
     store,
     networkFunction,
+    componentFunction,
     missingFieldHandler: missingFieldHandler ?? null,
     componentCache: {},
     eagerReaderCache: {},