Use partials in page fragment

Author: ravewebdev

api/wordpress/pages/queryPageById.js

@@ -1,39 +1,34 @@
+import globalPostFields from '../_partials/globalPostFields'
+import seoPostFields from '../_partials/seoPostFields'
+import authorPostFields from '../_partials/authorPostFields'
+import featuredImagePostFields from '../_partials/featuredImagePostFields'
+
 const {gql} = require('@apollo/client')
 
+// Fragment: retrieve single page fields.
+const singlePageFragment = gql`
+  fragment SinglePageFields on Page {
+    ${globalPostFields}
+    blocksJSON
+    excerpt
+    ${seoPostFields}
+    ${authorPostFields}
+    ${featuredImagePostFields}
+  }
+`
+
 // Query: retrieve page by specified identifier.
 const queryPageById = gql`
-  query GET_PAGE_BY_SLUG($id: ID!, $idType: PageIdType = URI) {
+  query GET_PAGE_BY_SLUG(
+    $id: ID!
+    $idType: PageIdType = URI
+    $imageSize: MediaItemSizeEnum = LARGE
+  ) {
     page(id: $id, idType: $idType) {
-      blocksJSON
-      databaseId
-      date
-      slug
-      title
-      excerpt
-      seo {
-        canonical
-        title
-        metaDesc
-        metaRobotsNofollow
-        metaRobotsNoindex
-        opengraphImage {
-          sourceUrl
-        }
-      }
-      author {
-        node {
-          slug
-          nickname
-        }
-      }
-      featuredImage {
-        node {
-          altText
-          sourceUrl(size: LARGE)
-        }
-      }
+      ...SinglePageFields
     }
   }
+  ${singlePageFragment}
 `
 
 export default queryPageById