Feature/graphql react codegen

[karanpratapsingh]

CHANGELOG

• added graphql codegen for
  • typescript-operations
  • typescript-react-apollo
• updated codegen.yml config
• generate web/src/graphql/operations.tsx
• cleanup unnecessary query declarations
• fix db clean up bug
• update generate:schema -> generate:graphql

Now with the generated web/src/types/graphql.tsx we can simply use typesafe query/mutation hooks generated from backend/packages/graphql/api rather than declaring twice (on web and backend)

Example:

import { GET_USER_QUERY } from '@web/graphql';

const variables = {
  input: {
    id: 'demo_user_id'
  }
};

const { data, loading, error } = useQuery(GET_USER_QUERY, { variables });

The above can now be written as:

import { useGetUserQuery } from '@web/graphql';

const variables = {
  input: {
    id: 'demo_user_id'
  }
};

const { data, loading, error } = useGetUserQuery({ variables });

Thanks to @capaj for suggesting this improvement

[capaj]

thanks @karanpratapsingh. This is a great improvement.

[karanpratapsingh]

Glad you liked it 😁