SupremeTechnopriest/react-idle-timer

import {
  ComputedFields,
  defineDocumentType,
  makeSource
} from 'contentlayer/source-files'

import remarkEmoji from 'remark-emoji'
import remarkGfm from 'remark-gfm'
import remarkSlug from 'remark-slug'

import siteConfig from './configs/site.config'
import { getTableOfContents } from './src/utils/mdx'
import { rehypeMdxCodeMeta } from './src/utils/rehype'

const computedFields: ComputedFields = {
  slug: {
    type: 'string',
    resolve: (doc) => `/${doc._raw.flattenedPath}`
  },
  editUrl: {
    type: 'string',
    resolve: (doc) => `${siteConfig.repo.editUrl}/${doc._id}`
  }
}

const Doc = defineDocumentType(() => ({
  name: 'Doc',
  filePathPattern: 'docs/**/*.mdx',
  contentType: 'mdx',
  fields: {
    title: { type: 'string', required: true },
    description: { type: 'string', required: true },
    image: { type: 'string' }
  },
  computedFields: {
    ...computedFields,
    frontMatter: {
      type: 'json',
      resolve: (doc) => ({
        title: doc.title,
        description: doc.description,
        image: doc.image,
        slug: `/${doc._raw.flattenedPath}`,
        headings: getTableOfContents(doc.body.raw)
      })
    }
  }
}))

export default makeSource({
  contentDirPath: 'pages',
  documentTypes: [Doc],
  mdx: {
    rehypePlugins: [rehypeMdxCodeMeta],
    remarkPlugins: [remarkSlug, remarkGfm, remarkEmoji]
  }
})