gatsby-node.js

const Prism = require('prismjs')
const loadLanguages = require('prismjs/components/')

const terminalSlides = require('./content/home-slides')

loadLanguages(['bash', 'python'])

const getBashHtml = bashText =>
  Prism.highlight(bashText, Prism.languages.bash, 'bash')

const getPythonHtml = pythonText =>
  Prism.highlight(pythonText, Prism.languages.python, 'python')

const formattedTerminalLines = terminalSlides.map(string => {
  const lines = string.split(/\r?\n/).map(line => {
    const l = line.trim()
    const commandPromptReg = /^(\$|>{3}|\.{3})/

    if (commandPromptReg.test(l)) {
      const prompt = l.match(commandPromptReg)[0]
      const text = l.replace(commandPromptReg, '')

      return {
        promptString: prompt,
        text: prompt === '$' ? getBashHtml(text) : getPythonHtml(text)
      }
    } else {
      return { text: l, promptString: null }
    }
  })
  return lines[0].text === '' ? lines.slice(1) : lines
})

exports.sourceNodes = ({ actions, createNodeId, createContentDigest }) => {
  const { createNode } = actions

  formattedTerminalLines.forEach((terminalLines, i) => {
    const formattedTerminalSlide = { lines: terminalLines }
    const nodeContent = JSON.stringify(formattedTerminalSlide)
    const nodeMeta = {
      id: createNodeId(`terminal-slide-${i}`),
      parent: null,
      children: [],
      internal: {
        type: 'TerminalSlide',
        content: nodeContent,
        contentDigest: createContentDigest(formattedTerminalSlide)
      }
    }

    const node = Object.assign({}, formattedTerminalSlide, nodeMeta)
    createNode(node)
  })
}