@isograph/react 0.3.1 → 0.4.1

package/src/tests/__isograph/iso.ts

@@ -1,18 +1,22 @@
 import type { IsographEntrypoint } from '@isograph/react';
+import { type Query__linkedUpdate__param } from './Query/linkedUpdate/param_type';
 import { type Query__meNameSuccessor__param } from './Query/meNameSuccessor/param_type';
 import { type Query__meName__param } from './Query/meName/param_type';
 import { type Query__nodeField__param } from './Query/nodeField/param_type';
+import { type Query__startUpdate__param } from './Query/startUpdate/param_type';
 import { type Query__subquery__param } from './Query/subquery/param_type';
+import entrypoint_Query__linkedUpdate from '../__isograph/Query/linkedUpdate/entrypoint';
 import entrypoint_Query__meNameSuccessor from '../__isograph/Query/meNameSuccessor/entrypoint';
 import entrypoint_Query__meName from '../__isograph/Query/meName/entrypoint';
 import entrypoint_Query__nodeField from '../__isograph/Query/nodeField/entrypoint';
+import entrypoint_Query__startUpdate from '../__isograph/Query/startUpdate/entrypoint';
 import entrypoint_Query__subquery from '../__isograph/Query/subquery/entrypoint';
 
 // This is the type given to regular client fields.
 // This means that the type of the exported iso literal is exactly
 // the type of the passed-in function, which takes one parameter
 // of type TParam.
-type IdentityWithParam<TParam extends object> = <TClientFieldReturn>(
+type IdentityWithParam<TParam extends object, TReturnConstraint = unknown> = <TClientFieldReturn extends TReturnConstraint>(
   clientField: (param: TParam) => TClientFieldReturn
 ) => (param: TParam) => TClientFieldReturn;
 
@@ -56,6 +60,10 @@ type MatchesWhitespaceAndString<
   T
 > = Whitespace<T> extends `${TString}${string}` ? T : never;
 
+export function iso<T>(
+  param: T & MatchesWhitespaceAndString<'field Query.linkedUpdate', T>
+): IdentityWithParam<Query__linkedUpdate__param>;
+
 export function iso<T>(
   param: T & MatchesWhitespaceAndString<'field Query.meNameSuccessor', T>
 ): IdentityWithParam<Query__meNameSuccessor__param>;
@@ -68,10 +76,18 @@ export function iso<T>(
   param: T & MatchesWhitespaceAndString<'field Query.nodeField', T>
 ): IdentityWithParam<Query__nodeField__param>;
 
+export function iso<T>(
+  param: T & MatchesWhitespaceAndString<'field Query.startUpdate', T>
+): IdentityWithParam<Query__startUpdate__param>;
+
 export function iso<T>(
   param: T & MatchesWhitespaceAndString<'field Query.subquery', T>
 ): IdentityWithParam<Query__subquery__param>;
 
+export function iso<T>(
+  param: T & MatchesWhitespaceAndString<'entrypoint Query.linkedUpdate', T>
+): typeof entrypoint_Query__linkedUpdate;
+
 export function iso<T>(
   param: T & MatchesWhitespaceAndString<'entrypoint Query.meNameSuccessor', T>
 ): typeof entrypoint_Query__meNameSuccessor;
@@ -84,6 +100,10 @@ export function iso<T>(
   param: T & MatchesWhitespaceAndString<'entrypoint Query.nodeField', T>
 ): typeof entrypoint_Query__nodeField;
 
+export function iso<T>(
+  param: T & MatchesWhitespaceAndString<'entrypoint Query.startUpdate', T>
+): typeof entrypoint_Query__startUpdate;
+
 export function iso<T>(
   param: T & MatchesWhitespaceAndString<'entrypoint Query.subquery', T>
 ): typeof entrypoint_Query__subquery;

package/src/tests/__isograph/tsconfig.json

@@ -0,0 +1,8 @@
+{
+    "compilerOptions": {
+        "noUnusedLocals": false,
+        "noUnusedParameters": false,
+        "jsx": "preserve",
+        "esModuleInterop": true
+    }
+}

package/src/tests/normalizeData.test.ts

@@ -40,7 +40,6 @@ describe('normalizeData', () => {
         query: { node____id___v_id: { __typename: 'Economist', id: '1' } },
       },
       { id: '1' },
-      entrypoint.readerWithRefetchQueries.nestedRefetchQueries,
       { __link: ROOT_ID, __typename: entrypoint.concreteType },
     );
 

package/src/tests/startUpdate.test.ts

@@ -0,0 +1,205 @@
+import { beforeEach, describe, expect, test, vi } from 'vitest';
+import { getOrCreateCacheForArtifact } from '../core/cache';
+import type { ExtractUpdatableData } from '../core/FragmentReference';
+import {
+  createIsographEnvironment,
+  ROOT_ID,
+  type IsographStore,
+} from '../core/IsographEnvironment';
+import { createUpdatableProxy } from '../core/startUpdate';
+import { iso } from './__isograph/iso';
+import type { Query__linkedUpdate__param } from './__isograph/Query/linkedUpdate/param_type';
+import type { Query__startUpdate__param } from './__isograph/Query/startUpdate/param_type';
+
+const getDefaultStore = (): IsographStore => ({
+  Query: {
+    [ROOT_ID]: {
+      node____id___0: {
+        __link: '0',
+        __typename: 'Economist',
+      },
+      node____id___1: {
+        __link: '1',
+        __typename: 'Economist',
+      },
+    },
+  },
+  Economist: {
+    0: {
+      __typename: 'Economist',
+      id: '0',
+      name: 'Jeremy Bentham',
+    },
+    1: {
+      __typename: 'Economist',
+      id: '1',
+      name: 'John Stuart Mill',
+    },
+  },
+});
+
+export const startUpdate = iso(`
+  field Query.startUpdate($id: ID!) {
+    node(id: $id) {
+      asEconomist {
+        name @updatable
+      }
+    }
+  }  
+`)(() => {});
+
+export const linkedUpdate = iso(`
+  field Query.linkedUpdate {
+    node(id: 0) @updatable {
+      asEconomist {
+        name @updatable
+      }
+    }
+    john_stuart_mill: node(id: 1) {
+      link
+      asEconomist {
+        name
+      }
+    }
+  }  
+`)(() => {});
+
+describe('startUpdate', () => {
+  let environment: ReturnType<typeof createIsographEnvironment>;
+
+  beforeEach(() => {
+    const store = getDefaultStore();
+    const networkFunction = vi
+      .fn()
+      .mockRejectedValue(new Error('Fetch failed'));
+    environment = createIsographEnvironment(store, networkFunction);
+  });
+
+  describe('linked field', () => {
+    let data: ExtractUpdatableData<Query__linkedUpdate__param>;
+
+    beforeEach(() => {
+      const [_cacheItem, item, _disposeOfTemporaryRetain] =
+        getOrCreateCacheForArtifact(
+          environment,
+          iso(`entrypoint Query.linkedUpdate`),
+          {},
+        ).getOrPopulateAndTemporaryRetain();
+
+      data = createUpdatableProxy(
+        environment,
+        item,
+        {
+          suspendIfInFlight: true,
+          throwOnNetworkError: true,
+        },
+        new Map(),
+      );
+    });
+
+    test('updates updatable scalar nested in updatable object', () => {
+      data.node!.asEconomist!.name = 'Updated Jeremy Bentham';
+
+      expect(environment.store).toMatchObject({
+        Economist: {
+          '0': {
+            name: 'Updated Jeremy Bentham',
+          },
+        },
+      });
+    });
+
+    test('updates linked field in data', () => {
+      data.node = data.john_stuart_mill;
+
+      expect(data).toMatchObject({
+        node: {
+          asEconomist: {
+            name: 'John Stuart Mill',
+          },
+        },
+      });
+    });
+
+    test('updates scalar in old object after setting linked field', () => {
+      let jeremy = data.node;
+      data.node = data.john_stuart_mill;
+      jeremy!.asEconomist!.name = 'Updated Jeremy Bentham';
+
+      expect(environment.store).toMatchObject({
+        Economist: {
+          '0': {
+            name: 'Updated Jeremy Bentham',
+          },
+        },
+        Query: {
+          __ROOT: {
+            node____id___0: {
+              __link: '1',
+              __typename: 'Economist',
+            },
+          },
+        },
+      });
+    });
+  });
+
+  describe('scalar field', () => {
+    let data: ExtractUpdatableData<Query__startUpdate__param>;
+
+    beforeEach(() => {
+      const [_cacheItem, item, _disposeOfTemporaryRetain] =
+        getOrCreateCacheForArtifact(
+          environment,
+          iso(`entrypoint Query.startUpdate`),
+          {
+            id: '0',
+          },
+        ).getOrPopulateAndTemporaryRetain();
+
+      data = createUpdatableProxy(
+        environment,
+        item,
+        {
+          suspendIfInFlight: true,
+          throwOnNetworkError: true,
+        },
+        new Map(),
+      );
+    });
+
+    test('reads data', () => {
+      expect(data).toStrictEqual({
+        node: {
+          asEconomist: {
+            name: 'Jeremy Bentham',
+          },
+        },
+      });
+    });
+
+    test('updates scalar in cache', () => {
+      data.node!.asEconomist!.name = 'Foo';
+
+      expect(environment.store).toMatchObject({
+        Economist: {
+          0: {
+            name: 'Foo',
+          },
+        },
+      });
+    });
+
+    test('updates scalar in data', () => {
+      data.node!.asEconomist!.name = 'Foo';
+
+      expect(data).toStrictEqual({
+        node: {
+          asEconomist: {
+            name: 'Foo',
+          },
+        },
+      });
+    });
+  });
+});

package/.turbo/turbo-compile-typescript.log

@@ -1,4 +0,0 @@
-
-> @isograph/react@0.3.1 compile-typescript /Users/runner/work/isograph/isograph/libs/isograph-react
-> rm -rf dist/* && tsc -p tsconfig.pkg.json
-