Merge pull request marcaaron#4 from pasdo501/package

Package -> Master

Author: pasdo501

README.md

@@ -1,18 +1,20 @@
-# gatsby-source-woocommerce
+# Note
+**Please note: the original author of this package is [Marc Glasser](https://github.com/marcaaron/) -- see the [the original repo](https://github.com/marcaaron/gatsby-source-woocommerce) and [package](https://www.npmjs.com/package/gatsby-source-woocommerce).**
 
+# gatsby-source-woocommerce
 Source plugin for [Gatsby](https://www.gatsbyjs.org/). Pulls in data from protected routes via the [WooCommerce REST API](http://woocommerce.github.io/woocommerce-rest-api-docs/) with credentials.
 
 ## Install
 
-`npm install --save gatsby-source-woocommerce`
+`npm install --save @pasdo501/gatsby-source-woocommerce`
 
 ## How to Use
 
 ```javascript
 // In gatsby-config.js
 plugins:[
   {       
-    resolve: "gatsby-source-woocommerce",
+    resolve: '@pasdo501/gatsby-source-woocommerce',
     options: {
 	   // Base URL of Wordpress site
       api: 'wordpress.domain',
@@ -36,6 +38,7 @@ plugins:[
 
 ## Currently Supported Fields
 
+Definitive: 
 - Products
 - Customers
 - Orders
@@ -45,3 +48,79 @@ plugins:[
 **Note**: If following the endpoint layout from the [WooCommerce REST API docs](https://woocommerce.github.io/woocommerce-rest-api-docs/?php#introduction), all fields that do not contain a wildcard *should* be supported.
 
 For example, to get product categories: including 'products/categories' in fields will show up as allWcProductsCategories / wcProductsCategories
+
+## Some GraphQL Query Examples
+
+### All products (with associated images):
+```
+{
+  allWcProducts {
+    edges {
+      node {
+        id
+        wordpress_id
+        name
+        images {
+          localFile {
+            // childImageSharp ... etc
+          }
+        }
+      }
+    }
+  }
+}
+```
+
+### All product categories (with associated image):
+```
+{
+  allWcProductsCategories {
+    edges {
+      node {
+        id
+        wordpress_id
+        name
+        slug
+        image {
+          localFile {
+            // childImageSharp ... etc
+          }
+        }
+      }
+    }
+  }
+}
+```
+
+### Specific product by wordpress ID:
+```
+{
+  wcProducts(wordpress_id: {eq: 12}) {
+    name
+    price
+    related_ids
+  }
+}
+```
+### Specific product category with associated products
+```
+{
+  wcProductsCategories(wordpress_id: {eq: 20}) {
+     name
+     slug
+     products {
+       name
+       price
+       images {
+         localFile {
+           // childImageSharp ... etc
+         }
+       }
+     }
+   }
+}
+```
+
+## Changelog
+- 0.3.2: Mapping products & categories to each other
+- 0.3.0: Associated products & product categories with local file images downloaded during the build process to allow use of image transform plugins.

gatsby-node.js

@@ -1,53 +1,78 @@
-const WooCommerceAPI = require('woocommerce-api');
-const { processNode, normaliseFieldName } = require('./helpers');
+const WooCommerceAPI = require("woocommerce-api")
+const {
+  processNode,
+  normaliseFieldName,
+  mapMediaToNodes,
+  mapProductsToCategories,
+} = require("./helpers")
 
 exports.sourceNodes = async (
-  { boundActionCreators, createNodeId },
+  { actions, createNodeId, createContentDigest, store, cache },
   configOptions
 ) => {
-  const { createNode } = boundActionCreators;
-  delete configOptions.plugins;
+  const { createNode, touchNode } = actions
+  delete configOptions.plugins
 
   const { api, https, api_keys, fields, api_version = 'wc/v1', per_page } = configOptions;
 
   // set up WooCommerce node api tool
   const WooCommerce = new WooCommerceAPI({
-    url: `http${https?'s':''}://${api}`,
+    url: `http${https ? "s" : ""}://${api}`,
     consumerKey: api_keys.consumer_key,
     consumerSecret: api_keys.consumer_secret,
     wpAPI: true,
     version: api_version
   });
 
   // Fetch Node and turn our response to JSON
-  const fetchNodes = async (fieldName) => {
-    const endpoint = per_page 
-      ? fieldName + `?per_page=${per_page}`
-      : fieldName;
-
-    const res = await WooCommerce.getAsync(endpoint);
-    const json = res.toJSON();
-    if(json.statusCode !== 200) {
+  const fetchNodes = async fieldName => {
+    const endpoint = per_page ? fieldName + `?per_page=${per_page}` : fieldName
+
+    const res = await WooCommerce.getAsync(endpoint)
+    const json = res.toJSON()
+    if (json.statusCode !== 200) {
       console.warn(`
-        \n========== WARNING FOR FIELD ${fieldName} ==========\n`
-      );
-      console.warn(`The following error message was produced: ${json.body}`);
-      console.warn(`\n========== END WARNING ==========\n`);
-      return [];
+        \n========== WARNING FOR FIELD ${fieldName} ==========\n`)
+      console.warn(`The following error message was produced: ${json.body}`)
+      console.warn(`\n========== END WARNING ==========\n`)
+      return []
     }
-    return JSON.parse(json.body);
-  };
+    return JSON.parse(json.body)
+  }
 
   // Loop over each field set in configOptions and process/create nodes
-  async function fetchNodesAndCreate (array) {
+  async function fetchNodesAndCreate(array) {
+    let nodes = []
     for (const field of array) {
-      const nodes = await fetchNodes(field);
-      const fieldName = normaliseFieldName(field);
-      nodes.forEach(n=>createNode(processNode(createNodeId, n, fieldName)));
+      const fieldName = normaliseFieldName(field)
+      let tempNodes = await fetchNodes(field)
+      tempNodes = tempNodes.map(node => {
+        return {
+          fieldName,
+          ...node,
+        }
+      })
+      nodes = nodes.concat(tempNodes)
     }
+
+    nodes = await mapMediaToNodes({
+      nodes,
+      store,
+      cache,
+      createNode,
+      createNodeId,
+      touchNode,
+    })
+
+    nodes = nodes.map(node =>
+      processNode(createNodeId, createContentDigest, node)
+    )
+    nodes = mapProductsToCategories(nodes)
+
+    nodes.forEach(node => createNode(node))
   }
-  
+
   // Leh go...
-  await fetchNodesAndCreate(fields);
-  return;
-};
+  await fetchNodesAndCreate(fields)
+  return
+}