Custom GraphQL template tag

[jasonkuhrt]

This may be considered a dupe of #4260, because one of the solutions there would satisfy this issue too.

I work on a project called Nexus and we're considering integrating ts-graphql-plugin. It allows for static analysis of GraphQL strings, e.g. queries. One of its features is to allow customizing the template tag that it will analyze.

Relevant to Nexus because our desired API would not use gql as the tag name, but rather ctx.client.send (at least currently).

However, it appears that this path would lose us formatting from prettier.

So the feature request here is to allow local prettier configuration that would make it so a custom tag/path such as ctx.client.send could be treated as GraphQL source to format.

A solution taken from #4260 that could work for this, adapted:

{
  "overrides": [
    {
      "tags": ["ctx.client.send"],
      "options": { "type": "graphql" }
    }
  ]
}

[jasonkuhrt]

Interested in providing a PR for this. Only place I found a reference to gql tag in codebase (non-test) was here:

prettier/src/language-js/clean.js

Line 172 in a0e2efc

(ast.tag.name === "gql" ||

Is this right?

[bakkot]

See also #5588 (comment), #4424, #7073, and #6626 (and possibly others).

I think most of the work to be done here is design, not implementation. If you want to try to pick up and drive discussion of the design, go for it. (But I recommend opening an issue on that topic, or commenting on an existing one, rather than just submitting a PR with a particular design already implemented.)

[thorn0]

Closing in favor of #5588.