Skip to content

v6: Simplify the status bar and make the connection indicator functional#4404

Merged
trevor-scheer merged 1 commit into
graphiql-6from
trevor/status-bar-cleanup
Jul 11, 2026
Merged

v6: Simplify the status bar and make the connection indicator functional#4404
trevor-scheer merged 1 commit into
graphiql-6from
trevor/status-bar-cleanup

Conversation

@trevor-scheer

@trevor-scheer trevor-scheer commented Jul 10, 2026

Copy link
Copy Markdown
Contributor

Summary

  • The bottom status bar drops the plugin count, the UTF-8 encoding label, and the GraphQL language label. None of them told the user anything useful; they just made the bar look like a code editor's chrome.
  • The connection dot reflects real state instead of just "schema loaded or not." It's amber while introspection or a request is in flight, green once a schema is loaded, red when the last introspection or request failed, and gray when nothing has happened yet. Each state has a matching text label and an accessible title on the dot.
  • The types count stays as a plain readout ("142 types") once a schema is loaded. It's deliberately not clickable, so the status bar doesn't reach into the doc-explorer plugin.
  • This doesn't cover full subscription-level status (an open subscription's live/closed state, tracked separately from a one-shot query). The dot derives from schema-load state plus the last request's fetch/error state, which handles the common cases without new transport plumbing.

Test plan

  • Open GraphiQL. The status bar shows only a connection dot with a label and a types count, with no plugin count, UTF-8, or GraphQL.
  • Before a schema loads, the dot is gray and reads "Idle".
  • While the schema is loading, the dot is amber and reads "Connecting".
  • Once the schema loads, the dot turns green, reads "Connected", and the types count appears.
  • Run a query successfully. The dot stays green.
  • Point the endpoint at something that errors (bad URL, malformed response). The dot turns red and reads "Connection error".
  • yarn workspace @graphiql/react test passes.

Refs: #4219

Drop the plugin count, UTF-8 encoding label, and GraphQL language
label from the bottom status bar. Wire the connection dot to real
schema/request state (idle/connecting/connected/error) instead of
just schema-loaded, and keep the types count as a static readout.
@changeset-bot

changeset-bot Bot commented Jul 10, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: b48f173

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 8 packages
Name Type
@graphiql/react Patch
@graphiql/plugin-code-exporter Patch
@graphiql/plugin-collections Patch
@graphiql/plugin-doc-explorer Patch
@graphiql/plugin-explorer Patch
@graphiql/plugin-history Patch
@graphiql/plugin-query-builder Patch
graphiql Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@trevor-scheer trevor-scheer marked this pull request as ready for review July 11, 2026 04:54
@trevor-scheer trevor-scheer merged commit 77a6a78 into graphiql-6 Jul 11, 2026
13 checks passed
@trevor-scheer trevor-scheer deleted the trevor/status-bar-cleanup branch July 11, 2026 04:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant