revola/source.config.ts at main · SameerJS6/revola · 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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
import { z } from "zod";

import { rehypeCode, remarkGfm } from "fumadocs-core/mdx-plugins";
import { fileGenerator, remarkDocGen, remarkInstall } from "fumadocs-docgen";
import { defineConfig, defineDocs, frontmatterSchema } from "fumadocs-mdx/config";
import { rehypePrettyCode } from "rehype-pretty-code";
import rehypeSlug from "rehype-slug";
import { codeImport } from "remark-code-import";

import { rehypeComponent } from "@/lib/rehype-component";

export const docs = defineDocs({
  dir: "content/docs",
  docs: {
    schema: frontmatterSchema.extend({
      ogDescription: z.string().min(1),
      links: z
        .object({
          dialog: z.string().optional(),
          drawer: z.string().optional(),
          docs: z.string().optional(),
        })
        .optional(),
      subdescription: z.string().optional(),
    }),
  },
});

export default defineConfig({
  mdxOptions: {
    rehypeCodeOptions: {
      themes: {
        light: "github-light-default",
        dark: "github-dark",
      },
    },
    rehypePlugins: [
      rehypeCode,
      rehypeComponent,
      rehypeSlug,
      [
        rehypePrettyCode,
        {
          theme: {
            dark: "github-dark",
            light: "github-light-default",
          },
        },
      ],
    ],
    // rehypePlugins: [
    //   rehypeCode,
    //   rehypeSlug,
    //   rehypeComponent,
    //   [
    //     rehypePrettyCode,
    //     {
    //       theme: {
    //         dark: "github-dark",
    //         light: "github-light-default",
    //       },
    //       getHighlighter: () =>
    //         getHighlighter({
    //           themes: ["github-dark", "github-light-default"],
    //         }),
    //       onVisitLine(node: { children: { length: number } }) {
    //         // Prevent lines from collapsing in `display: grid` mode, and allow empty
    //         // lines to be copy/pasted
    //         if (node.children.length === 0) {
    //           node.children = [{ type: "text", value: " " }];
    //         }
    //       },
    //       onVisitHighlightedLine(node: { properties: { className: string[] } }) {
    //         node.properties.className.push("line--highlighted");
    //       },
    //       onVisitHighlightedWord(node: { properties: { className: string[] } }) {
    //         node.properties.className = ["word--highlighted"];
    //       },
    //     },
    //   ],
    // ],
    remarkPlugins: [
      codeImport,
      remarkGfm,
      [remarkInstall, { persist: { id: "package-manager" } }],
      [remarkDocGen, { generators: [fileGenerator()] }],
    ],
  },
});