apollo-client-devtools/src/backend/checkVersions.js

Developer tools for Apollo Client, with GraphiQL integration, cache inspection, and query watching.

import genUuid from "uuid/v1";

const KEY = "uuid";

export const checkVersions = async (hook, bridge, storage) => {
  const { version } = hook.ApolloClient;
  const { devToolsVersion } = hook;

  if (!devToolsVersion) return;

  let uuid = await storage.getItem(KEY);
  if (!uuid) {
    uuid = genUuid();
    storage.setItem(KEY, uuid);
  }

  const graphQLParams = {
    query: `
    query CompatibilityMessages(
      $uuid: String
      $devToolsVersion: String!
      $versions: [VersionInput]
    ) {
      compatibilityMessages(
        uuid: $uuid,
        devToolsVersion: $devToolsVersion,
        versions: $versions
      ) {
        message
      }
    }
  `,
    variables: {
      uuid,
      devToolsVersion,
      versions: [{ packageName: "apollo-client", version }],
    },
  };

  fetch("https://devtools.apollodata.com/graphql", {
    method: "post",
    mode: "cors",
    headers: {
      Accept: "application/json",
      "Content-Type": "application/json",
    },
    body: JSON.stringify(graphQLParams),
  })
    .then(function(response) {
      return response.json();
    })
    .then(function(response) {
      if (!response.data.compatibilityMessages) return;
      response.data.compatibilityMessages.forEach(cm => {
        bridge.send(
          `console.info('Apollo devtools message:', "${cm.message}")`,
        );
      });
    });
};