Logger#

You can improve the development experience using a Logger of your GQty usage, which will print relevant information about the requests made to your GraphQL API Server.

Logger screenshot

Installation#

yarn add @gqty/logger

pnpm add @gqty/logger

npm install @gqty/logger

Usage#

You can add the logger alongside the generated client, or import it from another file

// /src/gqty/index.ts

// ...

export const client = createClient<
  GeneratedSchema,
  SchemaObjectTypesNames,
  SchemaObjectTypes
>({
  schema: generatedSchema,
  scalarsEnumsHash,
  queryFetcher,
});

if (process.env.NODE_ENV === 'development' && typeof window !== 'undefined') {
  import('@gqty/logger').then(({ createLogger }) => {
    const logger = createLogger(client, {
      // Custom options...
    });
    logger.start();
  });
}

Options#

Name	Type	Default Value	Description
showSelections	`boolean`	`true`	Show "selections" in logs
showCache	`boolean`	`true`	Show cache snapshots in logs
stringifyJSON	`boolean`	`false`	Stringify JSON before printing it