gatsby-node.js

const path = require('path')
const fetch = require('node-fetch')
const startCase = require('lodash.startcase')
const webpack = require('webpack')

const config = require('./config')

// [ fromPath, toPath ]
const redirects = [
  ['/beta', '/'],
  ['/download', '/'],
  ['/data-stories/*', '/'],
  ['/download', '/'],

  ['/blog', 'https://medium.com/qri-io'],
  ['/blog/a_better_mousetrap_podcast/', 'https://medium.com/qri-io/a-better-mousetrap-podcast-6cd068aba347'],
  ['/blog/datasets_are_books/', 'https://medium.com/qri-io/datasets-are-books-not-houses-760bd4736229'],
  ['/blog/introducing_qri/', 'https://medium.com/qri-io/introducing-qri-3b0e7fb470da'],
  ['/blog/mlb_homeruns/', 'https://medium.com/qri-io/leave-the-munging-to-the-machines-mlb-edition-9c23c82b4867'],
  ['/blog/qri_out_and_about/', 'https://medium.com/qri-io/qri-oot-and-aboot-7d5f5c591908'],
  ['/blog/unit_test_performance/', 'https://medium.com/qri-io'],
  ['/blog/*', 'https://medium.com/qri-io'],

  ['/docs/*', '/docs'],

  ['/jobs', 'https://jobs.lever.co/Qri'],
  ['/jobs/*', 'https://jobs.lever.co/Qri'],

  ['/install.sh', 'https://raw.githubusercontent.com/qri-io/qri_install/master/install.sh'],

  ['/faq', '/docs/faq']
]

exports.createPages = ({ graphql, actions }) => {
  const { createPage, createRedirect } = actions

  // redirects
  redirects.forEach(([fromPath, toPath]) => {
    createRedirect({
      fromPath,
      toPath
    })
  })

  return new Promise((resolve, reject) => {
    resolve(
      // graphql query to get mdx in the 'docs' souce instance
      // loose mdx files in /pages will be handled by gatsby's default page creation
      graphql(
        `
          {
            allMdx(filter: {fileAbsolutePath: {regex: "\\/docs/"}}) {
              edges {
                node {
                  fields {
                    id
                  }
                  tableOfContents
                  fields {
                    slug
                  }
                }
              }
            }
          }
        `
      ).then(result => {
        if (result.errors) {
          console.log(result.errors) // eslint-disable-line no-console
          reject(result.errors)
        }

        // Create docs pages
        result.data.allMdx.edges.forEach(({ node }) => {
          // special handling for api docs page
          if (node.fields.slug === '/docs/reference/qri-http-api/json-api-spec') {
            createPage({
              path: node.fields.slug,
              component: path.resolve('./src/components/ApiDocs.js'),
              context: {
                layout: 'docs',
                apiDocsPage: true
              }
            })
          }

          createPage({
            path: node.fields.slug ? node.fields.slug : '/',
            component: path.resolve('./src/components/DocsContent.js'),
            context: {
              id: node.fields.id,
              layout: 'docs',
              faqPage: node.fields.slug === '/docs/faq'
            }
          })
        })

        let colorClass = ''

        const createDocsSectionPages = (sections) => {
          sections.forEach((d) => {
            // save the top level colorClass to pass to section pages
            if (d.colorClass) {
              colorClass = d.colorClass
            }
            if (d.items) {
              createPage({
                path: d.path,
                component: path.resolve('./src/components/DocsSectionLandingPage.js'),
                context: {
                  sectionInfo: d,
                  colorClass,
                  layout: 'docsSectionLandingPage'
                }
              })

              createDocsSectionPages(d.items)
            }
          })
        }

        // create the docs section pages
        createDocsSectionPages(config.docsSections)
      })
    )
  })
}

exports.onCreateWebpackConfig = ({ stage, loaders, actions, getConfig }) => {
  const config = getConfig()

  config.resolve.modules = [path.resolve(__dirname, 'src'), 'node_modules']
  config.resolve.alias.$components = path.resolve(__dirname, 'src/components')
  config.resolve.alias.buble = '@philpl/buble'

  if (stage === 'build-html' || stage === 'develop-html') {
    config.module.rules.push({
      test: /mapbox-gl/,
      use: loaders.null()
    })
  }

  // required for using redoc after the upgrade to gatsby v3
  config.resolve.fallback = {
    buffer: require.resolve('buffer/'),
    events: require.resolve('events/'),
    fs: require.resolve('browserify-fs'),
    http: require.resolve('http-browserify'),
    path: require.resolve('path-browserify'),
    stream: require.resolve('stream-browserify'),
    'readable-stream': require.resolve('stream-browserify'),
    util: require.resolve('util/')
  }

  config.plugins = [
    ...config.plugins,
    new webpack.ProvidePlugin({
      process: 'process/browser'
    }),
    new webpack.ProvidePlugin({
      Buffer: ['buffer', 'Buffer']
    })
  ]

  // this is needed for redoc, which uses a different version of core-js from gatsby
  // see https://github.com/gatsbyjs/gatsby/issues/17136#issuecomment-568036690
  const coreJs2config = config.resolve.alias['core-js']
  delete config.resolve.alias['core-js']
  config.resolve.alias['core-js/modules'] = `${coreJs2config}/modules`
  try {
    config.resolve.alias['core-js/es'] = path.dirname(require.resolve('core-js/es'))
  } catch (err) { console.error(err) }

  actions.replaceWebpackConfig(config)
}

exports.onCreateBabelConfig = ({ actions }) => {
  actions.setBabelPlugin({
    name: '@babel/plugin-proposal-export-default-from'
  })
}

exports.onCreateNode = ({ node, getNode, actions }) => {
  const { createNodeField } = actions

  if (node.internal.type === 'Mdx') {
    const parent = getNode(node.parent)
    let value = parent.relativePath.replace(parent.ext, '')

    if (value === 'index') {
      value = ''
    }

    createNodeField({
      name: 'slug',
      node,
      value: `/${value}`
    })

    createNodeField({
      name: 'id',
      node,
      value: node.id
    })

    createNodeField({
      name: 'title',
      node,
      value: node.frontmatter.metaTitle || startCase(parent.name)
    })

    createNodeField({
      name: 'description',
      node,
      value: node.frontmatter.metaDescription
    })

    // make additional frontmatter fields for jobs
    if (node.fileAbsolutePath.match(/jobs\/job-/)) {
      createNodeField({
        name: 'jobTitle',
        node,
        value: node.frontmatter.jobTitle
      })

      createNodeField({
        name: 'jobLocation',
        node,
        value: node.frontmatter.jobLocation
      })
    }

    // make additional frontmatter fields for data stories
    if (node.fileAbsolutePath.match(/data-stories/)) {
      createNodeField({
        name: 'subtitle',
        node,
        value: node.frontmatter.subtitle
      })

      createNodeField({
        name: 'by',
        node,
        value: node.frontmatter.by
      })

      createNodeField({
        name: 'date',
        node,
        value: node.frontmatter.date
      })

      createNodeField({
        name: 'heroImage',
        node,
        value: node.frontmatter.heroImage
      })
    }
  }
}

// defines types for jobs frontmatter.  When there are no jobs markdown pages,
// this makes sure there is no error when rendering jobs/index
exports.createSchemaCustomization = ({ actions }) => {
  const { createTypes } = actions
  const typeDefs = `
    type MdxFields implements Node {
      jobTitle: String
      jobLocation: String
    }
  `
  createTypes(typeDefs)
}

exports.sourceNodes = async ({
  actions: { createNode },
  createContentDigest
}) => {
  // get data from qri cloud at build time to populate featured datasets
  const result = await fetch('https://registry.qri.cloud/dataset_summary/splash')
  const resultData = await result.json()

  const featuredDatasets = resultData.data.featured

  featuredDatasets.forEach((dataset) => {
    // hack, leaving this a number causes createNode() to fail with a heap error
    dataset.structure.length = dataset.structure.length.toString()

    createNode({
      id: `${dataset.peername}/${dataset.name}`,
      parent: null,
      children: [],
      internal: {
        type: 'featured',
        contentDigest: createContentDigest(dataset)
      },
      ...dataset
    })
  })
}