Add gql() call expression support

changelog_unreleased/javascript/13784.md

@@ -0,0 +1,34 @@
+#### Add gql() call expression support (#13784 by @Chnapy)
+
+<!-- prettier-ignore -->
+```jsx
+// Input
+gql(`
+      {
+    user(   id :   5  )  {
+      firstName
+      lastName
+    }
+  }
+`);
+
+// Prettier stable
+gql(`
+      {
+    user(   id :   5  )  {
+      firstName
+      lastName
+    }
+  }
+`);
+
+// Prettier main
+gql(`
+  {
+    user(id: 5) {
+      firstName
+      lastName
+    }
+  }
+`);
+```

src/language-js/clean.js

@@ -186,7 +186,8 @@ function clean(ast, newObj, parent) {
     );
     if (
       hasLanguageComment ||
-      (parent.type === "CallExpression" && parent.callee.name === "graphql") ||
+      (parent.type === "CallExpression" &&
+        (parent.callee.name === "gql" || parent.callee.name === "graphql")) ||
       // TODO: check parser
       // `flow` and `typescript` don't have `leadingComments`
       !ast.leadingComments

src/language-js/embed.js

@@ -263,7 +263,7 @@ function isGraphQL(path) {
             (parent.tag.name === "gql" || parent.tag.name === "graphql")))) ||
         (parent.type === "CallExpression" &&
           parent.callee.type === "Identifier" &&
-          parent.callee.name === "graphql")))
+          (parent.callee.name === "gql" || parent.callee.name === "graphql"))))
   );
 }
 

tests/format/js/multiparser-graphql/__snapshots__/jsfmt.spec.js.snap

@@ -399,6 +399,18 @@ query User {
 fragment another on User { name
 }\${ fragment }\`
 
+// Using CallExpression
+
+gql(\`
+      {
+    user(   id :   5  )  {
+      firstName
+
+      lastName
+    }
+  }
+\`);
+
 =====================================output=====================================
 import gql from "graphql-tag";
 
@@ -564,6 +576,18 @@ gql\`
   \${fragment}
 \`;
 
+// Using CallExpression
+
+gql(\`
+  {
+    user(id: 5) {
+      firstName
+
+      lastName
+    }
+  }
+\`);
+
 ================================================================================
 `;
 

tests/format/js/multiparser-graphql/graphql-tag.js

@@ -156,3 +156,15 @@ ${fragment}#comment
 
 fragment another on User { name
 }${ fragment }`
+
+// Using CallExpression
+
+gql(`
+      {
+    user(   id :   5  )  {
+      firstName
+
+      lastName
+    }
+  }
+`);