@isograph/react 0.2.0 → 0.3.0

package/src/tests/normalizeData.test.ts

@@ -0,0 +1,120 @@
+import { describe, expect, test, vi } from 'vitest';
+import { getOrCreateCacheForArtifact, normalizeData } from '../core/cache';
+import {
+  createIsographEnvironment,
+  createIsographStore,
+  ROOT_ID,
+  type IsographStore,
+} from '../core/IsographEnvironment';
+import {
+  readButDoNotEvaluate,
+  type WithEncounteredRecords,
+} from '../core/read';
+import { iso } from './__isograph/iso';
+import type { Query__subquery__param } from './__isograph/Query/subquery/param_type';
+
+export const subquery = iso(`
+  field Query.subquery($id: ID!) {
+    query {
+      node(id: $id) {
+        id
+      }
+    }
+  }
+`)(() => {});
+
+const entrypoint = iso(`entrypoint Query.subquery`);
+
+describe('normalizeData', () => {
+  test('nested Query should be normalized', () => {
+    const store = createIsographStore();
+    const networkFunction = vi
+      .fn()
+      .mockRejectedValue(new Error('Fetch failed'));
+    const environment = createIsographEnvironment(store, networkFunction);
+
+    normalizeData(
+      environment,
+      entrypoint.networkRequestInfo.normalizationAst,
+      {
+        query: { node____id___v_id: { __typename: 'Economist', id: '1' } },
+      },
+      { id: '1' },
+      entrypoint.readerWithRefetchQueries.nestedRefetchQueries,
+      { __link: ROOT_ID, __typename: entrypoint.concreteType },
+    );
+
+    expect(store).toStrictEqual({
+      Economist: {
+        '1': {
+          __typename: 'Economist',
+          id: '1',
+        },
+      },
+      Query: {
+        [ROOT_ID]: {
+          node____id___1: {
+            __typename: 'Economist',
+            __link: '1',
+          },
+          query: {
+            __link: ROOT_ID,
+            __typename: 'Query',
+          },
+        },
+      },
+    } satisfies IsographStore);
+  });
+});
+
+describe('readData', () => {
+  test('nested Query should be read', () => {
+    const store: IsographStore = {
+      Economist: {
+        '1': {
+          __typename: 'Economist',
+          id: '1',
+        },
+      },
+      Query: {
+        [ROOT_ID]: {
+          node____id___1: {
+            __typename: 'Economist',
+            __link: '1',
+          },
+          query: {
+            __link: ROOT_ID,
+            __typename: 'Query',
+          },
+        },
+      },
+    };
+    const networkFunction = vi
+      .fn()
+      .mockRejectedValue(new Error('Fetch failed'));
+    const environment = createIsographEnvironment(store, networkFunction);
+    const [_cacheItem, item, _disposeOfTemporaryRetain] =
+      getOrCreateCacheForArtifact(environment, entrypoint, {
+        id: '1',
+      }).getOrPopulateAndTemporaryRetain();
+
+    const data = readButDoNotEvaluate(environment, item, {
+      suspendIfInFlight: true,
+      throwOnNetworkError: false,
+    });
+
+    expect(data).toStrictEqual({
+      encounteredRecords: new Map([
+        ['Economist', new Set(['1'])],
+        ['Query', new Set([ROOT_ID])],
+      ]),
+      item: {
+        query: {
+          node: {
+            id: '1',
+          },
+        },
+      },
+    } satisfies WithEncounteredRecords<Query__subquery__param>);
+  });
+});

package/src/tests/tsconfig.json

@@ -15,7 +15,7 @@
     "incremental": true,
     "allowImportingTsExtensions": true,
     "paths": {
-      "@isograph/react": ["../index.ts"],
-    },
-  },
+      "@isograph/react": ["../index.ts"]
+    }
+  }
 }

package/tsconfig.json

@@ -1,6 +1,6 @@
 {
   "extends": "./tsconfig.pkg.json",
   "compilerOptions": {
-    "noEmit": true,
-  },
+    "noEmit": true
+  }
 }

package/tsconfig.pkg.json

@@ -8,5 +8,10 @@
     "lib": ["es2017", "DOM"]
   },
   "include": ["./**/*.ts", "./**/*.tsx"],
-  "exclude": ["./src/tests/**/*"]
+  "exclude": [
+    "./src/tests/**/*",
+    "./vitest.config.ts",
+    "**/node_modules",
+    "**/dist"
+  ]
 }

package/vitest.config.ts

@@ -0,0 +1,20 @@
+import babel from 'vite-plugin-babel';
+import commonjs from 'vite-plugin-commonjs';
+import { defineProject } from 'vitest/config';
+
+export default defineProject({
+  plugins: [
+    babel({
+      filter: /\.[jt]sx?$/,
+      babelConfig: {
+        presets: ['@babel/preset-typescript'],
+        plugins: [require('../isograph-babel-plugin/BabelPluginIsograph')],
+      },
+    }),
+    commonjs({
+      advanced: {
+        importRules: 'merge',
+      },
+    }),
+  ],
+});