gatsby-node.js

gatsby-node.js

exports.onCreateNode = ({node, actions, getNodes, graphql, createNodeId, getCache}) => {
  if (node.internal.type !== 'SitePage') {
    return;
  }
  const { 
    createNode
  } = actions

  let media = []
  
  async function getMediaById(id) {
    const [ imgObj ] = await getNodes().filter(node => node.internal.type == 'CoolDrupalImage' && node.id == id)
    // Fetch remote image.
    const fileNode = await createRemoteFileNode({
      url: imgObj.url,
      parentNodeId: imgObj.id,
      createNode,
      createNodeId,
      getCache
    })
    if (fileNode) {
      imgObj.gatsbyImage = fileNode
      media.push(imgObj)
    }
    Promise.resolve(imgObj)
    return imgObj
  }

  if (_.has(node, 'context.body')) {
    let rx = /\[media:([0-9]+)\]/g

    async function replacer(match, mediaId) {
      const img = await getMediaById(mediaId)
      const imgUrl = img.url
      const imgAlt = img.alt
      return `![${imgAlt}](${imgUrl})`
    }

    stringReplaceAsync(node.context.body.value, rx, replacer).then((newMarkdown) => {
      const md = newMarkdown
      actions.createNode({
        id: node.context.id,
        parent: node.id,
        content: md,
        media: media,
        internal: {
          type: 'DrupalBlogPost',
          contentDigest: node.internal.contentDigest
        }
      })
    })
  }
}