feat: add useBackgroundQuery and useReadQuery hooks

apollographql · May 8, 2023 · 4438ab7 · 4438ab7
1 parent 35f36c5
commit 4438ab7
Show file tree

Hide file tree

Showing 7 changed files with 732 additions and 2 deletions.
diff --git a/.prettierignore b/.prettierignore
@@ -56,8 +56,10 @@ src/react/hooks/*
 !src/react/hooks/internal
 !src/react/hooks/useSuspenseCache.ts
 !src/react/hooks/useSuspenseQuery.ts
+!src/react/hooks/useBackgroundQuery.ts
 
 ## Allowed React hook tests
 !src/react/hooks/__tests__/
 src/react/hooks/__tests__/*
 !src/react/hooks/__tests__/useSuspenseQuery.test.tsx
+!src/react/hooks/__tests__/useBackgroundQuery.test.tsx
diff --git a/config/jest.config.js b/config/jest.config.js
@@ -29,7 +29,8 @@ const react17TestFileIgnoreList = [
   ignoreTSFiles,
   // For now, we only support useSuspenseQuery with React 18, so no need to test
   // it with React 17
-  'src/react/hooks/__tests__/useSuspenseQuery.test.tsx'
+  'src/react/hooks/__tests__/useSuspenseQuery.test.tsx',
+  'src/react/hooks/__tests__/useBackgroundQuery.test.tsx'
 ]
 
 const tsStandardConfig = {

diff --git a/src/react/cache/QuerySubscription.ts b/src/react/cache/QuerySubscription.ts
@@ -27,6 +27,7 @@ export class QuerySubscription<TData = unknown> {
   public result: ApolloQueryResult<TData>;
   public readonly observable: ObservableQuery<TData>;
 
+  public version: 'main' | 'network' = 'main';
   public promises: {
     main: Promise<ApolloQueryResult<TData>>;
     network?: Promise<ApolloQueryResult<TData>>;

diff --git a/src/react/cache/SuspenseCache.ts b/src/react/cache/SuspenseCache.ts
@@ -50,4 +50,4 @@ export class SuspenseCache {
 
     return this.subscriptions.get(stableCacheKey)! as QuerySubscription<TData>;
   }
-}
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -50,4 +50,4 @@ export class SuspenseCache { @@
         return this.subscriptions.get(stableCacheKey)! as QuerySubscription<TData>;
       }
-    }
+    }