Graphql-code-generator: GraphQL parser - string variables in queries cause Unterminated string syntax error.

Created on 28 Mar 2018 · 3Comments · Source: dotansimha/graphql-code-generator

Expected Behavior

I expect
gql-gen --file schema.json --template typescript --out ./index.d.ts \"**/*.graphql.ts\"
to the parse the local introspection information and all query and fragment strings tagged with gql in files matching **/*.graphql.ts Including those with string arguments. e.g:

export const articleDetailQuery = gql`
  query ArticleDetail {
    Article(id: "thisisnotarealID") {
      title
    }
  }
`;

and output a typescript file with all types from the local graphQL schema and from queries and fragments.

Current Behavior

gql-gen --file schema.json --template typescript --out ./index.d.ts \"**/*.graphql.ts\" errors when trying to pass any gql tagged string which includes quotation marks.

Error: Syntax Error: Unterminated string.

query.graphql.ts (3:18)
2:   query ArticleDetail {
3:     Article(id: "
                     ^

Which prevents the output file being produced.

Steps to Reproduce

npm init a new project.
npm install --save-dev graphql-code-generator graphql
Copy schema.txt into a schema.json file at the root of the project.
Copy "export const articleDetailQuery = gql`
query ArticleDetail {
Article(id: "thisisnotarealID") {
title
}
}
`;
"
into a query.graphql.ts file at the root of the project.
Copy "gql": "gql-gen --file schema.json --template typescript --out ./index.d.ts \"**/*.graphql.ts\"" into the package.json scripts array.
run npm run gql