Sashko gets us in the room where it happens with a short discussion on how we can move forward with support. I’d spent way too long formatting my braces and wanted the power of prettier everywhere! Immediately, I knew I had to be a part of this.
Who wants to work on continuing this experiment with me? #GraphQL- Sashko Stubailo June 5, 2017 While Vjeux had already given GraphQL support a shot, I only heard about this from this tweet: It took a little bit of prodding, some tweets, some Github issues, and a couple of developers who found it wildly entertaining to add support for every corner of the language (I’m looking at you, Vjeux and Sashko!) Here’s the rundown: It started with a tweet GraphQL support didn’t just happen overnight, though. If you haven’t given it a try, its really easy to get started soon you’ll realize you and your team will stop having to nitpick things like spaces, braces, and commas and can focus on basking in the sweet glory of GraphQL!
Using prettier for GraphQL is more than just hitting the “prettify” button in GraphiQL - it’ll take into account things like maximum line-width, whether or not you like commas in your queries, breaking up long lists of arguments on to their own lines, and even works on queries embedded in your JavaScript. This just deletes all queries from the window (essentially this is: Select All -> Delete).Prettier formatting inside template literals is everything I needed in my life 😍 /oScCM圜84W- Kitze June 27, 2017 This is handy if you want to share the request with someone else or want to test the same request from the terminal. You can also easily copy your query as cURL. moves any arguments into query variables with the original varibles moved to the query variables section.It applies a number of transformations to the query. This functionality goes one step further from the named query conversion. This is just a convenient way to generate a name for your query so you don't have to. Sometimes you want to get a named query so you can have multiple queries in the same window. Which might have lost their indentation (or were never indented before).
This makes it easy to work with queries you might copy from one file to another, You can beautify the query in the editor in a properly indented manner for easier reading. This helps save as many bytes as possible when making network requests. You can use this after you have made a query and you want to use it in your client side application. You can compress the query to a minified form, removing whitespaces and comments.
#GRAPHQL QUERY BEAUTIFIER WINDOWS#
Quickly and easily view the docs for a field or type in your editor, by holding down the Cmd (in MacOS) or Ctrl (in Windows and Linux) and clicking it in the editor. It allows you to easily select the files you want to upload without having to add it in the variable section manually. It appears inline when you have a variable with the Upload (opens new window) scalar type. This action is available only in the new editor (still in beta). Altair sends the entire document to the server and specifies the operationName (opens new window) for the current query. This action appears above each query, allowing you to easily select the query operation that is sent, even if you have multiple queries in your editor.
These features can be accessed from the toolbox icon in the sidebar.Īltair provides several in-context actions for easily accessing several available functionalities. Altair comes with several other little editor features to give you all the tools to work with GraphQL.
0 kommentar(er)
