Comments (4)
I can put together a pull request for this. I did something similar with just the graphiql package. I put together a rough gist (the styles are bad).
https://gist.github.com/acoll/a83494430fc3a394504b646622fab422
My thoughts here were to show bars representing the duration and offsets for each resolver as well as showing the actual metric values for duration in milliseconds and the duration percentage of the total query duration.
Here is an example of what it could look like:
What are the maintainers thoughts here?
from apollo-client-devtools.
Hi,
I think it would be better to have the same UI on Apollo Engine and on devtools. Maybe Apollo team could publish their UI lib for that?
If that's complicated or not possible, any good enough UI would still be helpful
from apollo-client-devtools.
This is an awesome idea. This is something we're discussing internally but we haven't started work on it yet. There's an open PR right now from the community (#162) but I think it needs some work because, as @cheapsteak pointed out, the UI is hard to navigate.
I'm going to add enhancement
label to this and keep it up. Thanks!
from apollo-client-devtools.
Moved to #376 - thanks!
from apollo-client-devtools.
Related Issues (20)
- Firefox console shows "Attempt to postMessage on disconnected port" from Apollo extension HOT 2
- [bug] Devtools never appear if initial page does not contain an Apollo Client instance HOT 2
- Improve release process
- Remove apollo-link-state support?
- Improving type safety
- Migrate to Manifest V3 HOT 3
- Publish to Firefox store via GitHub Action
- Scroll not working in Queries and Cache tabs. HOT 3
- Display scroll bars in Webkit browsers
- Update screenshots in extension/addon stores HOT 2
- Finish Tailwind migration HOT 1
- Active queries disappear when used with RedwoodJS
- Dependency Dashboard
- Extension prevents websites (tested on atlassian.com) from loading styles HOT 9
- Not working! Apollo Client Devtools on Chrome latest HOT 17
- Doesn't work in latest Chromium-based MS Edge HOT 6
- Server side mutation errors are not reported in the explorer HOT 2
- 'Search Queries' input bar seems out of place
- Extension breaks Remix.run React framework hydration HOT 4
- Devtools repo could use TSC CI/CD HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from apollo-client-devtools.