@isograph/react 0.0.0-main-f60a695a → 0.0.0-main-fde72b43

package/dist/core/read.js

@@ -13,7 +13,7 @@ function readButDoNotEvaluate(environment, fragmentReference, networkRequestOpti
     const response = readData(environment, readerWithRefetchQueries.readerArtifact.readerAst, fragmentReference.root, (_a = fragmentReference.variables) !== null && _a !== void 0 ? _a : {}, readerWithRefetchQueries.nestedRefetchQueries, fragmentReference.networkRequest, networkRequestOptions, mutableEncounteredRecords);
     // @ts-expect-error
     if (typeof window !== 'undefined' && window.__LOG) {
-        console.log('done reading', { response });
+        console.log('done reading: ' + response.kind, { response });
     }
     if (response.kind === 'MissingData') {
         // There are two cases here that we care about:
@@ -202,7 +202,7 @@ function readData(environment, ast, root, variables, nestedRefetchQueries, netwo
                 const resolverRefetchQueries = usedRefetchQueries.map((index) => nestedRefetchQueries[index]);
                 switch (field.readerArtifact.kind) {
                     case 'EagerReaderArtifact': {
-                        const data = readData(environment, field.readerArtifact.readerAst, root, variables, resolverRefetchQueries, networkRequest, networkRequestOptions, mutableEncounteredRecords);
+                        const data = readData(environment, field.readerArtifact.readerAst, root, generateChildVariableMap(variables, field.arguments), resolverRefetchQueries, networkRequest, networkRequestOptions, mutableEncounteredRecords);
                         if (data.kind === 'MissingData') {
                             return {
                                 kind: 'MissingData',

package/dist/index.d.ts

@@ -15,6 +15,7 @@ export { useResult } from './react/useResult';
 export { useReadAndSubscribe, useSubscribeToMultiple, } from './react/useReadAndSubscribe';
 export { useLazyReference } from './react/useLazyReference';
 export { useRerenderOnChange } from './react/useRerenderOnChange';
+export { RenderAfterCommit__DO_NOT_USE } from './react/RenderAfterCommit__DO_NOT_USE';
 export { useClientSideDefer } from './loadable-hooks/useClientSideDefer';
 export { useImperativeExposedMutationField } from './loadable-hooks/useImperativeExposedMutationField';
 export { useSkipLimitPagination } from './loadable-hooks/useSkipLimitPagination';

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useImperativeLoadableField = exports.useConnectionSpecPagination = exports.useSkipLimitPagination = exports.useImperativeExposedMutationField = exports.useClientSideDefer = exports.useRerenderOnChange = exports.useLazyReference = exports.useSubscribeToMultiple = exports.useReadAndSubscribe = exports.useResult = exports.FragmentReader = exports.useImperativeReference = exports.useIsographEnvironment = exports.IsographEnvironmentProvider = exports.stableIdForFragmentReference = exports.readButDoNotEvaluate = exports.assertIsEntrypoint = exports.defaultMissingFieldHandler = exports.createIsographStore = exports.createIsographEnvironment = exports.ROOT_ID = exports.makeNetworkRequest = exports.normalizeData = exports.subscribe = exports.wrapPromise = exports.wrapResolvedValue = exports.getPromiseState = exports.readPromise = exports.garbageCollectEnvironment = exports.unretainQuery = exports.retainQuery = void 0;
+exports.useImperativeLoadableField = exports.useConnectionSpecPagination = exports.useSkipLimitPagination = exports.useImperativeExposedMutationField = exports.useClientSideDefer = exports.RenderAfterCommit__DO_NOT_USE = exports.useRerenderOnChange = exports.useLazyReference = exports.useSubscribeToMultiple = exports.useReadAndSubscribe = exports.useResult = exports.FragmentReader = exports.useImperativeReference = exports.useIsographEnvironment = exports.IsographEnvironmentProvider = exports.stableIdForFragmentReference = exports.readButDoNotEvaluate = exports.assertIsEntrypoint = exports.defaultMissingFieldHandler = exports.createIsographStore = exports.createIsographEnvironment = exports.ROOT_ID = exports.makeNetworkRequest = exports.normalizeData = exports.subscribe = exports.wrapPromise = exports.wrapResolvedValue = exports.getPromiseState = exports.readPromise = exports.garbageCollectEnvironment = exports.unretainQuery = exports.retainQuery = void 0;
 var garbageCollection_1 = require("./core/garbageCollection");
 Object.defineProperty(exports, "retainQuery", { enumerable: true, get: function () { return garbageCollection_1.retainQuery; } });
 Object.defineProperty(exports, "unretainQuery", { enumerable: true, get: function () { return garbageCollection_1.unretainQuery; } });
@@ -42,6 +42,8 @@ var useLazyReference_1 = require("./react/useLazyReference");
 Object.defineProperty(exports, "useLazyReference", { enumerable: true, get: function () { return useLazyReference_1.useLazyReference; } });
 var useRerenderOnChange_1 = require("./react/useRerenderOnChange");
 Object.defineProperty(exports, "useRerenderOnChange", { enumerable: true, get: function () { return useRerenderOnChange_1.useRerenderOnChange; } });
+var RenderAfterCommit__DO_NOT_USE_1 = require("./react/RenderAfterCommit__DO_NOT_USE");
+Object.defineProperty(exports, "RenderAfterCommit__DO_NOT_USE", { enumerable: true, get: function () { return RenderAfterCommit__DO_NOT_USE_1.RenderAfterCommit__DO_NOT_USE; } });
 var useClientSideDefer_1 = require("./loadable-hooks/useClientSideDefer");
 Object.defineProperty(exports, "useClientSideDefer", { enumerable: true, get: function () { return useClientSideDefer_1.useClientSideDefer; } });
 var useImperativeExposedMutationField_1 = require("./loadable-hooks/useImperativeExposedMutationField");

package/dist/react/RenderAfterCommit__DO_NOT_USE.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+/**
+ * This is a function that will render a component only after it commits.
+ * It should not be used in production. It's useful as a way to debug issues
+ * with NextJS, where an indefinite suspense causes the server to hang
+ * forever and never complete the original request.
+ */
+export declare function RenderAfterCommit__DO_NOT_USE({ children, }: {
+    children: React.ReactNode;
+}): import("react").ReactNode;

package/dist/react/RenderAfterCommit__DO_NOT_USE.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RenderAfterCommit__DO_NOT_USE = void 0;
+const react_1 = require("react");
+/**
+ * This is a function that will render a component only after it commits.
+ * It should not be used in production. It's useful as a way to debug issues
+ * with NextJS, where an indefinite suspense causes the server to hang
+ * forever and never complete the original request.
+ */
+function RenderAfterCommit__DO_NOT_USE({ children, }) {
+    const [show, setShow] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => setShow(true), []);
+    return show ? children : null;
+}
+exports.RenderAfterCommit__DO_NOT_USE = RenderAfterCommit__DO_NOT_USE;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@isograph/react",
-  "version": "0.0.0-main-f60a695a",
+  "version": "0.0.0-main-fde72b43",
   "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-f60a695a",
-    "@isograph/react-disposable-state": "0.0.0-main-f60a695a",
-    "@isograph/reference-counted-pointer": "0.0.0-main-f60a695a"
+    "@isograph/disposable-types": "0.0.0-main-fde72b43",
+    "@isograph/react-disposable-state": "0.0.0-main-fde72b43",
+    "@isograph/reference-counted-pointer": "0.0.0-main-fde72b43"
   },
   "peerDependencies": {
     "react": "18.2.0"

package/src/core/read.ts

@@ -59,7 +59,7 @@ export function readButDoNotEvaluate<
   );
   // @ts-expect-error
   if (typeof window !== 'undefined' && window.__LOG) {
-    console.log('done reading', { response });
+    console.log('done reading: ' + response.kind, { response });
   }
   if (response.kind === 'MissingData') {
     // There are two cases here that we care about:
@@ -319,7 +319,7 @@ function readData<TReadFromStore>(
               environment,
               field.readerArtifact.readerAst,
               root,
-              variables,
+              generateChildVariableMap(variables, field.arguments),
               resolverRefetchQueries,
               networkRequest,
               networkRequestOptions,

package/src/index.ts

@@ -82,6 +82,7 @@ export {
 } from './react/useReadAndSubscribe';
 export { useLazyReference } from './react/useLazyReference';
 export { useRerenderOnChange } from './react/useRerenderOnChange';
+export { RenderAfterCommit__DO_NOT_USE } from './react/RenderAfterCommit__DO_NOT_USE';
 
 export { useClientSideDefer } from './loadable-hooks/useClientSideDefer';
 export { useImperativeExposedMutationField } from './loadable-hooks/useImperativeExposedMutationField';

package/src/react/RenderAfterCommit__DO_NOT_USE.tsx

@@ -0,0 +1,17 @@
+import { useEffect, useState } from 'react';
+
+/**
+ * This is a function that will render a component only after it commits.
+ * It should not be used in production. It's useful as a way to debug issues
+ * with NextJS, where an indefinite suspense causes the server to hang
+ * forever and never complete the original request.
+ */
+export function RenderAfterCommit__DO_NOT_USE({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const [show, setShow] = useState(false);
+  useEffect(() => setShow(true), []);
+  return show ? children : null;
+}