feat(condo): INFRA-517 added script for generating client utils

[Alllex202]

• bump @graphql-codegen/cli to v5
• add script for generating client utils
• add example query and utils

How to add some queries for client application

1. Add a queries for the desired scheme to the file /domains/<YOUR_DOMAIN>/queries/<YOUR_SCHEMA>.graphql, like this:

query authenticatedUser {
    authenticatedUser {
        id
        name
        type
    }
}

2. Run command:

yarn maketypes

3. Ready-made utilities for use on the client (on the path /gql/index.ts) and some auxiliary types (on the path /gql/operation.types.ts) will be generated. In addition, schema.ts and schema.graphql will be updated as usual
4. Now you can use ethylites in your code on the client, like this:

// import utils
import { 
    useAuthenticatedUserQuery, 
    useAuthenticatedUserLazyQuery
} from '@/gql'

// import types
import type { 
    AuthenticatedUserQueryVariables,
    AuthenticatedUserQuery, 
    AuthenticatedUserQueryHookResult, 
    AuthenticatedUserLazyQueryHookResult, 
    AuthenticatedUserQueryResult,
} from '@/gql'

5. While developing, you also run automatic updates to client utilities and types:

yarn dev

Or if you want run separately:

types:watch

[SavelevMatthew]

Suggested change

	content: '// Autogenerated file by @graphql-codegen/cli\n',
	content: [
	'// This file is autogenerated by @graphql-codegen/cli\n',
	'// Do not edit / add anything manually, since it will be overridden by codegen'
	],

[SavelevMatthew]

How about dev script to watch for .graphql file changes?

[SavelevMatthew]

Hmmmm, types are also here :(
So, naming now is a bit confusing

[SavelevMatthew]

You better ask someone else opinion here...

For me its a bit too nested route.

(Also not the biggest fan of gql folder, since it's now duplicate of gql.js and can be missunderstood later

[sonarcloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud