fix(cli): update fumadocs addon setup

Author: AmanVarshney01

apps/cli/src/helpers/addons/fumadocs-setup.ts

@@ -1,19 +1,70 @@
 import path from "node:path";
-import { log } from "@clack/prompts";
+import { isCancel, log, select, spinner } from "@clack/prompts";
 import consola from "consola";
 import { execa } from "execa";
 import fs from "fs-extra";
 import pc from "picocolors";
 import type { ProjectConfig } from "../../types";
+import { exitCancelled } from "../../utils/errors";
 import { getPackageExecutionCommand } from "../../utils/package-runner";
 
+type FumadocsTemplate =
+	| "next-mdx"
+	| "waku"
+	| "react-router"
+	| "react-router-spa"
+	| "tanstack-start";
+
+const TEMPLATES = {
+	"next-mdx": {
+		label: "Next.js: Fumadocs MDX",
+		hint: "Recommended template with MDX support",
+		value: "+next+fuma-docs-mdx",
+	},
+	waku: {
+		label: "Waku: Content Collections",
+		hint: "Template using Waku with content collections",
+		value: "waku",
+	},
+	"react-router": {
+		label: "React Router: MDX Remote",
+		hint: "Template for React Router with MDX remote",
+		value: "react-router",
+	},
+	"react-router-spa": {
+		label: "React Router: SPA",
+		hint: "Template for React Router SPA",
+		value: "react-router-spa",
+	},
+	"tanstack-start": {
+		label: "Tanstack Start: MDX Remote",
+		hint: "Template for Tanstack Start with MDX remote",
+		value: "tanstack-start",
+	},
+} as const;
+
 export async function setupFumadocs(config: ProjectConfig) {
 	const { packageManager, projectDir } = config;
 
 	try {
 		log.info("Setting up Fumadocs...");
 
-		const commandWithArgs = `create-fumadocs-app@latest fumadocs --src --no-install --pm ${packageManager} --no-eslint --no-biome --no-git`;
+		const template = await select<FumadocsTemplate>({
+			message: "Choose a template",
+			options: Object.entries(TEMPLATES).map(([key, template]) => ({
+				value: key as FumadocsTemplate,
+				label: template.label,
+				hint: template.hint,
+			})),
+			initialValue: "next-mdx",
+		});
+
+		if (isCancel(template)) return exitCancelled("Operation cancelled");
+
+		const templateArg = TEMPLATES[template].value;
+
+		// love you to use @latest here but the cli updates too many times and breaks stuff
+		const commandWithArgs = `create-fumadocs-app@16.0.4 fumadocs --template ${templateArg} --src --pm ${packageManager} --no-git`;
 
 		const fumadocsInitCommand = getPackageExecutionCommand(
 			packageManager,
@@ -23,13 +74,16 @@ export async function setupFumadocs(config: ProjectConfig) {
 		const appsDir = path.join(projectDir, "apps");
 		await fs.ensureDir(appsDir);
 
+		const s = spinner();
+		s.start("Setting up Fumadocs...");
+
 		await execa(fumadocsInitCommand, {
 			cwd: appsDir,
 			env: { CI: "true" },
 			shell: true,
-			stdio: "inherit",
 		});
 
+		
 		const fumadocsDir = path.join(projectDir, "apps", "fumadocs");
 		const packageJsonPath = path.join(fumadocsDir, "package.json");
 
@@ -40,11 +94,11 @@ export async function setupFumadocs(config: ProjectConfig) {
 			if (packageJson.scripts?.dev) {
 				packageJson.scripts.dev = `${packageJson.scripts.dev} --port=4000`;
 			}
-
+			
 			await fs.writeJson(packageJsonPath, packageJson, { spaces: 2 });
 		}
-
-		log.success("Fumadocs setup successfully!");
+		
+		s.stop("Fumadocs setup complete!");
 	} catch (error) {
 		log.error(pc.red("Failed to set up Fumadocs"));
 		if (error instanceof Error) {