console: update QueryAnalyzer to support subscriptions

[kolharsam]

this should resolve #2541

Description

Analyze button on GraphiQL will now display the analysis data for subscriptions too.

Changelog

• CHANGELOG.md is updated with user-facing content relevant to this PR. If no changelog is required, then add the no-changelog-required label.

Affected components

• Console

Related Issues

#2541

Solution and Design

The explain call for subscriptions returns an object unlike the same call for query. The solution is just to check whether an object, if so, then wrap the response in an array.

Breaking changes

• No Breaking changes

[netlify]

Deploy preview for hasura-docs ready!

Built with commit 0976ac4

https://deploy-preview-4965--hasura-docs.netlify.app

[hasura-bot]

Review app for commit c7458fb deployed to Heroku: https://hge-ci-pull-4965.herokuapp.com
Docker image for server: hasura/graphql-engine:pull4965-c7458fb9

[hasura-bot]

Review app for commit aa11a54 deployed to Heroku: https://hge-ci-pull-4965.herokuapp.com
Docker image for server: hasura/graphql-engine:pull4965-aa11a546

[rikinsk]

Changelog + UX approved

[hasura-bot]

Review app for commit 55eee20 deployed to Heroku: https://hge-ci-pull-4965.herokuapp.com
Docker image for server: hasura/graphql-engine:pull4965-55eee20d

[hasura-bot]

Review app for commit c3afd20 deployed to Heroku: https://hge-ci-pull-4965.herokuapp.com
Docker image for server: hasura/graphql-engine:pull4965-c3afd208

[beerose]

Leaving some TypeScript related comments.

---

Let's add a type for explain data:

type ExplainPayload = {
  field: string;
  sql: string;
  plan: string[];
}

in console/src/components/Services/ApiExplorer/Analyzer/AnalyzeText.tsx and use it to type component's props:

type RootFieldsProps = { // I'm also changing the name of the component 
  data: ExplainPayload[];
  activeNode: number;
  onClick: React.MouseEvent<HTMLDivElement> // <- added generic argument here: HTMLDivElement
}

const RootFields: React.FC<RootFieldsProps> = {...} 

[beerose]

Almost there!

[hasura-bot]

Review app for commit ead51a0 deployed to Heroku: https://hge-ci-pull-4965.herokuapp.com
Docker image for server: hasura/graphql-engine:pull4965-ead51a01

[hasura-bot]

Review app for commit 935a65f deployed to Heroku: https://hge-ci-pull-4965.herokuapp.com
Docker image for server: hasura/graphql-engine:pull4965-935a65f5

[hasura-bot]

Review app for commit dba9886 deployed to Heroku: https://hge-ci-pull-4965.herokuapp.com
Docker image for server: hasura/graphql-engine:pull4965-dba9886a

[hasura-bot]

Review app for commit db92040 deployed to Heroku: https://hge-ci-pull-4965.herokuapp.com
Docker image for server: hasura/graphql-engine:pull4965-db92040f

[hasura-bot]

Review app https://hge-ci-pull-4965.herokuapp.com is deleted