quramy / apollo-link-fragment-argument Goto Github PK

export const KCG_CARD_FRAGMENT = gql`
  fragment KCGCardKnowledgeCategoryGroup on KnowledgeCategoryGroup
  @argumentDefinitions(
    level: { type: "EngineerLevel", defaultValue: NEWBIE }
    occupation: { type: "EngineerOccupation", defaultValue: BACKEND }
  ) {
    id
    name
    programmingResource {
      id
      name
      thumbnailUrl
    }
    knowledgeCategories(level: $level, occupation: $occupation) {
      edges {
        node {

export const CREATE_KCG_MUTATION = gql`
  mutation CreateKnowledgeCategoryGroup($name: String!, $programmingResourceId: ID) {
    createKnowledgeCategoryGroup(
      input: { name: $name, programmingResourceId: $programmingResourceId }
    ) {
      knowledgeCategoryGroup {
        ...KCGCardKnowledgeCategoryGroup
      }
    }
  }

  ${KCG_CARD_FRAGMENT}
`;

import { ApolloClient } from 'apollo-client';
import { InMemoryCache, defaultDataIdFromObject } from 'apollo-cache-inmemory';
import { HttpLink } from 'apollo-link-http';
import { ApolloLink, split } from 'apollo-link';
import { ApolloProvider } from '@apollo/react-hooks';
import { createFragmentArgumentLink } from 'apollo-link-fragment-argument';

const AppApolloClient = new ApolloClient({
  cache: new InMemoryCache({
    dataIdFromObject: object => {
      switch (object.__typename) {
        case 'Heater':
          return (object as any).serialNumber;
        case 'OffPeakHours':
          return null;
        case 'HeatingProgramEntry':
          return object.id === null ? null : defaultDataIdFromObject(object);
        default:
          return defaultDataIdFromObject(object);
      }
    },
  }),
 link: ApolloLink.from([
    // Order matters
    createFragmentArgumentLink(),
    errorHandlerLink,
    cleanTypenameLink,
    new DebounceLink(0),
    new SerializingLink(),
    requestHandlerLink,
    networkLink,
  ]),
});

export default AppApolloClient;

export const AppApolloClientProvider = ({
  children,
}: {
  children: ReactNode;
}) => <ApolloProvider client={AppApolloClient}>{children}</ApolloProvider>;

const AuthenticatedHomeRealTimeFragment = gql`
fragment AuthenticatedHomeRealTimeFragment on IndividualHome
    @argumentDefinitions(
      energyFrom: { type: "DateTime!" }
      energyTo: { type: "DateTime!" }
    ) {
energyConsumption(from: $energyFrom, to: $energyTo)
`};

const AuthenticatedRealTimeQueryLiteral = gql`
  query AuthenticatedRealTimeQuery(
    $energyFrom: DateTime!
    $energyTo: DateTime!
  ) {
    me {
      id
      homes: individualHomes {
        ...AuthenticatedHomeRealTimeFragment
          @arguments(from: $energyFrom, to: $energyTo)
      }
    }
  }
  ${AuthenticatedHomeRealTimeFragment}
`;

const AuthenticatedSubscriptionsGraphQL = gql`
  subscription AuthenticatedSubscriptions(
    $energyFrom: DateTime!
    $energyTo: DateTime!
  ) {
    homeUpdated: individualHomeUpdated {
      ...AuthenticatedHomeRealTimeFragment
        @arguments(from: $energyFrom, to: $energyTo)
    }
  }
  ${AuthenticatedHomeRealTimeFragment}
`;

const useAuthenticatedContextRealTimeSubscriptions = () => {
    return useSubscription<
    AuthenticatedSubscriptions,
    AuthenticatedSubscriptionsVariables>(AuthenticatedSubscriptionsGraphQL, {
    variables: {
      energyFrom: '2011-10-05T14:48:00.000Z',
      energyTo: '2011-11-05T14:48:00.000Z',
    },
    onSubscriptionData: ({ subscriptionData }) => {
      //console.debug('AuthenticatedSubscriptions data', subscriptionData);
      if (subscriptionData.error) {
        reportError(subscriptionData.error);
      }
    },
  });
};