personal/contentlayer.config.ts at main · afullsnack/personal · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
// contentlayer config
import { remarkCodeHike } from "@code-hike/mdx";
import { defineDocumentType, makeSource } from "contentlayer/source-files";

// Export Article schema
const Post = defineDocumentType(() => ({
  name: "Post",
  filePathPattern: "**/*.mdx",
  contentType: "mdx",
  fields: {
    title: { type: "string", required: true },
    date: { type: "date", required: true },
    description: { type: "string", required: true },
    author: { type: "string", required: true },
    authorPosition: { type: "string", required: true },
    authorAvatar: { type: "string", required: false },
    coverImg: { type: "string", required: true },
    thumbImg: { type: "string", required: true },
    tags: {
      type: "list",
      required: false,
      of: { type: "string" },
      default: [],
    },
  },
  computedFields: {
    url: {
      type: "string",
      resolve: (post: { slug: string; _raw: { flattenedPath: string } }) =>
        `${post._raw.flattenedPath.replaceAll("posts", "blog")}`,
    },
    wordCount: {
      type: "number",
      resolve: (doc) => doc.body.raw.split(/\s+/gu).length,
    },
    slug: {
      type: "string",
      resolve: (doc) => doc._raw.sourceFileName.replace(/\.mdx$/, ""),
    },
  },
}));

export default makeSource({
  contentDirPath: "content",
  documentTypes: [Post],
  mdx: {
    remarkPlugins: [
      [
        remarkCodeHike,
        {
          theme: "dark-plus",
          lineNumbers: true,
          showCopyButton: true,
          autoImport: true,
        },
      ],
    ],
  },
});