@isograph/react 0.0.0-main-d1233c41 → 0.0.0-main-3134ab29

package/dist/EntrypointReader.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { ExtractReadFromStore, ExtractResolverProps, ExtractResolverResult, IsographEntrypoint, type FragmentReference } from './index';
+export declare function EntrypointReader<TEntrypoint extends IsographEntrypoint<any, any, any>>(props: {
+    queryReference: FragmentReference<ExtractReadFromStore<TEntrypoint>, ExtractResolverProps<TEntrypoint>, ExtractResolverResult<TEntrypoint>>;
+}): ReturnType<React.FC<any>>;

package/dist/EntrypointReader.js

@@ -0,0 +1,33 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EntrypointReader = void 0;
+const React = __importStar(require("react"));
+const index_1 = require("./index");
+function EntrypointReader(props) {
+    const Component = (0, index_1.useResult)(props.queryReference);
+    return React.createElement(Component, null);
+}
+exports.EntrypointReader = EntrypointReader;

package/dist/cache.js

@@ -53,7 +53,7 @@ function makeNetworkRequest(environment, artifact, variables) {
         .networkFunction(artifact.queryText, variables)
         .then((networkResponse) => {
         if (typeof window !== 'undefined' && window.__LOG) {
-            console.log('network response', artifact);
+            console.log('network response', artifact, artifact);
         }
         normalizeData(environment, artifact.normalizationAst, networkResponse.data, variables, artifact.nestedRefetchQueries);
         return networkResponse.data;

package/dist/index.d.ts

@@ -1,6 +1,9 @@
 import { DataId, IsographEnvironment, Link, StoreRecord } from './IsographEnvironment';
+export { type PromiseWrapper } from './PromiseWrapper';
 export { makeNetworkRequest, subscribe } from './cache';
 export { IsographEnvironmentContext, ROOT_ID, type DataId, type DataTypeValue, type IsographEnvironment, IsographEnvironmentProvider, type IsographEnvironmentProviderProps, type IsographNetworkFunction, type IsographStore, type Link, type StoreRecord, useIsographEnvironment, createIsographEnvironment, createIsographStore, } from './IsographEnvironment';
+export { useImperativeReference } from './useImperativeReference';
+export { EntrypointReader } from './EntrypointReader';
 export type IsographEntrypoint<TReadFromStore extends Object, TResolverProps, TResolverResult> = {
     kind: 'Entrypoint';
     queryText: string;
@@ -97,9 +100,9 @@ export type FragmentReference<TReadFromStore extends Object, TResolverProps, TRe
     } | null;
     nestedRefetchQueries: RefetchQueryArtifactWrapper[];
 };
-type ExtractReadFromStore<Type> = Type extends IsographEntrypoint<infer X, any, any> ? X : never;
-type ExtractResolverProps<Type> = Type extends IsographEntrypoint<any, infer X, any> ? X : never;
-type ExtractResolverResult<Type> = Type extends IsographEntrypoint<any, any, infer X> ? X : never;
+export type ExtractReadFromStore<Type> = Type extends IsographEntrypoint<infer X, any, any> ? X : never;
+export type ExtractResolverProps<Type> = Type extends IsographEntrypoint<any, infer X, any> ? X : never;
+export type ExtractResolverResult<Type> = Type extends IsographEntrypoint<any, any, infer X> ? X : never;
 export declare function useLazyReference<TEntrypoint>(entrypoint: TEntrypoint | ((_: any) => any), variables: {
     [key: string]: Variable;
 }): {

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultMissingFieldHandler = exports.readButDoNotEvaluate = exports.read = exports.useResult = exports.useLazyReference = exports.createIsographStore = exports.createIsographEnvironment = exports.useIsographEnvironment = exports.IsographEnvironmentProvider = exports.ROOT_ID = exports.IsographEnvironmentContext = exports.subscribe = exports.makeNetworkRequest = void 0;
+exports.defaultMissingFieldHandler = exports.readButDoNotEvaluate = exports.read = exports.useResult = exports.useLazyReference = exports.EntrypointReader = exports.useImperativeReference = exports.createIsographStore = exports.createIsographEnvironment = exports.useIsographEnvironment = exports.IsographEnvironmentProvider = exports.ROOT_ID = exports.IsographEnvironmentContext = exports.subscribe = exports.makeNetworkRequest = void 0;
 const cache_1 = require("./cache");
 const react_disposable_state_1 = require("@isograph/react-disposable-state");
 const componentCache_1 = require("./componentCache");
@@ -16,6 +16,10 @@ Object.defineProperty(exports, "IsographEnvironmentProvider", { enumerable: true
 Object.defineProperty(exports, "useIsographEnvironment", { enumerable: true, get: function () { return IsographEnvironment_2.useIsographEnvironment; } });
 Object.defineProperty(exports, "createIsographEnvironment", { enumerable: true, get: function () { return IsographEnvironment_2.createIsographEnvironment; } });
 Object.defineProperty(exports, "createIsographStore", { enumerable: true, get: function () { return IsographEnvironment_2.createIsographStore; } });
+var useImperativeReference_1 = require("./useImperativeReference");
+Object.defineProperty(exports, "useImperativeReference", { enumerable: true, get: function () { return useImperativeReference_1.useImperativeReference; } });
+var EntrypointReader_1 = require("./EntrypointReader");
+Object.defineProperty(exports, "EntrypointReader", { enumerable: true, get: function () { return EntrypointReader_1.EntrypointReader; } });
 function assertIsEntrypoint(value) {
     if (typeof value === 'function')
         throw new Error('Not a string');

package/dist/useImperativeReference.d.ts

@@ -0,0 +1,8 @@
+import { UnassignedState } from '@isograph/react-disposable-state';
+import { type IsographEntrypoint, type FragmentReference, ExtractReadFromStore, ExtractResolverProps, ExtractResolverResult } from './index';
+export declare function useImperativeReference<TEntrypoint extends IsographEntrypoint<any, any, any>>(entrypoint: TEntrypoint): {
+    queryReference: FragmentReference<ExtractReadFromStore<TEntrypoint>, ExtractResolverProps<TEntrypoint>, ExtractResolverResult<TEntrypoint>> | UnassignedState;
+    loadQueryReference: (variables: {
+        [index: string]: string;
+    }) => void;
+};

package/dist/useImperativeReference.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useImperativeReference = void 0;
+const react_disposable_state_1 = require("@isograph/react-disposable-state");
+const index_1 = require("./index");
+function useImperativeReference(entrypoint) {
+    const { state, setState } = (0, react_disposable_state_1.useUpdatableDisposableState)();
+    const environment = (0, index_1.useIsographEnvironment)();
+    return {
+        queryReference: state,
+        loadQueryReference: (variables) => {
+            const [_networkRequest, disposeNetworkRequest] = (0, index_1.makeNetworkRequest)(environment, entrypoint, variables);
+            setState([
+                {
+                    kind: 'FragmentReference',
+                    readerArtifact: entrypoint.readerArtifact,
+                    root: index_1.ROOT_ID,
+                    variables,
+                    nestedRefetchQueries: entrypoint.nestedRefetchQueries,
+                },
+                () => {
+                    disposeNetworkRequest();
+                },
+            ]);
+        },
+    };
+}
+exports.useImperativeReference = useImperativeReference;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@isograph/react",
-  "version": "0.0.0-main-d1233c41",
+  "version": "0.0.0-main-3134ab29",
   "description": "Use Isograph with React",
   "homepage": "https://isograph.dev",
   "main": "dist/index.js",
@@ -16,8 +16,8 @@
     "prepack": "yarn run test && yarn run compile"
   },
   "dependencies": {
-    "@isograph/disposable-types": "0.0.0-main-d1233c41",
-    "@isograph/react-disposable-state": "0.0.0-main-d1233c41",
+    "@isograph/disposable-types": "0.0.0-main-3134ab29",
+    "@isograph/react-disposable-state": "0.0.0-main-3134ab29",
     "react": "^18.2.0"
   },
   "devDependencies": {

package/src/EntrypointReader.tsx

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import {
+  ExtractReadFromStore,
+  ExtractResolverProps,
+  ExtractResolverResult,
+  IsographEntrypoint,
+  type FragmentReference,
+  useResult,
+} from './index';
+
+export function EntrypointReader<
+  TEntrypoint extends IsographEntrypoint<any, any, any>,
+>(props: {
+  queryReference: FragmentReference<
+    ExtractReadFromStore<TEntrypoint>,
+    ExtractResolverProps<TEntrypoint>,
+    ExtractResolverResult<TEntrypoint>
+  >;
+}): ReturnType<React.FC<any>> {
+  const Component = useResult(props.queryReference);
+  return <Component />;
+}

package/src/cache.tsx

@@ -95,7 +95,7 @@ export function makeNetworkRequest<T>(
     .networkFunction(artifact.queryText, variables)
     .then((networkResponse) => {
       if (typeof window !== 'undefined' && window.__LOG) {
-        console.log('network response', artifact);
+        console.log('network response', artifact, artifact);
       }
       normalizeData(
         environment,

package/src/index.tsx

@@ -18,6 +18,7 @@ import {
 } from './IsographEnvironment';
 import { useEffect, useState } from 'react';
 
+export { type PromiseWrapper } from './PromiseWrapper';
 export { makeNetworkRequest, subscribe } from './cache';
 export {
   IsographEnvironmentContext,
@@ -35,6 +36,8 @@ export {
   createIsographEnvironment,
   createIsographStore,
 } from './IsographEnvironment';
+export { useImperativeReference } from './useImperativeReference';
+export { EntrypointReader } from './EntrypointReader';
 
 // This type should be treated as an opaque type.
 export type IsographEntrypoint<
@@ -203,11 +206,11 @@ function assertIsEntrypoint<
   if (typeof value === 'function') throw new Error('Not a string');
 }
 
-type ExtractReadFromStore<Type> =
+export type ExtractReadFromStore<Type> =
   Type extends IsographEntrypoint<infer X, any, any> ? X : never;
-type ExtractResolverProps<Type> =
+export type ExtractResolverProps<Type> =
   Type extends IsographEntrypoint<any, infer X, any> ? X : never;
-type ExtractResolverResult<Type> =
+export type ExtractResolverResult<Type> =
   Type extends IsographEntrypoint<any, any, infer X> ? X : never;
 // Note: we cannot write TEntrypoint extends IsographEntrypoint<any, any, any>, or else
 // if we do not explicitly pass a type, the read out type will be any.
@@ -217,7 +220,7 @@ export function useLazyReference<TEntrypoint>(
   entrypoint:
     | TEntrypoint
     // Temporarily, we need to allow useLazyReference to take the result of calling
-    // iso`...`. At runtime, we confirm that the passed-in `iso` literal is actually
+    // iso(`...`). At runtime, we confirm that the passed-in `iso` literal is actually
     // an entrypoint.
     | ((_: any) => any),
   variables: { [key: string]: Variable },

package/src/useImperativeReference.ts

@@ -0,0 +1,61 @@
+import {
+  UnassignedState,
+  useUpdatableDisposableState,
+} from '@isograph/react-disposable-state';
+import {
+  type IsographEntrypoint,
+  type FragmentReference,
+  ExtractReadFromStore,
+  ExtractResolverProps,
+  ExtractResolverResult,
+  ROOT_ID,
+  useIsographEnvironment,
+  makeNetworkRequest,
+} from './index';
+
+export function useImperativeReference<
+  TEntrypoint extends IsographEntrypoint<any, any, any>,
+>(
+  entrypoint: TEntrypoint,
+): {
+  queryReference:
+    | FragmentReference<
+        ExtractReadFromStore<TEntrypoint>,
+        ExtractResolverProps<TEntrypoint>,
+        ExtractResolverResult<TEntrypoint>
+      >
+    | UnassignedState;
+  loadQueryReference: (variables: { [index: string]: string }) => void;
+} {
+  const { state, setState } =
+    useUpdatableDisposableState<
+      FragmentReference<
+        ExtractReadFromStore<TEntrypoint>,
+        ExtractResolverProps<TEntrypoint>,
+        ExtractResolverResult<TEntrypoint>
+      >
+    >();
+  const environment = useIsographEnvironment();
+  return {
+    queryReference: state,
+    loadQueryReference: (variables: { [index: string]: string }) => {
+      const [_networkRequest, disposeNetworkRequest] = makeNetworkRequest(
+        environment,
+        entrypoint,
+        variables,
+      );
+      setState([
+        {
+          kind: 'FragmentReference',
+          readerArtifact: entrypoint.readerArtifact,
+          root: ROOT_ID,
+          variables,
+          nestedRefetchQueries: entrypoint.nestedRefetchQueries,
+        },
+        () => {
+          disposeNetworkRequest();
+        },
+      ]);
+    },
+  };
+}