import path from "node:path";

import fs from "fs-extra";

import type { ProjectOptions } from "@/types";

import yoctoSpinner from "yocto-spinner";

import pc from "picocolors";

import { consola } from "consola";

import { addPackageDependency } from "@/utils/add-package-dependency";

import { EXTRAS_DIR } from "@/utils";

import { nameGenerator } from "@/utils/name-generator";

export const reactRouterMpaInstaller = async (

	options: Required<ProjectOptions>,

): Promise<boolean> => {

	const spinner = yoctoSpinner({

		text: "Setting up React Router MPA...",

	}).start();

	try {

		const { projectName, rpc, shadcn, tailwind, tanstackQuery } = options;

		const projectPath = path.resolve(process.cwd(), projectName);

		spinner.text = "Installing React Router MPA dependencies...";

		await addPackageDependency({

			dependencies: [

				"react-router",

				"@react-router/dev",

				"@react-router/node",

				"@react-router/serve",

				"vite-tsconfig-paths",

				"isbot",

			],

			target: "client",

			projectName,

		});

		// Copy root.tsx

		const rootTsxSrc = path.join(

			EXTRAS_DIR,

			"client",

			"src",

			"root.tsx",

			"root.tsx",

		);

		const rootTsxTarget = path.join(projectPath, "client", "src", "root.tsx");

		fs.copySync(rootTsxSrc, rootTsxTarget);

		// Copy routes.ts

		const routesTsSrc = path.join(

			EXTRAS_DIR,

			"client",

			"src",

			"routes.ts",

			"routes.ts",

		);

		const routesTsTarget = path.join(projectPath, "client", "src", "routes.ts");

		fs.copySync(routesTsSrc, routesTsTarget);

		// Create routes directory and copy home.tsx

		const routesDir = path.join(projectPath, "client", "src", "routes");

		fs.ensureDirSync(routesDir);

		const homeTsxSrc = path.join(

			EXTRAS_DIR,

			"client",

			"src",

			"routes",

			"home.tsx",

			"home.tsx",

		);

		const homeTsxTarget = path.join(routesDir, "home.tsx");

		fs.copySync(homeTsxSrc, homeTsxTarget);

		// Copy ClientOnly component

		const clientOnlySrc = path.join(

			EXTRAS_DIR,

			"client",

			"src",

			"components",

			"ClientOnly.tsx",

			"ClientOnly.tsx",

		);

		const clientOnlyTarget = path.join(

			projectPath,

			"client",

			"src",

			"components",

			"ClientOnly.tsx",

		);

		fs.copySync(clientOnlySrc, clientOnlyTarget);

		// Update Home component with ClientOnly wrapper

		const homeTsxTemplate = nameGenerator("Home.tsx", {

			reactroutermpa: true,

			rpc,

			shadcn,

			tailwind,

			tanstackQuery,

		});

		const homeComponentSrc = path.join(

			EXTRAS_DIR,

			"client",

			"src",

			"components",

			"Home.tsx",

			homeTsxTemplate,

		);

		const homeComponentTarget = path.join(

			projectPath,

			"client",

			"src",

			"components",

			"Home.tsx",

		);

		fs.copySync(homeComponentSrc, homeComponentTarget);

		// Remove unused files (App.tsx and main.tsx are not used in MPA setup)

		const appTsxPath = path.join(projectPath, "client", "src", "App.tsx");

		const mainTsxPath = path.join(projectPath, "client", "src", "main.tsx");

		if (fs.existsSync(appTsxPath)) {

			fs.removeSync(appTsxPath);

		}

		if (fs.existsSync(mainTsxPath)) {

			fs.removeSync(mainTsxPath);

		}

		// Copy react-router.config.ts

		const reactRouterConfigSrc = path.join(

			EXTRAS_DIR,

			"client",

			"react-router.config.ts",

			"react-router.config.ts",

		);

		const reactRouterConfigTarget = path.join(

			projectPath,

			"client",

			"react-router.config.ts",

		);

		fs.copySync(reactRouterConfigSrc, reactRouterConfigTarget);

		// Copy tsconfig.app.json

		const tsconfigAppSrc = path.join(

			EXTRAS_DIR,

			"client",

			"tsconfig.app.json",

			"tsconfig.app.json",

		);

		const tsconfigAppTarget = path.join(

			projectPath,

			"client",

			"tsconfig.app.json",

		);

		fs.copySync(tsconfigAppSrc, tsconfigAppTarget);

		// Update vite.config.ts

		const viteConfigTemplate = nameGenerator("vite.config.ts", {

			reactroutermpa: true,

			shadcn,

			tailwind,

		});

		const viteConfigSrc = path.join(

			EXTRAS_DIR,

			"client",

			"vite.config.ts",

			viteConfigTemplate,

		);

		const viteConfigTarget = path.join(projectPath, "client", "vite.config.ts");

		fs.copySync(viteConfigSrc, viteConfigTarget);

		// Update package.json scripts

		const packageJsonPath = path.join(projectPath, "client", "package.json");

		const packageJson = fs.readJsonSync(packageJsonPath);

		packageJson.scripts = {

			...packageJson.scripts,

			dev: "react-router dev",

			build: "react-router typegen && tsc -b && react-router build",

			typecheck: "react-router typegen && tsc",

		};

		fs.writeJsonSync(packageJsonPath, packageJson, { spaces: 2 });

		spinner.success("React Router MPA setup completed");

		return true;

	} catch (err: unknown) {

		spinner.error("Failed to set up React Router MPA");

		if (err instanceof Error) {

			consola.error(pc.red("Error:"), err.message);

		} else {

			consola.error(pc.red("Error: Unknown error"));

		}

		return false;

	}

};