Fix a number of typos across various files (apollographql#8776)

src/__tests__/local-state/export.ts

@@ -87,7 +87,7 @@ describe('@client @export tests', () => {
 
   it(
     'should store the @client field value in the specified @export ' +
-      'variable, and make it avilable to a subsequent resolver',
+      'variable, and make it available to a subsequent resolver',
     done => {
       const query = gql`
         query currentAuthorPostCount($authorId: Int!) {

src/cache/core/cache.ts

@@ -31,7 +31,7 @@ export abstract class ApolloCache<TSerialized> implements DataProxy {
   // removed from the cache.
   public abstract evict(options: Cache.EvictOptions): boolean;
 
-  // intializer / offline / ssr API
+  // initializer / offline / ssr API
   /**
    * Replaces existing state in the cache (if any) with the values expressed by
    * `serializedState`.

src/cache/inmemory/entityStore.ts

@@ -568,7 +568,7 @@ class CacheGroup {
         // so the result caching system would do well to "forget everything it
         // knows" about that object. To achieve that kind of invalidation, we
         // not only dirty the associated result cache entry, but also remove it
-        // completely from the dependency graph. For the optimism implmentation
+        // completely from the dependency graph. For the optimism implementation
         // details, see https://github.com/benjamn/optimism/pull/195.
         storeFieldName === "__exists" ? "forget" : "setDirty",
       );

src/cache/inmemory/readFromStore.ts

@@ -111,7 +111,7 @@ function execSelectionSetKeyArgs(
 }
 
 export class StoreReader {
-  // cached version of executeSelectionset
+  // cached version of executeSelectionSet
   private executeSelectionSet: OptimisticWrapperFunction<
     [ExecSelectionSetOptions], // Actual arguments tuple type.
     ExecResult, // Actual return type.

src/core/ApolloClient.ts

@@ -286,7 +286,7 @@ export class ApolloClient<TCacheShape> implements DataProxy {
    * it uses Apollo's store in order to reactively deliver updates to your query results.
    * <p /><p />
    * For example, suppose you call watchQuery on a GraphQL query that fetches a person's
-   * first and last name and this person has a particular object identifer, provided by
+   * first and last name and this person has a particular object identifier, provided by
    * dataIdFromObject. Later, a different query fetches that same person's
    * first and last name and the first name has now changed. Then, any observers associated
    * with the results of the first query will be updated with a new result object.

src/core/ObservableQuery.ts

@@ -849,7 +849,7 @@ export function applyNextFetchPolicy<TData, TVars>(
     // network request, it may be desirable for subsequent network requests to
     // be triggered only if the cache result is incomplete. To that end, the
     // options.nextFetchPolicy option provides an easy way to update
-    // options.fetchPolicy after the intial network request, without having to
+    // options.fetchPolicy after the initial network request, without having to
     // call observableQuery.setOptions.
     options.fetchPolicy = typeof nextFetchPolicy === "function"
       ? nextFetchPolicy.call(options, fetchPolicy)

src/core/watchQueryOptions.ts

@@ -248,7 +248,7 @@ export interface MutationBaseOptions<
    * This function will be called twice over the lifecycle of a mutation. Once
    * at the very beginning if an `optimisticResponse` was provided. The writes
    * created from the optimistic data will be rolled back before the second time
-   * this function is called which is when the mutation has succesfully
+   * this function is called which is when the mutation has successfully
    * resolved. At that point `update` will be called with the *actual* mutation
    * result and those writes will not be rolled back.
    *
@@ -281,7 +281,7 @@ export interface MutationBaseOptions<
    * The context to be passed to the link execution chain. This context will
    * only be used with this mutation. It will not be used with
    * `refetchQueries`. Refetched queries use the context they were
-   * initialized with (since the intitial context is stored as part of the
+   * initialized with (since the initial context is stored as part of the
    * `ObservableQuery` instance). If a specific context is needed when
    * refetching queries, make sure it is configured (via the
    * [query `context` option](https://www.apollographql.com/docs/react/api/apollo-client#ApolloClient.query))

src/react/hooks/__tests__/useQuery.test.tsx

@@ -1455,7 +1455,7 @@ describe('useQuery Hook', () => {
       expect(result.current.data).toEqual({ letters: ab.concat(cd) });
     });
 
-    it('fetchMore with concatPagnination and notifyOnNetworkStatusChange', async () => {
+    it('fetchMore with concatPagination and notifyOnNetworkStatusChange', async () => {
       const cache = new InMemoryCache({
         typePolicies: {
           Query: {

src/react/parser/index.ts

@@ -37,7 +37,7 @@ export function operationName(type: DocumentType) {
   return name;
 }
 
-// This parser is mostly used to saftey check incoming documents.
+// This parser is mostly used to safety check incoming documents.
 export function parser(document: DocumentNode): IDocumentDefinition {
   const cached = cache.get(document);
   if (cached) return cached;

src/utilities/graphql/__tests__/getFromAST.ts

@@ -192,7 +192,7 @@ describe('AST utility functions', () => {
   });
 
   it('should throw if type definitions found in document', () => {
-    const queryWithTypeDefination = gql`
+    const queryWithTypeDefinition = gql`
       fragment authorDetails on Author {
         firstName
         lastName
@@ -209,7 +209,7 @@ describe('AST utility functions', () => {
       }
     `;
     expect(() => {
-      getQueryDefinition(queryWithTypeDefination);
+      getQueryDefinition(queryWithTypeDefinition);
     }).toThrowError(
       'Schema type definitions not allowed in queries. Found: "InputObjectTypeDefinition"',
     );

src/utilities/testing/mocking/mockFetch.ts

@@ -88,7 +88,7 @@ export class MockFetch {
 
   // Returns a "fetch" function equivalent that mocks the given responses.
   // The function by returned by this should be tacked onto the global scope
-  // inorder to test functions that use "fetch".
+  // in order to test functions that use "fetch".
   public getFetch() {
     return this.fetch.bind(this);
   }