feat: extract watchFragment into separate method on ApolloCache

[alessbell]

Closes #11348.

Initial refactor of useFragment's call to cache.watch into separate watchFragment method on the cache.

[changeset-bot]

🦋 Changeset detected

Latest commit: 46c8eb7

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@apollo/client	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

size-limit report 📦

Path	Size
dist/apollo-client.min.cjs	38.48 KB (+0.4% 🔺)
import { ApolloClient, InMemoryCache, HttpLink } from "dist/main.cjs"	46.34 KB (+0.41% 🔺)
import { ApolloClient, InMemoryCache, HttpLink } from "dist/main.cjs" (production)	43.9 KB (+0.42% 🔺)
import { ApolloClient, InMemoryCache, HttpLink } from "dist/index.js"	34.14 KB (+0.55% 🔺)
import { ApolloClient, InMemoryCache, HttpLink } from "dist/index.js" (production)	32.02 KB (+0.49% 🔺)
import { ApolloProvider } from "dist/react/index.js"	1.23 KB (0%)
import { ApolloProvider } from "dist/react/index.js" (production)	1.22 KB (0%)
import { useQuery } from "dist/react/index.js"	5.26 KB (0%)
import { useQuery } from "dist/react/index.js" (production)	4.35 KB (0%)
import { useLazyQuery } from "dist/react/index.js"	5.5 KB (0%)
import { useLazyQuery } from "dist/react/index.js" (production)	4.58 KB (0%)
import { useMutation } from "dist/react/index.js"	3.51 KB (0%)
import { useMutation } from "dist/react/index.js" (production)	2.73 KB (0%)
import { useSubscription } from "dist/react/index.js"	3.19 KB (0%)
import { useSubscription } from "dist/react/index.js" (production)	2.38 KB (0%)
import { useSuspenseQuery } from "dist/react/index.js"	5.36 KB (0%)
import { useSuspenseQuery } from "dist/react/index.js" (production)	4.03 KB (0%)
import { useBackgroundQuery } from "dist/react/index.js"	4.83 KB (0%)
import { useBackgroundQuery } from "dist/react/index.js" (production)	3.49 KB (0%)
import { useLoadableQuery } from "dist/react/index.js"	4.98 KB (0%)
import { useLoadableQuery } from "dist/react/index.js" (production)	3.63 KB (0%)
import { useReadQuery } from "dist/react/index.js"	3.12 KB (0%)
import { useReadQuery } from "dist/react/index.js" (production)	3.06 KB (0%)
import { useFragment } from "dist/react/index.js"	2.29 KB (+1.35% 🔺)
import { useFragment } from "dist/react/index.js" (production)	2.23 KB (+1.29% 🔺)

[jerelmiller]

I am so stoked about this one! I think this will lay some great groundwork for the fragment features we want to release in 3.10 as well as providing this API to non-React devs. Thanks for starting this!

Left some initial feedback based on its current state 🙂

[alessbell]

Thanks for the speedy review, @jerelmiller! Will make these changes and push up some more tests shortly :)

[alessbell]

/release:pr

[github-actions]

A new release has been made for this PR. You can install it with npm i @apollo/[email protected].

[netlify]

✅ Deploy Preview for apollo-client-docs ready!

Name	Link
🔨 Latest commit	07568d1
🔍 Latest deploy log	https://app.netlify.com/sites/apollo-client-docs/deploys/65f0ab6c8e47f6000876b60a
😎 Deploy Preview	https://deploy-preview-11465--apollo-client-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for apollo-client-docs ready!

Name	Link
🔨 Latest commit	46c8eb7
🔍 Latest deploy log	https://app.netlify.com/sites/apollo-client-docs/deploys/65f88562b175680008e7b774
😎 Deploy Preview	https://deploy-preview-11465--apollo-client-docs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[alessbell]

Not sure why Netlify build is failing with "Error: error:0308010C:digital envelope routines::unsupported", will take a look in a bit.

[alessbell]

/release:pr

[github-actions]

A new release has been made for this PR. You can install it with:

npm i @apollo/[email protected]

[jerelmiller]

So excited to get this in! Thanks for pushing this along 🙂.

[jerelmiller]

🎉 This looks great! Really looking forward to getting this out there 🙂