Format embedded GQL in template literal statements (#16064)

Fixes #16007

changelog_unreleased/javascript/16064.md

@@ -0,0 +1,21 @@
+#### Format embedded GQL in template literal statements (#16064 by @keithlayne)
+
+<!-- prettier-ignore -->
+```jsx
+// Input
+/* GraphQL */ `
+  query foo { id }
+`;
+
+// Prettier stable
+/* GraphQL */ `
+  query foo { id }
+`;
+
+// Prettier main
+/* GraphQL */ `
+  query foo {
+    id
+  }
+`;
+```

src/language-js/embed/utils.js

@@ -80,6 +80,8 @@ function hasLanguageComment({ node, parent }, languageName) {
   return (
     hasLeadingBlockCommentWithName(node, languageName) ||
     (isAsConstExpression(parent) &&
+      hasLeadingBlockCommentWithName(parent, languageName)) ||
+    (parent.type === "ExpressionStatement" &&
       hasLeadingBlockCommentWithName(parent, languageName))
   );
 }

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

@@ -16,6 +16,17 @@ const query = /* GraphQL */\`
   }
 \`;
 
+/* GraphQL */\`
+      {
+    user(   id :   5 , type:
+    "without variable assignment"  )  {
+      firstName
+
+      lastName
+    }
+  }
+\`;
+
 =====================================output=====================================
 const query = /* GraphQL */ \`
   {
@@ -27,6 +38,16 @@ const query = /* GraphQL */ \`
   }
 \`;
 
+/* GraphQL */ \`
+  {
+    user(id: 5, type: "without variable assignment") {
+      firstName
+
+      lastName
+    }
+  }
+\`;
+
 ================================================================================
 `;
 

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

@@ -7,3 +7,14 @@ const query = /* GraphQL */`
     }
   }
 `;
+
+/* GraphQL */`
+      {
+    user(   id :   5 , type:
+    "without variable assignment"  )  {
+      firstName
+
+      lastName
+    }
+  }
+`;