Move to .mdx files.

Author: vLuckyyy

app/api/docs/search-index/route.ts

@@ -12,7 +12,7 @@ function findMarkdownFiles(dir: string): string[] {
     const fullPath = path.join(dir, entry.name);
     if (entry.isDirectory()) {
       files.push(...findMarkdownFiles(fullPath));
-    } else if (entry.isFile() && entry.name.endsWith(".md")) {
+    } else if (entry.isFile() && entry.name.endsWith(".mdx")) {
       files.push(fullPath);
     }
   }
@@ -29,7 +29,7 @@ function generateSearchIndex() {
     const content = fs.readFileSync(file, "utf8");
     const { data, content: markdownContent } = matter(content);
     const relativePath = path.relative(docsDir, file);
-    const urlPath = `/docs/${relativePath.replace(/\.md$/, "")}`;
+    const urlPath = `/docs/${relativePath.replace(/\.mdx$/, "")}`;
 
     const excerpt = markdownContent
       .replace(/[#*`_~]/g, "")
@@ -38,7 +38,7 @@ function generateSearchIndex() {
       .substring(0, 150);
 
     searchIndex.push({
-      title: data.title || path.basename(file, ".md"),
+      title: data.title || path.basename(file, ".mdx"),
       path: urlPath,
       excerpt,
     });

app/docs/[...slug]/page.tsx

@@ -13,7 +13,7 @@ import { EditOnGitHub } from "@/components/docs/content/EditOnGitHub";
 import { ErrorBoundary } from "@/components/docs/content/ErrorBoundary";
 import { ReadingTime } from "@/components/docs/content/ReadingTime";
 import { ShortLink } from "@/components/docs/content/ShortLink";
-import { docsStructure } from "@/components/docs/sidebar/sidebar-structure";
+import { docsStructure } from "@/lib/sidebar-structure";
 import { components, mdxOptions } from "@/components/mdx/mdx-components";
 
 interface DocMeta {
@@ -68,7 +68,7 @@ function getFlatDocs(): { title: string; path: string }[] {
 
 async function getDocBySlug(slug: string[]): Promise<Doc | null> {
   const docsDirectory = path.join(process.cwd(), "content/docs");
-  const fullPath = path.join(docsDirectory, slug.join("/") + ".md");
+  const fullPath = path.join(docsDirectory, slug.join("/") + ".mdx");
 
   try {
     const fileContents = await fs.readFile(fullPath, "utf8");

app/docs/page.tsx

@@ -1,6 +1,6 @@
 import { redirect } from "next/navigation";
 
-import { docsStructure } from "@/components/docs/sidebar/sidebar-structure";
+import { docsStructure } from "@/lib/sidebar-structure";
 
 function flattenDocs(structure: typeof docsStructure) {
   return structure.flatMap(item =>

components/docs/content/EditOnGitHub.tsx

@@ -9,7 +9,7 @@ interface EditOnGitHubProps {
 }
 
 export const EditOnGitHub = ({ filePath, className }: EditOnGitHubProps) => {
-  const githubUrl = `https://github.com/EternalCodeTeam/website/edit/main/content/docs/${filePath}.md`;
+  const githubUrl = `https://github.com/EternalCodeTeam/website/edit/main/content/docs/${filePath}.mdx`;
 
   return (
     <Link href={githubUrl} target="_blank" rel="noopener noreferrer">

components/docs/sidebar/DocSidebar.tsx

@@ -6,7 +6,7 @@ import React, { useEffect } from "react";
 
 import { cn } from "@/lib/utils";
 
-import { docsStructure } from "./sidebar-structure";
+import { docsStructure } from "../../../lib/sidebar-structure";
 import SidebarItem from "./SidebarItem";
 import { DocSidebarProps } from "./types";
 import { useMobileSidebar } from './useMobileSidebar';

components/mdx/mdx-components.tsx

@@ -56,7 +56,7 @@ export const components: MDXComponents = {
   ),
 
   // Custom components
-  Alert: AlertBox,
+  AlertBox: AlertBox,
   CodeTabs,
   CodeTab,
   DynamicCommandsTable,