Version Packages (alpha)

[github-actions[bot]]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and publish to npm yourself or setup this action to publish automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to release-3.12, this PR will be updated.

⚠️⚠️⚠️⚠️⚠️⚠️

release-3.12 is currently in pre mode so this branch has prereleases rather than normal releases. If you want to exit prereleases, run changeset pre exit on release-3.12.

⚠️⚠️⚠️⚠️⚠️⚠️

Releases

@apollo/client@3.12.0-alpha.0

Minor Changes

• #12042 1c0ecbf Thanks @jerelmiller! - Introduces data masking into Apollo Client. Data masking allows components to access only the data they asked for through GraphQL fragments. This prevents coupling between components that might otherwise implicitly rely on fields not requested by the component. Data masking also provides the benefit that masked fields only rerender components that ask for the field.

  To enable data masking in Apollo Client, set the dataMasking option to true.

  new ApolloClient({
    dataMasking: true,
    // ... other options
  });

  You can selectively disable data masking using the @unmask directive. Apply this to any named fragment to receive all fields requested by the fragment.

  query {
    user {
      id
      ...UserFields @unmask
    }
  }

  To help with migration, use the @unmask migrate mode which will add warnings when accessing fields that would otherwise be masked.

  query {
    user {
      id
      ...UserFields @unmask(mode: "migrate")
    }
  }

[pkg-pr-new[bot]]

npm i https://pkg.pr.new/@apollo/client@12073

commit: 5deff71

[netlify[bot]]

✅ Deploy Preview for apollo-client-docs ready!

Name	Link
🔨 Latest commit	4837020843a768b8ca377a44b8d7ec3c10e5101f
🔍 Latest deploy log	https://app.netlify.com/sites/apollo-client-docs/deploys/66fc4a9b8dd51b0008d350e1
😎 Deploy Preview	https://deploy-preview-12073--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.

[github-actions[bot]]

size-limit report 📦

Path	Size
dist/apollo-client.min.cjs	40.47 KB (+0.02% 🔺)
import { ApolloClient, InMemoryCache, HttpLink } from "dist/main.cjs"	50.62 KB (+0.04% 🔺)
import { ApolloClient, InMemoryCache, HttpLink } from "dist/main.cjs" (production)	47.33 KB (+0.06% 🔺)
import { ApolloClient, InMemoryCache, HttpLink } from "dist/index.js"	36.01 KB (+0.03% 🔺)
import { ApolloClient, InMemoryCache, HttpLink } from "dist/index.js" (production)	33.41 KB (+0.03% 🔺)
import { ApolloProvider } from "dist/react/index.js"	1.26 KB (+0.39% 🔺)
import { ApolloProvider } from "dist/react/index.js" (production)	1.25 KB (+0.64% 🔺)
import { useQuery } from "dist/react/index.js"	5.22 KB (+0.14% 🔺)
import { useQuery } from "dist/react/index.js" (production)	4.3 KB (+0.14% 🔺)
import { useLazyQuery } from "dist/react/index.js"	5.71 KB (+0.09% 🔺)
import { useLazyQuery } from "dist/react/index.js" (production)	4.78 KB (+0.15% 🔺)
import { useMutation } from "dist/react/index.js"	3.63 KB (+0.19% 🔺)
import { useMutation } from "dist/react/index.js" (production)	2.85 KB (+0.21% 🔺)
import { useSubscription } from "dist/react/index.js"	4.43 KB (+0.16% 🔺)
import { useSubscription } from "dist/react/index.js" (production)	3.48 KB (+0.2% 🔺)
import { useSuspenseQuery } from "dist/react/index.js"	5.5 KB (+0.11% 🔺)
import { useSuspenseQuery } from "dist/react/index.js" (production)	4.16 KB (+0.15% 🔺)
import { useBackgroundQuery } from "dist/react/index.js"	5 KB (+0.14% 🔺)
import { useBackgroundQuery } from "dist/react/index.js" (production)	3.65 KB (+0.17% 🔺)
import { useLoadableQuery } from "dist/react/index.js"	5.08 KB (+0.12% 🔺)
import { useLoadableQuery } from "dist/react/index.js" (production)	3.72 KB (+0.16% 🔺)
import { useReadQuery } from "dist/react/index.js"	3.4 KB (+0.21% 🔺)
import { useReadQuery } from "dist/react/index.js" (production)	3.34 KB (+0.18% 🔺)
import { useFragment } from "dist/react/index.js"	2.34 KB (+0.26% 🔺)
import { useFragment } from "dist/react/index.js" (production)	2.29 KB (+0.26% 🔺)