Add RelayParser to convertASTDocuments call (#2736)

Author: KyleAMathews

packages/gatsby-plugin-sharp/src/index.js

@@ -402,7 +402,9 @@ async function responsiveSizes({ file, args = {} }) {
   // images are intended to be displayed at their native resolution.
   const { width, height, density } = await sharp(file.absolutePath).metadata()
   const pixelRatio =
-    options.sizeByPixelDensity && typeof density === `number` && density > 0 ? density / 72 : 1
+    options.sizeByPixelDensity && typeof density === `number` && density > 0
+      ? density / 72
+      : 1
   const presentationWidth = Math.min(
     options.maxWidth,
     Math.round(width / pixelRatio)

packages/gatsby/src/internal-plugins/query-runner/query-compiler.js

@@ -1,26 +1,27 @@
 // @flow
-import path from 'path'
+import path from "path"
 const normalize = require(`normalize-path`)
-import glob from 'glob'
-
-import { validate } from 'graphql'
-import { IRTransforms } from 'relay-compiler'
-import ASTConvert from 'relay-compiler/lib/ASTConvert'
-import GraphQLCompilerContext from 'relay-compiler/lib/GraphQLCompilerContext'
-import filterContextForNode from 'relay-compiler/lib/filterContextForNode'
+import glob from "glob"
+
+import { validate } from "graphql"
+import { IRTransforms } from "relay-compiler"
+import RelayParser from "relay-compiler/lib/RelayParser"
+import ASTConvert from "relay-compiler/lib/ASTConvert"
+import GraphQLCompilerContext from "relay-compiler/lib/GraphQLCompilerContext"
+import filterContextForNode from "relay-compiler/lib/filterContextForNode"
 const _ = require(`lodash`)
 
-import { store } from '../../redux'
-import FileParser from './file-parser'
-import GraphQLIRPrinter from 'relay-compiler/lib/GraphQLIRPrinter'
+import { store } from "../../redux"
+import FileParser from "./file-parser"
+import GraphQLIRPrinter from "relay-compiler/lib/GraphQLIRPrinter"
 import {
   graphqlError,
   graphqlValidationError,
   multipleRootQueriesError,
-} from './graphql-errors'
-import report from 'gatsby-cli/lib/reporter'
+} from "./graphql-errors"
+import report from "gatsby-cli/lib/reporter"
 
-import type { DocumentNode, GraphQLSchema } from 'graphql'
+import type { DocumentNode, GraphQLSchema } from "graphql"
 
 const { printTransforms } = IRTransforms
 
@@ -125,7 +126,12 @@ class Runner {
     let compilerContext = new GraphQLCompilerContext(this.schema)
     try {
       compilerContext = compilerContext.addAll(
-        ASTConvert.convertASTDocuments(this.schema, documents, validationRules)
+        ASTConvert.convertASTDocuments(
+          this.schema,
+          documents,
+          validationRules,
+          RelayParser.transform.bind(RelayParser)
+        )
       )
     } catch (error) {
       this.reportError(graphqlError(namePathMap, nameDefMap, error))

packages/gatsby/src/redux/actions.js

@@ -1,6 +1,6 @@
 // @flow
-import Joi from 'joi'
-import chalk from 'chalk'
+import Joi from "joi"
+import chalk from "chalk"
 const _ = require(`lodash`)
 const { bindActionCreators } = require(`redux`)
 const { stripIndent } = require(`common-tags`)
@@ -10,8 +10,8 @@ const path = require(`path`)
 const { joinPath } = require(`../utils/path`)
 const { getNode, hasNodeChanged } = require(`./index`)
 const { store } = require(`./index`)
-import * as joiSchemas from '../joi-schemas/joi'
-import { generateComponentChunkName } from '../utils/js-chunk-names'
+import * as joiSchemas from "../joi-schemas/joi"
+import { generateComponentChunkName } from "../utils/js-chunk-names"
 
 const actions = {}