@isograph/react 0.0.0-main-88b54795 → 0.0.0-main-a8fa50f7

package/dist/loadable-hooks/useSkipLimitPagination.js

@@ -4,6 +4,8 @@ exports.useSkipLimitPagination = void 0;
 const IsographEnvironmentProvider_1 = require("../react/IsographEnvironmentProvider");
 const useResult_1 = require("../react/useResult");
 const read_1 = require("../core/read");
+const cache_1 = require("../core/cache");
+const react_1 = require("react");
 const react_disposable_state_1 = require("@isograph/react-disposable-state");
 const reference_counted_pointer_1 = require("@isograph/reference-counted-pointer");
 const PromiseWrapper_1 = require("../core/PromiseWrapper");
@@ -42,7 +44,11 @@ function useSkipLimitPagination(loadableField) {
             (0, useResult_1.maybeUnwrapNetworkRequest)(fragmentReference.networkRequest, networkRequestOptions);
             const data = (0, read_1.readButDoNotEvaluate)(environment, fragmentReference, networkRequestOptions);
             const readerWithRefetchQueries = (0, PromiseWrapper_1.readPromise)(fragmentReference.readerWithRefetchQueries);
-            return readerWithRefetchQueries.readerArtifact.resolver(data.item, undefined);
+            const firstParameter = {
+                data,
+                parameters: fragmentReference.variables,
+            };
+            return readerWithRefetchQueries.readerArtifact.resolver(firstParameter, undefined);
         });
         const items = flatten(results);
         return items;
@@ -70,6 +76,7 @@ function useSkipLimitPagination(loadableField) {
         ];
         setState(totalItemCleanupPair);
     };
+    const [, rerender] = (0, react_1.useState)({});
     const loadedReferences = state === react_disposable_state_1.UNASSIGNED_STATE ? [] : state;
     if (loadedReferences.length === 0) {
         return {
@@ -88,6 +95,10 @@ function useSkipLimitPagination(loadableField) {
     switch (networkRequestStatus.kind) {
         case 'Pending': {
             const completedFragmentReferences = loadedReferences.slice(0, loadedReferences.length - 1);
+            const unsubscribe = (0, cache_1.subscribeToAnyChange)(environment, () => {
+                unsubscribe();
+                rerender({});
+            });
             return {
                 kind: 'Pending',
                 pendingFragment: mostRecentFragmentReference,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@isograph/react",
-  "version": "0.0.0-main-88b54795",
+  "version": "0.0.0-main-a8fa50f7",
   "description": "Use Isograph with React",
   "homepage": "https://isograph.dev",
   "main": "dist/index.js",
@@ -17,9 +17,9 @@
     "tsc": "tsc"
   },
   "dependencies": {
-    "@isograph/disposable-types": "0.0.0-main-88b54795",
-    "@isograph/react-disposable-state": "0.0.0-main-88b54795",
-    "@isograph/reference-counted-pointer": "0.0.0-main-88b54795"
+    "@isograph/disposable-types": "0.0.0-main-a8fa50f7",
+    "@isograph/react-disposable-state": "0.0.0-main-a8fa50f7",
+    "@isograph/reference-counted-pointer": "0.0.0-main-a8fa50f7"
   },
   "peerDependencies": {
     "react": "18.2.0"

package/src/loadable-hooks/useSkipLimitPagination.ts

@@ -4,6 +4,8 @@ import { ItemCleanupPair } from '@isograph/disposable-types';
 import { FragmentReference } from '../core/FragmentReference';
 import { maybeUnwrapNetworkRequest } from '../react/useResult';
 import { readButDoNotEvaluate } from '../core/read';
+import { subscribeToAnyChange } from '../core/cache';
+import { useState } from 'react';
 import {
   UNASSIGNED_STATE,
   useUpdatableDisposableState,
@@ -105,8 +107,13 @@ export function useSkipLimitPagination<
         fragmentReference.readerWithRefetchQueries,
       );
 
+      const firstParameter = {
+        data,
+        parameters: fragmentReference.variables,
+      };
+
       return readerWithRefetchQueries.readerArtifact.resolver(
-        data.item,
+        firstParameter,
         undefined,
       ) as ReadonlyArray<any>;
     });
@@ -155,6 +162,8 @@ export function useSkipLimitPagination<
       setState(totalItemCleanupPair);
     };
 
+  const [, rerender] = useState({});
+
   const loadedReferences = state === UNASSIGNED_STATE ? [] : state;
   if (loadedReferences.length === 0) {
     return {
@@ -182,6 +191,12 @@ export function useSkipLimitPagination<
         0,
         loadedReferences.length - 1,
       );
+
+      const unsubscribe = subscribeToAnyChange(environment, () => {
+        unsubscribe();
+        rerender({});
+      });
+
       return {
         kind: 'Pending',
         pendingFragment: mostRecentFragmentReference,