Add an optional productsFirst param to fetchWithProducts

README.md

@@ -140,8 +140,9 @@ client.collection.fetchAllWithProducts().then((collections) => {
 
 // Fetch a single collection by ID, including its products
 const collectionId = 'Z2lkOi8vc2hvcGlmeS9Db2xsZWN0aW9uLzM2OTMxMjU4NA==';
+// Set a parameter for first x products, defaults to 20 if you don't provide a param
 
-client.collection.fetchWithProducts(collectionId).then((collection) => {
+client.collection.fetchWithProducts(collectionId, {productsFirst: 10}).then((collection) => {
   // Do something with the collection
   console.log(collection);
   console.log(collection.products);

src/collection-resource.js

@@ -78,9 +78,9 @@ class CollectionResource extends Resource {
    * @param {String} id The id of the collection to fetch.
    * @return {Promise|GraphModel} A promise resolving with a `GraphModel` of the collection.
    */
-  fetchWithProducts(id) {
+  fetchWithProducts(id, {productsFirst = 20} = {}) {
     return this.graphQLClient
-      .send(collectionNodeWithProductsQuery, {id})
+      .send(collectionNodeWithProductsQuery, {id, productsFirst})
       .then(defaultResolver('node'))
       .then(paginateCollectionsProductConnectionsAndResolve(this.graphQLClient));
   }

src/graphql/collectionNodeWithProductsQuery.graphql

@@ -1,6 +1,19 @@
-query($id: ID!) {
+query($id: ID!, $productsFirst: Int!) {
   node(id: $id) {
     ...CollectionFragment
-    ...CollectionsProductsFragment
+    ... on Collection {
+      products(first: $productsFirst) {
+        pageInfo {
+          hasNextPage
+          hasPreviousPage
+        }
+        edges {
+          cursor
+          node {
+            ...ProductFragment
+          }
+        }
+      }
+    }
   }
 }