Merge pull request #25 from AndronixApp/fumadocs-migration

Fumadocs migration

Author: imprakharshukla

.gitignore

@@ -1,2 +1,7 @@
 .next
 node_modules
+.source
+.open-next
+.dev.vars
+.wrangler
+cloudflare-env.d.ts

.nvmrc

@@ -0,0 +1 @@
+20

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

@@ -0,0 +1,48 @@
+import { source } from '@/lib/source';
+import {
+  DocsPage,
+  DocsBody,
+  DocsDescription,
+  DocsTitle,
+} from 'fumadocs-ui/page';
+import { notFound } from 'next/navigation';
+import { getMDXComponents } from '@/mdx-components';
+
+export default async function Page(props: {
+  params: Promise<{ slug?: string[] }>;
+}) {
+  const params = await props.params;
+  const page = source.getPage(params.slug);
+
+  if (!page) notFound();
+
+  const MDX = page.data.body;
+
+  return (
+    <DocsPage toc={page.data.toc} full={page.data.full}>
+      <DocsTitle>{page.data.title}</DocsTitle>
+      <DocsDescription>{page.data.description}</DocsDescription>
+      <DocsBody>
+        <MDX components={getMDXComponents()} />
+      </DocsBody>
+    </DocsPage>
+  );
+}
+
+export async function generateStaticParams() {
+  return source.generateParams();
+}
+
+export async function generateMetadata(props: {
+  params: Promise<{ slug?: string[] }>;
+}) {
+  const params = await props.params;
+  const page = source.getPage(params.slug);
+
+  if (!page) notFound();
+
+  return {
+    title: page.data.title,
+    description: page.data.description,
+  };
+}

app/(docs)/layout.tsx

@@ -0,0 +1,25 @@
+import { source } from '@/lib/source';
+import { baseOptions } from '@/lib/layout.shared';
+import { DocsLayout } from 'fumadocs-ui/layouts/docs';
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: {
+    template: '%s - Andronix Docs',
+    default: 'Andronix Documentation',
+  },
+};
+
+export default function RootDocsLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <DocsLayout
+      {...baseOptions()}
+      tree={source.pageTree}
+      sidebar={{
+        defaultOpenLevel: 1,
+      }}
+    >
+      {children}
+    </DocsLayout>
+  );
+}

app/api/search/route.ts

@@ -0,0 +1,11 @@
+import { source } from '@/lib/source';
+import { createSearchAPI } from 'fumadocs-core/search/server';
+
+export const { GET } = createSearchAPI('advanced', {
+  indexes: source.getPages().map((page) => ({
+    title: page.data.title,
+    structuredData: page.data.structuredData,
+    id: page.url,
+    url: page.url,
+  })),
+});

app/global.css

@@ -0,0 +1,15 @@
+@import 'tailwindcss';
+@import 'fumadocs-ui/css/neutral.css';
+@import 'fumadocs-ui/css/preset.css';
+
+@theme {
+  /* Orange primary color for light mode */
+  --color-fd-primary: hsl(24.6, 95%, 53.1%); /* Orange-500 */
+  --color-fd-primary-foreground: hsl(0, 0%, 100%); /* White text */
+}
+
+.dark {
+  /* Orange primary color for dark mode */
+  --color-fd-primary: hsl(20.5, 90.2%, 48.2%); /* Orange-500 adjusted for dark */
+  --color-fd-primary-foreground: hsl(0, 0%, 100%); /* White text */
+}

app/layout.tsx

@@ -0,0 +1,64 @@
+import './global.css';
+import { RootProvider } from 'fumadocs-ui/provider';
+import { Banner } from 'fumadocs-ui/components/banner';
+import { Inter } from 'next/font/google';
+
+const inter = Inter({
+  subsets: ['latin'],
+});
+
+export const metadata = {
+  title: {
+    template: '%s - Andronix Docs',
+    default: 'Andronix Documentation',
+  },
+  description: 'Andronix lets you install Linux distributions like Ubuntu, Debian, and Manjaro on non-rooted Android devices. Read our documentation for step-by-step instructions.',
+  metadataBase: new URL('https://docs.andronix.app'),
+  openGraph: {
+    title: 'Andronix Documentation',
+    description: 'Andronix lets you install Ubuntu, Debian, and Manjaro on non-rooted Android devices. Our documentation provides step-by-step instructions and troubleshooting tips to help you set up your Linux environment quickly and easily. Experience the power of Linux on your mobile device with Andronix.',
+    url: 'https://docs.andronix.app/',
+    images: '/og.png',
+    type: 'website',
+  },
+  twitter: {
+    card: 'summary_large_image',
+    title: 'Andronix Documentation',
+    description: 'Andronix lets you install Ubuntu, Debian, and Manjaro on non-rooted Android devices. Our documentation provides step-by-step instructions and troubleshooting tips to help you set up your Linux environment quickly and easily. Experience the power of Linux on your mobile device with Andronix.',
+    images: '/og.png',
+  },
+};
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en" className={inter.className} suppressHydrationWarning>
+      <body>
+        <Banner
+          id="android-12-fix"
+          variant="rainbow"
+          rainbowColors={[
+            'rgba(255,100,0, 0.5)',
+            'rgba(255,100,0, 0.5)',
+            'transparent',
+            'rgba(255,100,0, 0.5)',
+            'transparent',
+            'rgba(255,100,0, 0.5)',
+            'transparent',
+          ]}
+        >
+          <div className="flex flex-col sm:flex-row sm:items-center gap-1 sm:gap-2 text-center sm:text-left">
+            <span className="font-medium">🚨 Resolve <strong>Process completed (signal 9)</strong> error</span>
+            <span className="hidden sm:inline">→</span>
+            <a
+              href="/android-12/andronix-on-android-12-and-beyond"
+              className="underline hover:text-white transition-colors"
+            >
+              Read the fix
+            </a>
+          </div>
+        </Banner>
+        <RootProvider>{children}</RootProvider>
+      </body>
+    </html>
+  );
+}

build.sh

@@ -0,0 +1,17 @@
+#!/bin/bash
+# Cloudflare Pages build script
+# This ensures OpenNext is used instead of the deprecated next-on-pages
+
+echo "Building with OpenNext Cloudflare adapter..."
+npx opennextjs-cloudflare build
+
+# Restructure for Cloudflare Pages
+echo "Setting up Cloudflare Pages structure..."
+
+# Copy worker to root as _worker.js
+cp .open-next/worker.js .open-next/_worker.js
+
+# Move assets to root level (Cloudflare Pages serves from root)
+cp -r .open-next/assets/* .open-next/
+
+echo "Build complete!"

components/author.tsx

@@ -1,12 +1,12 @@
-export default function Authors({ date, children, by = "by" }) {
+export default function Authors({ date, children, by = "by" }: { date: string; children: React.ReactNode; by?: string }) {
     return (
         <div className="mt-4 mb-16 text-gray-500 text-sm">
             {date} {by} {children}
         </div>
     );
 }
 
-export function Author({ name, link }) {
+export function Author({ name, link }: { name: string; link: string }) {
     return (
         <span className="after:content-[','] last:after:content-['']">
       <a

components/badge.tsx

@@ -1,8 +1,11 @@
-export default function Badge({children}) {
-
-    return (
-        <div className={"rounded-full inline-flex text-sm bg-orange-700 bg-opacity-10 w-fit text-orange-400 px-2 py-0.5"}>
-            <p>{children}</p>
-        </div>
-    )
+export default function Badge({ children }: { children: React.ReactNode }) {
+  return (
+    <span
+      className={
+        "rounded-full inline-flex items-center text-sm dark:bg-orange-500/20 bg-opacity-10 dark:text-orange-400 px-2 py-0.5 ml-2 bg-orange-500/10 text-orange-600"
+      }
+    >
+      {children}
+    </span>
+  );
 }