0.3.2 - Map Products to Categories

- Now mapping products to categories (& vice versa)
- Changed the way nodes are created to allow for that - first fetch all
nodes, then process them in bulk rather than field by field
- Updated README
- Updated package.json

Author: pasdo501

README.md

@@ -1,5 +1,5 @@
 # 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). This is a modified version for my use to avoid having to manually overwrite the files every time I change my packages in development.**
+**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.
@@ -51,7 +51,7 @@ For example, to get product categories: including 'products/categories' in field
 
 ## Some GraphQL Query Examples
 
-All products (with associated images):
+### All products (with associated images):
 ```
 {
   allWcProducts {
@@ -71,7 +71,7 @@ All products (with associated images):
 }
 ```
 
-All product categories (with associated image):
+### All product categories (with associated image):
 ```
 {
   allWcProductsCategories {
@@ -92,7 +92,7 @@ All product categories (with associated image):
 }
 ```
 
-Specific product by wordpress ID:
+### Specific product by wordpress ID:
 ```
 {
   wcProducts(wordpress_id: {eq: 12}) {
@@ -102,7 +102,25 @@ Specific product by wordpress ID:
   }
 }
 ```
+### Specific product category with associated products
+```
+{
+  wcProductsCategories(wordpress_id: {eq: 20}) {
+     name
+     slug
+     products {
+       name
+       price
+       images {
+         localFile {
+           // childImageSharp ... etc
+         }
+       }
+     }
+   }
+}
+```
 
 ## Changelog
-- 0.3.2: Minor refactor, no notable changes in functionality
+- 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

@@ -3,6 +3,7 @@ const {
   processNode,
   normaliseFieldName,
   mapMediaToNodes,
+  mapProductsToCategories,
 } = require("./helpers")
 
 exports.sourceNodes = async (
@@ -41,22 +42,34 @@ exports.sourceNodes = async (
 
   // Loop over each field set in configOptions and process/create nodes
   async function fetchNodesAndCreate(array) {
+    let nodes = []
     for (const field of array) {
-      let nodes = await fetchNodes(field)
       const fieldName = normaliseFieldName(field)
-      nodes = await mapMediaToNodes({
-        nodes,
-        store,
-        cache,
-        createNode,
-        createNodeId,
-        touchNode,
+      let tempNodes = await fetchNodes(field)
+      tempNodes = tempNodes.map(node => {
+        return {
+          fieldName,
+          ...node,
+        }
       })
-
-      nodes.forEach(n =>
-        createNode(processNode(createNodeId, createContentDigest, n, fieldName))
-      )
+      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...

helpers/index.js

@@ -1,6 +1,8 @@
 const { createRemoteFileNode } = require(`gatsby-source-filesystem`)
 
-const processNode = (createNodeId, createContentDigest, node, fieldName) => {
+const processNode = (createNodeId, createContentDigest, node) => {
+  const { fieldName } = node
+  delete node.fieldName
   const nodeContent = JSON.stringify(node)
 
   const nodeData = Object.assign({}, node, {
@@ -18,6 +20,37 @@ const processNode = (createNodeId, createContentDigest, node, fieldName) => {
   return nodeData
 }
 
+// Create links between products and categories (bi-directional)
+const mapProductsToCategories = nodes => {
+  const categories = nodes.filter(
+    node => node.internal.type === "wcProductsCategories"
+  )
+
+  return nodes.map(node => {
+    if (categories.length && node.internal.type === "wcProducts") {
+      node.categories.forEach(({ id }) => {
+        const category = categories.find(c => id === c.wordpress_id)
+        if (category) {
+          if (!node.categories_conection___NODE) {
+            // Initialise the connection array if necessary
+            node.categories_connection___NODE = []
+          }
+          // Add the current category ID to the connection array
+          node.categories_connection___NODE.push(category.id)
+
+          if (!category.products___NODE) {
+            // Initialise the product connection array if necessary
+            category.products___NODE = []
+          }
+          // Add the current product's ID to the connection array
+          category.products___NODE.push(node.id)
+        }
+      })
+    }
+    return node
+  })
+}
+
 // Turn multi part endpoints into camelCase
 // e.g. products/categories becomes productsCategories
 const normaliseFieldName = name => {
@@ -45,7 +78,7 @@ const downloadMedia = async ({
 
   if (cacheMediaData && n.modified === cacheMediaData.modified) {
     fileNodeID = cacheMediaData.fileNodeID
-    touchNode({ nodeId: cacheMediaData.fileNodeID })
+    touchNode({ nodeId: fileNodeID })
   }
 
   if (!fileNodeID) {
@@ -118,7 +151,12 @@ const mapMediaToNodes = async ({
   )
 }
 
-module.exports = { processNode, normaliseFieldName, mapMediaToNodes }
+module.exports = {
+  processNode,
+  normaliseFieldName,
+  mapMediaToNodes,
+  mapProductsToCategories,
+}
 
 // Helper Helpers
 function capitalize(s) {

package.json

@@ -1,12 +1,12 @@
 {
   "name": "@pasdo501/gatsby-source-woocommerce",
   "version": "0.3.2",
-  "description": "Modified gatsby source plugin for WooCommerce with improved field type support, scoped to avoid having to manually overwrite changes while pull request is open (or forever)",
+  "description": "Gatsby source plugin for WooCommerce with improved field type support",
   "main": "gatsby-node.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
-  "author": "Marc Aaron Glasser",
+  "author": "Dominik Paschke",
   "license": "ISC",
   "dependencies": {
     "gatsby-source-filesystem": "^2.0.27",