Merge pull request #217 from apollographql/main

Create a new pull request by comparing changes across two branches

.circleci/config.yml

@@ -15,7 +15,7 @@ jobs:
 
   Lint:
     docker:
-      - image: cimg/node:22.5.1
+      - image: cimg/node:22.6.0
     steps:
       - checkout
       - run: npm version
@@ -24,15 +24,15 @@ jobs:
 
   Formatting:
     docker:
-      - image: cimg/node:22.5.1
+      - image: cimg/node:22.6.0
     steps:
       - checkout
       - run: npm ci
       - run: npm run check:format
 
   Tests:
     docker:
-      - image: cimg/node:22.5.1
+      - image: cimg/node:22.6.0
     parameters:
       project:
         type: string
@@ -54,7 +54,7 @@ jobs:
 
   BuildTarball:
     docker:
-      - image: cimg/node:22.5.1
+      - image: cimg/node:22.6.0
     steps:
       - checkout
       - run: npm run ci:precheck
@@ -73,7 +73,7 @@ jobs:
       react:
         type: string
     docker:
-      - image: cimg/node:22.5.1-browsers
+      - image: cimg/node:22.6.0-browsers
     steps:
       - checkout
       - attach_workspace:
@@ -111,7 +111,7 @@ jobs:
       externalPackage:
         type: string
     docker:
-      - image: cimg/node:22.5.1
+      - image: cimg/node:22.6.0
     steps:
       - checkout
       - attach_workspace:

ROADMAP.md

@@ -1,6 +1,6 @@
 # 🔮 Apollo Client Ecosystem Roadmap
 
-**Last updated: 2024-07-29**
+**Last updated: 2024-08-12**
 
 For up to date release notes, refer to the project's [Changelog](https://github.com/apollographql/apollo-client/blob/main/CHANGELOG.md).
 
@@ -40,7 +40,6 @@ _Release candidate - September 30, 2024_
 
 ### VSCode Extension
 
-- Modernization
 - Bug fixes and long-requested features
 
 ### GraphQL Tag

docs/source/data/refetching.mdx

@@ -256,7 +256,7 @@ await client.refetchQueries({
 
   // Called once for every active query, allowing dynamic filtering:
   onQueryUpdated(observableQuery) {
-    return !shouldIngoreQuery(observableQuery);
+    return !shouldIgnoreQuery(observableQuery);
   },
 });
 ```

docs/source/data/suspense.mdx

@@ -564,7 +564,7 @@ const preloadedQueryRef = preloadQuery(GET_DOGS_QUERY);
 
 function App() {
   const { data } = useReadQuery(preloadedQueryRef);
-  const [queryRef, loadDog] = useLoadableQuery(GET_DOG_QUERY)
+  const [loadDog, queryRef] = useLoadableQuery(GET_DOG_QUERY)
 
   return (
     <>

docs/source/get-started.mdx

@@ -2,6 +2,12 @@
 title: Get started with Apollo Client
 ---
 
+<SummitCallout
+  topic="Apollo Client"
+  workshopName="GraphQL for web: Going hands-on with Apollo Client"
+  URL="https://reg.summit.graphql.com/flow/apollo/summit24/AttendeePortal/page/catalog/session/1712947597337001S7vZ"
+/>
+
 Hello! 👋 This short tutorial gets you up and running with Apollo Client.
 
 > For an introduction to the entire Apollo platform, [check out **Odyssey**, Apollo's interactive learning platform](https://www.apollographql.com/tutorials/?utm_source=apollo_docs&utm_medium=referral).

docs/source/index.mdx

@@ -4,6 +4,12 @@ title: Introduction to Apollo Client
 
 import { Link } from 'gatsby';
 
+<SummitCallout
+  topic="Apollo Client"
+  workshopName="GraphQL for web: Going hands-on with Apollo Client"
+  URL="https://reg.summit.graphql.com/flow/apollo/summit24/AttendeePortal/page/catalog/session/1712947597337001S7vZ"
+/>
+
 **Apollo Client** is a comprehensive state management library for JavaScript. It enables you to manage both local and remote data with GraphQL. Use it to fetch, cache, and modify application data, all while automatically updating your UI.
 
 Apollo Client helps you structure code in an economical, predictable, and declarative way that's consistent with modern development practices. The core `@apollo/client` library provides built-in integration with React, and the larger Apollo community maintains [integrations for other popular view layers](#community-integrations).

package.json

@@ -113,7 +113,7 @@
     "@changesets/cli": "2.27.7",
     "@graphql-tools/merge": "9.0.4",
     "@graphql-tools/schema": "10.0.4",
-    "@graphql-tools/utils": "10.3.2",
+    "@graphql-tools/utils": "10.5.0",
     "@microsoft/api-extractor": "7.47.2",
     "@rollup/plugin-node-resolve": "11.2.1",
     "@size-limit/esbuild-why": "11.1.4",
@@ -129,7 +129,7 @@
     "@types/hoist-non-react-statics": "3.3.5",
     "@types/jest": "29.5.12",
     "@types/lodash": "4.17.7",
-    "@types/node": "20.14.11",
+    "@types/node": "20.16.1",
     "@types/node-fetch": "2.6.11",
     "@types/react": "18.3.3",
     "@types/react-dom": "18.3.0",
@@ -151,7 +151,7 @@
     "eslint-plugin-local-rules": "2.0.1",
     "eslint-plugin-react-compiler": "0.0.0-experimental-c8b3f72-20240517",
     "eslint-plugin-react-hooks": "4.6.2",
-    "eslint-plugin-testing-library": "6.2.2",
+    "eslint-plugin-testing-library": "6.3.0",
     "expect-type": "0.19.0",
     "fetch-mock": "9.11.0",
     "glob": "8.1.0",

src/utilities/caching/sizes.ts

@@ -252,7 +252,7 @@ export interface CacheSizes {
    * will fall back to this configuration value if the option is not set.
    *
    * @defaultValue
-   * Defaults to `10000`.
+   * Defaults to `50000`.
    *
    * @remarks
    * Every object that is read from the cache will be cached here, so it is
@@ -267,7 +267,7 @@ export interface CacheSizes {
    * will fall back to this configuration value if the option is not set.
    *
    * @defaultValue
-   * Defaults to `5000`.
+   * Defaults to `10000`.
    *
    * @remarks
    * Every array that is read from the cache will be cached here, so it is