Coder Social home page Coder Social logo

Comments (14)

bartlett705 avatar bartlett705 commented on May 14, 2024 2

I am pretty sure this is do-able, and I plan on taking a crack at it very soon!

from apollo-client-devtools.

ryannealmes avatar ryannealmes commented on May 14, 2024 2

Yes like the mutations attached to components. Yes like the query panel.

Right now in apollo devtools you can only view a list of Watched queries run. Mutations are not included. I am not talking about graphiql, I am talking about the apollo devtools chrome application.

Not sure what more information I can give. Happy to try though :) Would dig this functionality.

from apollo-client-devtools.

rrdelaney avatar rrdelaney commented on May 14, 2024 2

PR is merged 😄 I'll close this when the feature is released

from apollo-client-devtools.

stubailo avatar stubailo commented on May 14, 2024

You mean the mutations that are currently attached to components in the UI, like the query panel?

Or a log of mutations?

Right now, you can already do mutations via GraphiQL, it would be good to get some more info about what you would like to know about mutations.

from apollo-client-devtools.

stubailo avatar stubailo commented on May 14, 2024

Yeah, being able to easily get the mutations from your code and see when they are called, and maybe call them yourself (even triggering the optimistic updates, etc) would be pretty sweet!

from apollo-client-devtools.

ryannealmes avatar ryannealmes commented on May 14, 2024

Hey guys I have made this change. Check it out and let me know what you think :)

from apollo-client-devtools.

tnrich avatar tnrich commented on May 14, 2024

@ryannealmes where can we check this out?! Nice work!

from apollo-client-devtools.

ryannealmes avatar ryannealmes commented on May 14, 2024

You can pull down the repo and follow the readme to install the chrome extension

After cloning this repo, compile the extension bundle:

cd apollo-client-devtools
npm install
npm run build
Install the extension in Chrome:

Open chrome://extensions
Enable the 'Developer Mode' checkbox
Click 'Load unpacked extensions...'
Select the apollo-client-devtools/extension folder

Note there is a dependency on the latest version of the apollo-client. This unfortunately couldn't be avoided. If you don't have the latest version, the mutations tab will not display.

Ping me with any feedback :)

from apollo-client-devtools.

tnrich avatar tnrich commented on May 14, 2024

I'm not seeing the mutations tab after following the above instructions.. I have what I believe is the latest apollo version "apollo-client": "1.2.2"

Anything you think I might be doing wrong?

image

from apollo-client-devtools.

ryannealmes avatar ryannealmes commented on May 14, 2024

Sorry looking at the apollo-client, they haven't released a new version yet. You can always modify your node_modules apollo-client directly if you just want to see it working. You can get the PR here apollographql/apollo-client#1699

I just changed timezones so my responses may be a bit delayed.

from apollo-client-devtools.

tnrich avatar tnrich commented on May 14, 2024

@ryannealmes did they release a new version? I saw they released this 4 days ago: https://github.com/apollographql/apollo-client/releases/tag/v1.3.0

from apollo-client-devtools.

ryannealmes avatar ryannealmes commented on May 14, 2024

There are some changes they want done which I need to do. Haven't had enough time to get to it. You can see the changes and add any comments on the PR.
#36

from apollo-client-devtools.

tnrich avatar tnrich commented on May 14, 2024

Looks like this has been released?! Anyone want to verify that?

from apollo-client-devtools.

ramyanaga avatar ramyanaga commented on May 14, 2024

It has been released!

from apollo-client-devtools.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.