Gatsby: [gatsby-transformer-remark] Is there a way to access node.html in onCreateNode?

[zaparo]

Summary

node.html of MarkdownRemark nodes are undefined in onCreateNode. Is there a way to access it?

Relevant information

There are some relevant issues: #2991 #6314, but both of them are not resolved and closed.

Environment (if relevant)

Irrelevant.

File contents (if changed)

gatsby-config.js: N/A
package.json: N/A
gatsby-node.js:

exports.onCreateNode = async ({ node }) => {
  if (node.internal.type === 'MarkdownRemark') {
    console.log(typeof node.html) // => undefined
  }
}

gatsby-browser.js: N/A
gatsby-ssr.js: N/A

[stefanprobst]

gatsby-transformer-remark generates the html from markdown not immediately when creating the MarkdownRemark nodes, but lazily when the html field resolver is called in a query. This means that the html is not yet available in onCreateNode.

What are you trying to achieve? There might be another way to do it.

[zaparo]

@stefanprobst I am trying to encrypt the html in a new node, and then decrypt in the browser.

[zaparo]

I found a tricky solution: create a resolver for the encrypted field, and use nodeModel.runQuery in the resolver with a filter on html field to force html to be resolved.

[stefanprobst]

cool, great solution! :+1:

[Chalarangelo]

@problem233 Can you provide a sample of the code? I want to do something reasonably similar in my project.

[zaparo]

@Chalarangelo Here is a better way to get the resolver:

// gatsby-node.js
exports.createResolvers = await ({ createResolvers }) => createResolvers({
  SomeType: {
    someField: {
      resolve: async (source, _, context, info) => {
        const resolver = info.schema.getType("MarkdownRemark").getFields()["tableOfContents"].resolve
        const node = await context.nodeModel.getNodeById(id)
        const args = {} // arguments passed to the resolver
        const toc = await resolver(node, args)
        return toc
      }
    }
  }
})