gatsby-node.js

// See: https://www.gatsbyjs.org/docs/node-apis/

// https://www.gatsbyjs.org/docs/add-custom-webpack-config/
exports.onCreateWebpackConfig = ({ getConfig, actions, plugins }) => {
  const config = getConfig()

  // Hides "[HMR] ..." logs in devtools
  if (config.entry.commons) {
    config.entry.commons = config.entry.commons.map(path =>
      // Add query param to entry added by Gatsby CLI https://git.io/JvAC5
      path.indexOf("/webpack-hot-middleware/client.js?") > -1
        ? path + "&quiet=true"
        : path
    )
  }

  actions.replaceWebpackConfig(config)

  actions.setWebpackConfig({
    plugins: [
      // Hides React Devtools advertisement in devtools
      // https://tinyurl.com/hide-react-devtools-advert
      plugins.define({
        __REACT_DEVTOOLS_GLOBAL_HOOK__: "({ isDisabled: true })",
      }),
    ],
  })
}

const { createFilePath } = require("gatsby-source-filesystem")

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

  if (node.internal.type.toLowerCase() === "mdx") {
    const value = createFilePath({ node, getNode }).replace(/(.+)(\/)$/, "$1")

    createNodeField({
      name: "slug",
      node,
      value,
    })
  }
}

const path = require("path")

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

  const result = await graphql(`
    query {
      allMdx {
        edges {
          node {
            id
            fields {
              slug
            }
            frontmatter {
              pcx_content_type
              title
              type
              order
              hidden
              hideChildren
              breadcrumbs
            }
            headings(depth: h1) {
              value
              depth
            }
            tableOfContents
            parent {
              ... on File {
                modifiedTime(formatString: "YYYY-MM-DD")
                relativePath
              }
            }
          }
        }
      }
    }
  `)

  if (result.errors) {
    reporter.panicOnBuild('ERROR: Loading "createPages" query')
  }

  const pages = result.data.allMdx.edges

  pages.forEach(({ node }) => {
    createPage({
      path: node.fields.slug,
      component: path.resolve("./src/components/mdx-custom-renderer.js"),
      context: node,
    })
  })
}

// We implement type definitions in order to prevent
// Gatsby from erroring that it can’t infer the type
// of a GraphQL-queried frontmatter property when
// there are no md(x) files currently using it.
// https://www.gatsbyjs.org/docs/schema-customization/#creating-type-definitions
exports.createSchemaCustomization = ({ actions }) => {
  const { createTypes } = actions

  const typeDefs = `
    type Mdx implements Node {
      frontmatter: Frontmatter
    }

    type Frontmatter {
      pcx_content_type:String
      demo: String
      breadcrumbs: Boolean
      difficulty: String
      hidden: Boolean
      hideChildren: Boolean
      order: Int
      summary: String
      tags: [String]
      title: String
      type: String
      updated: Date @dateformat
    }

    type Site {
      pathPrefix: String
      siteMetadata: SiteMetadata
    }

    type CloudflareDocs {
      pathPrefix: String
      product: String
      productIconKey: String
      productLogoPathD: String
      logoSVGContent: String
      contentRepo: String
      contentRepoFolder: String
      search: AlgoliaSearch
      externalLinks: [ExternalLinksType]
    }

    type ExternalLinksType {
      title: String
      url: String
    }

    type AlgoliaOptions {
      facetFilters: String
    }

    type AlgoliaSearch {
      indexName: String
      apiKey: String
      algoliaOptions: AlgoliaOptions
    }

    type SiteMetadata {
      cloudflareDocs: CloudflareDocs
      title: String
      description: String
      author: String
      url: String
      image: String
    }
  `

  createTypes(typeDefs)
}