Expose the `operationName` to the url callback #113

johnd-genie · 2024-12-12T12:47:02Z

Story

As a user it is helpful to display the operationName in the network panel to easily disambiguate between subscriptions.

If the operationName or full operation is passed to the url callback:

url: string | ((operation: Operation) => Promise<string> | string);

...

export function createClient(options) {
  ...
  return {
        subscribe(request, sink) {    
          ...
          const url = typeof options.url === 'function'
                                ? await options.url(request)
                                : options.url;

Then it is possible to do something like this:

createClient({
 url: ({operationName}) => `graphql-sse/${operationName}`
})

Which results in the Dev tools Network panel looking like this (top 2 with the change vs. bottom 2 without):

Would something along these lines be possible?

The text was updated successfully, but these errors were encountered:

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Expose the `operationName` to the url callback #113

Expose the `operationName` to the url callback #113

johnd-genie commented Dec 12, 2024 •

edited

Loading

Expose the operationName to the url callback #113

Expose the operationName to the url callback #113

Comments

johnd-genie commented Dec 12, 2024 • edited Loading

Story

Expose the `operationName` to the url callback #113

Expose the `operationName` to the url callback #113

johnd-genie commented Dec 12, 2024 •

edited

Loading