import type { NextConfig } from 'next'
import createMDX from '@next/mdx'

const mdxCodeBlockPipeline = new URL('./lib/mdx-hast-visitor.js', import.meta.url).pathname
const calloutDirectivePath = new URL('./lib/callout-directive.js', import.meta.url).pathname

const nextConfig: NextConfig = {
  output: 'export',
  trailingSlash: true,
  images: { unoptimized: true },
}

const withMDX = createMDX({
  options: {
    remarkPlugins: [
      'remark-frontmatter',
      'remark-smartypants',
      'remark-math',
      'remark-gfm',
      'remark-directive',
      calloutDirectivePath,
    ],
    rehypePlugins: [
      'rehype-slug',
      ['rehype-external-links', { target: '_blank', rel: ['nofollow', 'noopener', 'noreferrer'] }],
      'rehype-autolink-headings',
      mdxCodeBlockPipeline,
      'rehype-katex',
    ],
  },
})

export default withMDX(nextConfig)