Skip to content

Commit

Permalink
Added docs for request monitoring
Browse files Browse the repository at this point in the history
  • Loading branch information
imolorhe committed Feb 12, 2025
1 parent 7a7838b commit 6875782
Show file tree
Hide file tree
Showing 2 changed files with 18 additions and 1 deletion.
Original file line number Diff line number Diff line change
Expand Up @@ -72,7 +72,6 @@ interface TableListProps {
requests: GraphQLRequest[];
}
export const TableList: React.FC<TableListProps> = ({ requests }) => {
// const [data] = React.useState(() => [...requests]);
const [selectedRequest, selectRequest] = useState<GraphQLRequest>();

const [sorting, setSorting] = React.useState<SortingState>([]);
Expand Down
18 changes: 18 additions & 0 deletions packages/altair-docs/docs/features/request-monitoring.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
---
---

# Browser request monitoring (beta)

The [browser extensions](/docs/#available-platforms) provide a way to monitor the GraphQL requests made on your site or web application without leaving the site. This allows you to see and inspect the requests made to the GraphQL server in real-time.

This feature is currently in beta 🧪 and is available in the latest Chrome and Firefox browser extensions. We'd love to hear your feedback on this feature, so please feel free to [reach out](https://github.com/altair-graphql/altair/discussions) to us on GitHub with your thoughts and suggestions.

<iframe src="https://www.youtube-nocookie.com/embed/JCyzXp5yo9o" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen style="width:100%;aspect-ratio:16/9;"></iframe>

## Monitoring requests

To get started, first you need to install the Altair browser extension for your browser, and then open the developer tools and navigate to the Altair GraphQL panel. Altair will automatically detect the GraphQL requests made on the page and display them in the panel, allowing you to inspect the GraphQL queries and responses.

## Viewing in Altair

You can also import the request data into the Altair app by clicking on the "**Open in Altair**" button in the request panel. This will open the Altair app with the request data pre-filled, allowing you to inspect the request in more detail and interact with the GraphQL server with more flexibility using all the features available in the Altair app.

0 comments on commit 6875782

Please sign in to comment.