feat: add totalCount in getContents (#13)

BREAKING CHANGE: `getContents` now returns `{ data: [...], totalCount: X }` instead of `[...]`

Author: gregberge

examples/wordpress/src/_app.js

@@ -14,7 +14,7 @@ export default function Page({ Component, ...props }) {
   return (
     <Query query={PAGE}>
       {({ data }) =>
-        data && (
+        data.page && (
           <>
             <h1>{data.page.title}</h1>
             <Component {...props} />

examples/wordpress/src/pages/index.js

@@ -16,11 +16,14 @@ export const contentFragment = gql`
       name
     }
     allBooks {
-      metadata {
-        id
-        slug
+      totalCount
+      data {
+        metadata {
+          id
+          slug
+        }
+        name
       }
-      name
     }
     link {
       url
@@ -48,7 +51,8 @@ export default function Page({ title, book, specificBook, allBooks, blocks }) {
       <div>{specificBook && specificBook.name}</div>
       <h2>All books</h2>
       <ul>
-        {allBooks.map(b => (
+        {allBooks.totalCount}
+        {allBooks.data.map(b => (
           <li key={b.metadata.id}>
             <Link waitBeforeTransition to={`/books/${b.metadata.slug}`}>
               {b.name}

examples/wordpress/src/schemas/contents/Page.js

@@ -5,13 +5,18 @@ export const typeDefs = gql`
     title: String @field
     book: Book @field
     specificBook: Book
-    allBooks: [Book]
+    allBooks: BookResult!
     date: Date @field
     dateTime: DateTime @field
     link: Link @field
     blocks: [Block] @field
     file: Media @field
   }
+
+  type BookResult {
+    totalCount: Int!
+    data: [Book!]!
+  }
 `
 
 export const resolvers = {

packages/smooth-backend-wordpress/src/acf/api.js

@@ -26,18 +26,23 @@ export function createClient({ baseUrl, defaultLanguage }) {
           { params },
         )
         if (data && data.status !== 'publish') return []
-        return data ? [data] : []
+        return data
+          ? { totalCount: 1, data: [data] }
+          : { totalCount: 0, data: [] }
       }
 
-      const { data } = await axios.get(
+      const { data, headers } = await axios.get(
         `${baseUrl}/wp-json/presspack/v1/contents/`,
         { params, paramsSerializer },
       )
-      return data
+      return {
+        totalCount: Number(headers['x-wp-total']),
+        data,
+      }
     },
     async getContent(options) {
-      const results = await this.getContents(options)
-      return results[0] || null
+      const { data } = await this.getContents(options)
+      return data[0] || null
     },
     async getContentPreview({ lang, id }) {
       const params = getParams({ lang: lang || defaultLanguage })

packages/smooth-backend-wordpress/src/acf/resolvers/createDefaultResolvers.js

@@ -100,9 +100,7 @@ function getQueryFieldResolver(node, helpers, state) {
         })
       }
 
-      const res = await state.apiClient.getContent({ type, lang, slug })
-
-      return res
+      return state.apiClient.getContent({ type, lang, slug })
     },
   }
 }