next.config.js

const path = require('path')

const rehypePrism = require('@mapbox/rehype-prism')
const rehypeReadme = require('./lib/rehype-readme')
const nextMDX = require('@zeit/next-mdx')

// only enable rehypeReadme for this file
// because the github relative path replacement
// might break things in other markdowns
const withGitHubMDX = nextMDX({
  extension: path.join(__dirname, 'components', 'docs', 'docs.mdx'),
  options: {
    hastPlugins: [
      rehypePrism,
      [
        rehypeReadme,
        {
          repo: 'rehooks/template',
          branch: 'master',
          level: 4
        }
      ]
    ]
  }
})

const withMDX = nextMDX({
  extension: /\/(pages)\/(.+)\.mdx?$/,
  options: {
    hastPlugins: [rehypePrism]
  }
})

const webpack = require('webpack')

var config = {
  pageExtensions: ['jsx', 'js', 'mdx'],
  webpack: (config, { dev, isServer }) => {
    config.plugins = config.plugins || []
    config.plugins.push(
      new webpack.ContextReplacementPlugin(
        /highlight\.js[\/\\]lib[\/\\]languages$/,
        new RegExp(`^./(${['javascript', 'json', 'xml'].join('|')})$`)
      )
    )

    if (isServer && !dev) {
      const originalEntry = config.entry
      config.entry = async () => {
        const entries = { ...(await originalEntry()) }

        return entries
      }
    }

    return config
  }
}

if (process.env.BUNDLE_ANALYZE) {
  const withBundleAnalyzer = require('@zeit/next-bundle-analyzer')
  config = withBundleAnalyzer({
    analyzeServer: ['server', 'both'].includes(process.env.BUNDLE_ANALYZE),
    analyzeBrowser: ['browser', 'both'].includes(process.env.BUNDLE_ANALYZE),
    bundleAnalyzerConfig: {
      server: {
        analyzerMode: 'static',
        reportFilename: '../../bundles/server.html'
      },
      browser: {
        analyzerMode: 'static',
        reportFilename: '../bundles/client.html'
      }
    },
    ...config
  })
}

module.exports = withGitHubMDX(withMDX(config))