Can I use typescript definitions in graphql queries?

Question

Right now I am doing this:

import { comment } from "forms";

const QUERY_COMMENTS = gql`
  query QUERY_COMMENTS($projectId:Int! $orderBy:CommentOrderByInput) {
    comments(projectId:$projectId orderBy:$orderBy) {
      ${comment}
    }
  }
`;

export const comment = `
    id
    text
    date
    postedBy {
        id
        name
    }
`;

interface comment {
     id:number,
     text:string,
     date:string,
     postedBy: {
       id:number,
       name:string,
     },
   }

I basically repeat myself.
IMO it should be possible and be very useful to use typescript definitions in graphql-queries.
Yet I did not find a way to do it.

Typescript definitions get erased when you transpile your code into JS, so no, you can't use them in any way at runtime — jabuj
– jabuj, Commented Oct 24, 2020 at 15:33

armin yahya · Accepted Answer · 2020-10-24 17:09:51Z

1

you can use graphql-zeus.

this library generates typescript definitions from api and gives you some method to use for queries and mutations. methods are using definitions that i mentioned, so you are typesafe.

answered Oct 24, 2020 at 17:09

armin yahya

1,5169 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Andrew Ingram · Accepted Answer · 2020-10-25 12:26:15Z

1

From the tags on your question, it looks like you're using the Apollo ecosystem. So i'd looking into their codegen support: https://github.com/apollographql/apollo-tooling#code-generation

answered Oct 25, 2020 at 12:26

Andrew Ingram

5,2402 gold badges28 silver badges37 bronze badges

Collectives™ on Stack Overflow

Can I use typescript definitions in graphql queries?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related