@isograph/react 0.0.0-main-6a21df62 → 0.0.0-main-8e7cf5f8

package/dist/IsographEnvironment.js

@@ -26,14 +26,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createIsographStore = exports.createIsographEnvironment = exports.useIsographEnvironment = exports.IsographEnvironmentProvider = exports.ROOT_ID = exports.IsographEnvironmentContext = void 0;
 const react_1 = require("react");
 const React = __importStar(require("react"));
-const cache_1 = require("./cache");
 exports.IsographEnvironmentContext = (0, react_1.createContext)(null);
 exports.ROOT_ID = '__ROOT';
 function IsographEnvironmentProvider({ environment, children, }) {
-    const [, setState] = React.useState();
-    React.useEffect(() => {
-        return (0, cache_1.subscribe)(environment, () => setState({}));
-    }, []);
     return (React.createElement(exports.IsographEnvironmentContext.Provider, { value: environment }, children));
 }
 exports.IsographEnvironmentProvider = IsographEnvironmentProvider;

package/dist/index.js

@@ -5,6 +5,7 @@ const cache_1 = require("./cache");
 const react_disposable_state_1 = require("@isograph/react-disposable-state");
 const componentCache_1 = require("./componentCache");
 const IsographEnvironment_1 = require("./IsographEnvironment");
+const react_1 = require("react");
 var cache_2 = require("./cache");
 Object.defineProperty(exports, "makeNetworkRequest", { enumerable: true, get: function () { return cache_2.makeNetworkRequest; } });
 Object.defineProperty(exports, "subscribe", { enumerable: true, get: function () { return cache_2.subscribe; } });
@@ -45,6 +46,13 @@ function useLazyReference(entrypoint, variables) {
 exports.useLazyReference = useLazyReference;
 function useRead(fragmentReference) {
     const environment = (0, IsographEnvironment_1.useIsographEnvironment)();
+    const [, setState] = (0, react_1.useState)();
+    (0, react_1.useEffect)(() => {
+        return (0, cache_1.subscribe)(environment, () => {
+            console.log('useRead set state');
+            return setState({});
+        });
+    }, []);
     return read(environment, fragmentReference);
 }
 exports.useRead = useRead;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@isograph/react",
-  "version": "0.0.0-main-6a21df62",
+  "version": "0.0.0-main-8e7cf5f8",
   "description": "Use Isograph with React",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -15,8 +15,8 @@
     "prepack": "yarn run test && yarn run compile"
   },
   "dependencies": {
-    "@isograph/disposable-types": "0.0.0-main-6a21df62",
-    "@isograph/react-disposable-state": "0.0.0-main-6a21df62",
+    "@isograph/disposable-types": "0.0.0-main-8e7cf5f8",
+    "@isograph/react-disposable-state": "0.0.0-main-8e7cf5f8",
     "react": "^18.2.0"
   },
   "devDependencies": {

package/src/IsographEnvironment.tsx

@@ -1,6 +1,5 @@
 import { ReactNode, createContext, useContext } from 'react';
 import * as React from 'react';
-import { subscribe } from './cache';
 import { ParentCache } from '@isograph/isograph-react-disposable-state';
 
 export const IsographEnvironmentContext =
@@ -81,11 +80,6 @@ export function IsographEnvironmentProvider({
   environment,
   children,
 }: IsographEnvironmentProviderProps) {
-  const [, setState] = React.useState<object | void>();
-  React.useEffect(() => {
-    return subscribe(environment, () => setState({}));
-  }, []);
-
   return (
     <IsographEnvironmentContext.Provider value={environment}>
       {children}

package/src/index.tsx

@@ -2,6 +2,7 @@ import {
   getOrCreateCacheForArtifact,
   onNextChange,
   getParentRecordKey,
+  subscribe,
 } from './cache';
 import { useLazyDisposableState } from '@isograph/react-disposable-state';
 import { type PromiseWrapper } from './PromiseWrapper';
@@ -15,6 +16,7 @@ import {
   StoreRecord,
   useIsographEnvironment,
 } from './IsographEnvironment';
+import { useEffect, useState } from 'react';
 
 export { makeNetworkRequest, subscribe } from './cache';
 export {
@@ -270,6 +272,15 @@ export function useRead<
   >,
 ): TResolverResult {
   const environment = useIsographEnvironment();
+
+  const [, setState] = useState<object | void>();
+  useEffect(() => {
+    return subscribe(environment, () => {
+      console.log('useRead set state');
+      return setState({});
+    });
+  }, []);
+
   return read(environment, fragmentReference);
 }