refactor: replace latest-version utility with github API integration and add last edit functionality

Author: NonSwag

content/docs/worlds/api/repository.mdx

@@ -4,7 +4,7 @@ title: Repository
 
 import { Tab, Tabs } from "fumadocs-ui/components/tabs"
 import { DynamicCodeBlock } from "fumadocs-ui/components/dynamic-codeblock"
-import { latestVersion } from "@/lib/latest-version"
+import { latestVersion } from "@/lib/github"
 export const version = await latestVersion("worlds")
 
 To start, add our repository to your project:
@@ -75,6 +75,6 @@ Add Worlds' API codebase as a dependency:
 </Tabs>
 
 <Callout type="info" title="Note">
-  The version of the Worlds API is the same as the version of the Worlds plugin.   
-  You can find all versions on the [releases page](https://github.com/TheNextLvl-net/worlds/releases).
+  The version of the Worlds API is the same as the version of the Worlds plugin. You can find all
+  versions on the [releases page](https://github.com/TheNextLvl-net/worlds/releases).
 </Callout>

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

@@ -3,6 +3,8 @@ import { DocsPage, DocsBody, DocsDescription, DocsTitle } from "fumadocs-ui/page
 import { notFound } from "next/navigation"
 import { createRelativeLink } from "fumadocs-ui/mdx"
 import { getMDXComponents } from "@/mdx-components"
+import { lastEdit } from "@/lib/github"
+import { SiGithub } from "@icons-pack/react-simple-icons"
 
 export default async function Page(props: { params: Promise<{ slug?: string[] }> }) {
   const params = await props.params
@@ -15,12 +17,22 @@ export default async function Page(props: { params: Promise<{ slug?: string[] }>
     <DocsPage
       toc={page.data.toc}
       full={page.data.full}
+      lastUpdate={await lastEdit(page)}
       tableOfContent={{
         style: "clerk",
       }}
     >
       <DocsTitle>{page.data.title}</DocsTitle>
-      <DocsDescription>{page.data.description}</DocsDescription>
+      <DocsDescription className="mb-0">{page.data.description}</DocsDescription>
+
+      <a
+        href={`https://github.com/TheNextLvl-net/docs/blob/main/content/docs/${page.file.path}`}
+        rel="noreferrer noopener"
+        target="_blank"
+        className="mb-8 w-fit border flex items-center gap-2 rounded-md p-2 font-medium text-xs text-fd-secondary-foreground hover:text-fd-accent-foreground hover:bg-fd-accent"
+      >
+        <SiGithub className="size-4" /> Edit on GitHub
+      </a>
       <DocsBody>
         <MDXContent
           components={getMDXComponents({

src/lib/github.ts

@@ -0,0 +1,40 @@
+import { getGithubLastEdit } from "fumadocs-core/server"
+import { Page } from "fumadocs-core/source"
+
+export async function latestVersion(repo: string) {
+  const response = await fetch(
+    `https://api.github.com/repos/TheNextLvl-net/${encodeURIComponent(repo)}/releases/latest`,
+    {
+      headers: {
+        ...(process.env.GITHUB_TOKEN && {
+          Authorization: `Bearer ${process.env.GITHUB_TOKEN}`,
+        }),
+        Accept: "application/vnd.github.v3+json",
+      },
+      cache: "force-cache",
+      next: {
+        revalidate: 3600,
+      },
+    },
+  )
+
+  if (!response.ok) {
+    return "VERSION"
+  }
+
+  const data = await response.json()
+  return data.tag_name
+}
+
+export async function lastEdit(page: Page): Promise<Date> {
+  var time = await getGithubLastEdit({
+    owner: "TheNextLvl-net",
+    repo: "docs",
+    token: process.env.GITHUB_TOKEN,
+    path: `content/docs/${page.file.path}`,
+  }).catch((error) => {
+    console.error("Error fetching last edit date:", error)
+    return new Date(0)
+  })
+  return time ? time : new Date(0)
+}