git.stevedylan.dev

fix(tanstack-router): run tsc via bunx to use local devDependency 52fc9d0f

🤖 Generated with [opencode](https://opencode.ai)

Co-Authored-By: opencode <noreply@opencode.ai>

Pedro Santana · 2025-08-13 09:30 2 file(s) · +103 −103

bun.lock +4 −4

8	8		"consola": "^3.4.2",
9	9		"degit": "^2.8.4",
10	10		"execa": "^7.2.0",
11		-	"fs-extra": "^11.3.0",
	11	+	"fs-extra": "^11.3.1",
12	12		"picocolors": "^1.1.1",
13	13		"yocto-spinner": "^1.0.0",
14	14		},

17	17		"@types/degit": "^2.8.6",
18	18		"@types/figlet": "^1.7.0",
19	19		"@types/fs-extra": "^11.0.4",
20		-	"@types/inquirer": "^9.0.8",
21		-	"@types/node": "^20.19.0",
	20	+	"@types/inquirer": "^9.0.9",
	21	+	"@types/node": "^20.19.10",
22	22		"@types/prompts": "^2.4.9",
23	23		"ts-node": "^10.9.2",
24		-	"typescript": "^5.8.3",
	24	+	"typescript": "^5.9.2",
25	25		},
26	26		},
27	27		},

src/installers/tanstack-router.ts +99 −99

import { execa } from "execa";

export const tanstackRouterInstaller = async (
	options: Required<ProjectOptions>,
  options: Required<ProjectOptions>,
): Promise<boolean> => {
	const spinner = yoctoSpinner({
		text: "Setting up TanStack Router...",
	}).start();
  const spinner = yoctoSpinner({
    text: "Setting up TanStack Router...",
  }).start();

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

		const projectPath = path.resolve(process.cwd(), projectName);
		spinner.text = "Installing TanStack Router...";
		await addPackageDependency({
			dependencies: [
				"@tanstack/react-router",
				"@tanstack/react-router-devtools",
			],
			target: "client",
			projectName,
		});
    const projectPath = path.resolve(process.cwd(), projectName);
    spinner.text = "Installing TanStack Router...";
    await addPackageDependency({
      dependencies: [
        "@tanstack/react-router",
        "@tanstack/react-router-devtools",
      ],
      target: "client",
      projectName,
    });

		await addPackageDependency({
			dependencies: ["@tanstack/router-plugin"],
			devMode: true,
			target: "client",
			projectName,
		});
    await addPackageDependency({
      dependencies: ["@tanstack/router-plugin"],
      devMode: true,
      target: "client",
      projectName,
    });

		const viteConfigTemplate = nameGenerator("vite.config.ts", {
			tailwind,
			shadcn,
			tanstackRouter: true,
		});
		const viteConfigSrc = path.join(
			EXTRAS_DIR,
			"client",
			"vite.config.ts",
			viteConfigTemplate,
		);
		const viteConfigTarget = path.join(projectPath, "client", "vite.config.ts");
		fs.copySync(viteConfigSrc, viteConfigTarget);
    const viteConfigTemplate = nameGenerator("vite.config.ts", {
      tailwind,
      shadcn,
      tanstackRouter: true,
    });
    const viteConfigSrc = path.join(
      EXTRAS_DIR,
      "client",
      "vite.config.ts",
      viteConfigTemplate,
    );
    const viteConfigTarget = path.join(projectPath, "client", "vite.config.ts");
    fs.copySync(viteConfigSrc, viteConfigTarget);

		const rootTsxSrc = path.join(
			EXTRAS_DIR,
			"client",
			"src",
			"routes",
			"__root.tsx",
		);
		const rootTsxTarget = path.join(
			projectPath,
			"client",
			"src",
			"routes",
			"__root.tsx",
		);
		fs.copySync(rootTsxSrc, rootTsxTarget);
    const rootTsxSrc = path.join(
      EXTRAS_DIR,
      "client",
      "src",
      "routes",
      "__root.tsx",
    );
    const rootTsxTarget = path.join(
      projectPath,
      "client",
      "src",
      "routes",
      "__root.tsx",
    );
    fs.copySync(rootTsxSrc, rootTsxTarget);

		const indexTsxSrc = path.join(
			EXTRAS_DIR,
			"client",
			"src",
			"routes",
			"index.tsx",
			nameGenerator("index.tsx", { tanstackQuery, tailwind, shadcn, rpc }),
		);
		const indexTsxTarget = path.join(
			projectPath,
			"client",
			"src",
			"routes",
			"index.tsx",
		);
		fs.copySync(indexTsxSrc, indexTsxTarget);
    const indexTsxSrc = path.join(
      EXTRAS_DIR,
      "client",
      "src",
      "routes",
      "index.tsx",
      nameGenerator("index.tsx", { tanstackQuery, tailwind, shadcn, rpc }),
    );
    const indexTsxTarget = path.join(
      projectPath,
      "client",
      "src",
      "routes",
      "index.tsx",
    );
    fs.copySync(indexTsxSrc, indexTsxTarget);

		const mainTsxSrc = path.join(
			EXTRAS_DIR,
			"client",
			"src",
			"main.tsx",
			nameGenerator("main.tsx", { tanstackQuery, tanstackRouter: true }),
		);
		const mainTsxTarget = path.join(projectPath, "client", "src", "main.tsx");
		fs.copySync(mainTsxSrc, mainTsxTarget);
    const mainTsxSrc = path.join(
      EXTRAS_DIR,
      "client",
      "src",
      "main.tsx",
      nameGenerator("main.tsx", { tanstackQuery, tanstackRouter: true }),
    );
    const mainTsxTarget = path.join(projectPath, "client", "src", "main.tsx");
    fs.copySync(mainTsxSrc, mainTsxTarget);

		const appTsxTarget = path.join(projectPath, "client", "src", "App.tsx");
		fs.remove(appTsxTarget);
    const appTsxTarget = path.join(projectPath, "client", "src", "App.tsx");
    fs.remove(appTsxTarget);

		spinner.text = "Generating TanStack Route Tree...";
    spinner.text = "Generating TanStack Route Tree...";

		// await execa("vite", ["--config", "vite.config.ts", "--force"], {
		// 	cwd: path.join(projectPath, "client"),
		// });
		//
		await execa("bunx", ["vite", "build"], {
			cwd: path.join(projectPath, "client"),
		});
    // await execa("vite", ["--config", "vite.config.ts", "--force"], {
    // 	cwd: path.join(projectPath, "client"),
    // });
    //
    await execa("bunx", ["vite", "build"], {
      cwd: path.join(projectPath, "client"),
    });

		await execa("tsc", ["-b"], {
			cwd: path.join(projectPath, "client"),
		});
    await execa("bunx", ["tsc", "-b"], {
      cwd: path.join(projectPath, "client"),
    });

		spinner.success("TanStack Router setup completed");
		return true;
	} catch (err: unknown) {
		spinner.error("Failed to set up TanStack Router");
		if (err instanceof Error) {
			consola.error(pc.red("Error:"), err.message);
		} else {
			consola.error(pc.red("Error: Unknown error"));
		}
		return false;
	}
    spinner.success("TanStack Router setup completed");
    return true;
  } catch (err: unknown) {
    spinner.error("Failed to set up TanStack Router");
    if (err instanceof Error) {
      consola.error(pc.red("Error:"), err.message);
    } else {
      consola.error(pc.red("Error: Unknown error"));
    }
    return false;
  }
};

10	10		import { execa } from "execa";
11	11
12	12		export const tanstackRouterInstaller = async (
13		-	options: Required<ProjectOptions>,
	13	+	options: Required<ProjectOptions>,
14	14		): Promise<boolean> => {
15		-	const spinner = yoctoSpinner({
16		-	text: "Setting up TanStack Router...",
17		-	}).start();
	15	+	const spinner = yoctoSpinner({
	16	+	text: "Setting up TanStack Router...",
	17	+	}).start();
18	18
19		-	try {
20		-	const { projectName, rpc, shadcn, tailwind, tanstackQuery } = options;
	19	+	try {
	20	+	const { projectName, rpc, shadcn, tailwind, tanstackQuery } = options;
21	21
22		-	const projectPath = path.resolve(process.cwd(), projectName);
23		-	spinner.text = "Installing TanStack Router...";
24		-	await addPackageDependency({
25		-	dependencies: [
26		-	"@tanstack/react-router",
27		-	"@tanstack/react-router-devtools",
28		-	],
29		-	target: "client",
30		-	projectName,
31		-	});
	22	+	const projectPath = path.resolve(process.cwd(), projectName);
	23	+	spinner.text = "Installing TanStack Router...";
	24	+	await addPackageDependency({
	25	+	dependencies: [
	26	+	"@tanstack/react-router",
	27	+	"@tanstack/react-router-devtools",
	28	+	],
	29	+	target: "client",
	30	+	projectName,
	31	+	});
32	32
33		-	await addPackageDependency({
34		-	dependencies: ["@tanstack/router-plugin"],
35		-	devMode: true,
36		-	target: "client",
37		-	projectName,
38		-	});
	33	+	await addPackageDependency({
	34	+	dependencies: ["@tanstack/router-plugin"],
	35	+	devMode: true,
	36	+	target: "client",
	37	+	projectName,
	38	+	});
39	39
40		-	const viteConfigTemplate = nameGenerator("vite.config.ts", {
41		-	tailwind,
42		-	shadcn,
43		-	tanstackRouter: true,
44		-	});
45		-	const viteConfigSrc = path.join(
46		-	EXTRAS_DIR,
47		-	"client",
48		-	"vite.config.ts",
49		-	viteConfigTemplate,
50		-	);
51		-	const viteConfigTarget = path.join(projectPath, "client", "vite.config.ts");
52		-	fs.copySync(viteConfigSrc, viteConfigTarget);
	40	+	const viteConfigTemplate = nameGenerator("vite.config.ts", {
	41	+	tailwind,
	42	+	shadcn,
	43	+	tanstackRouter: true,
	44	+	});
	45	+	const viteConfigSrc = path.join(
	46	+	EXTRAS_DIR,
	47	+	"client",
	48	+	"vite.config.ts",
	49	+	viteConfigTemplate,
	50	+	);
	51	+	const viteConfigTarget = path.join(projectPath, "client", "vite.config.ts");
	52	+	fs.copySync(viteConfigSrc, viteConfigTarget);
53	53
54		-	const rootTsxSrc = path.join(
55		-	EXTRAS_DIR,
56		-	"client",
57		-	"src",
58		-	"routes",
59		-	"__root.tsx",
60		-	);
61		-	const rootTsxTarget = path.join(
62		-	projectPath,
63		-	"client",
64		-	"src",
65		-	"routes",
66		-	"__root.tsx",
67		-	);
68		-	fs.copySync(rootTsxSrc, rootTsxTarget);
	54	+	const rootTsxSrc = path.join(
	55	+	EXTRAS_DIR,
	56	+	"client",
	57	+	"src",
	58	+	"routes",
	59	+	"__root.tsx",
	60	+	);
	61	+	const rootTsxTarget = path.join(
	62	+	projectPath,
	63	+	"client",
	64	+	"src",
	65	+	"routes",
	66	+	"__root.tsx",
	67	+	);
	68	+	fs.copySync(rootTsxSrc, rootTsxTarget);
69	69
70		-	const indexTsxSrc = path.join(
71		-	EXTRAS_DIR,
72		-	"client",
73		-	"src",
74		-	"routes",
75		-	"index.tsx",
76		-	nameGenerator("index.tsx", { tanstackQuery, tailwind, shadcn, rpc }),
77		-	);
78		-	const indexTsxTarget = path.join(
79		-	projectPath,
80		-	"client",
81		-	"src",
82		-	"routes",
83		-	"index.tsx",
84		-	);
85		-	fs.copySync(indexTsxSrc, indexTsxTarget);
	70	+	const indexTsxSrc = path.join(
	71	+	EXTRAS_DIR,
	72	+	"client",
	73	+	"src",
	74	+	"routes",
	75	+	"index.tsx",
	76	+	nameGenerator("index.tsx", { tanstackQuery, tailwind, shadcn, rpc }),
	77	+	);
	78	+	const indexTsxTarget = path.join(
	79	+	projectPath,
	80	+	"client",
	81	+	"src",
	82	+	"routes",
	83	+	"index.tsx",
	84	+	);
	85	+	fs.copySync(indexTsxSrc, indexTsxTarget);
86	86
87		-	const mainTsxSrc = path.join(
88		-	EXTRAS_DIR,
89		-	"client",
90		-	"src",
91		-	"main.tsx",
92		-	nameGenerator("main.tsx", { tanstackQuery, tanstackRouter: true }),
93		-	);
94		-	const mainTsxTarget = path.join(projectPath, "client", "src", "main.tsx");
95		-	fs.copySync(mainTsxSrc, mainTsxTarget);
	87	+	const mainTsxSrc = path.join(
	88	+	EXTRAS_DIR,
	89	+	"client",
	90	+	"src",
	91	+	"main.tsx",
	92	+	nameGenerator("main.tsx", { tanstackQuery, tanstackRouter: true }),
	93	+	);
	94	+	const mainTsxTarget = path.join(projectPath, "client", "src", "main.tsx");
	95	+	fs.copySync(mainTsxSrc, mainTsxTarget);
96	96
97		-	const appTsxTarget = path.join(projectPath, "client", "src", "App.tsx");
98		-	fs.remove(appTsxTarget);
	97	+	const appTsxTarget = path.join(projectPath, "client", "src", "App.tsx");
	98	+	fs.remove(appTsxTarget);
99	99
100		-	spinner.text = "Generating TanStack Route Tree...";
	100	+	spinner.text = "Generating TanStack Route Tree...";
101	101
102		-	// await execa("vite", ["--config", "vite.config.ts", "--force"], {
103		-	// cwd: path.join(projectPath, "client"),
104		-	// });
105		-	//
106		-	await execa("bunx", ["vite", "build"], {
107		-	cwd: path.join(projectPath, "client"),
108		-	});
	102	+	// await execa("vite", ["--config", "vite.config.ts", "--force"], {
	103	+	// cwd: path.join(projectPath, "client"),
	104	+	// });
	105	+	//
	106	+	await execa("bunx", ["vite", "build"], {
	107	+	cwd: path.join(projectPath, "client"),
	108	+	});
109	109
110		-	await execa("tsc", ["-b"], {
111		-	cwd: path.join(projectPath, "client"),
112		-	});
	110	+	await execa("bunx", ["tsc", "-b"], {
	111	+	cwd: path.join(projectPath, "client"),
	112	+	});
113	113
114		-	spinner.success("TanStack Router setup completed");
115		-	return true;
116		-	} catch (err: unknown) {
117		-	spinner.error("Failed to set up TanStack Router");
118		-	if (err instanceof Error) {
119		-	consola.error(pc.red("Error:"), err.message);
120		-	} else {
121		-	consola.error(pc.red("Error: Unknown error"));
122		-	}
123		-	return false;
124		-	}
	114	+	spinner.success("TanStack Router setup completed");
	115	+	return true;
	116	+	} catch (err: unknown) {
	117	+	spinner.error("Failed to set up TanStack Router");
	118	+	if (err instanceof Error) {
	119	+	consola.error(pc.red("Error:"), err.message);
	120	+	} else {
	121	+	consola.error(pc.red("Error: Unknown error"));
	122	+	}
	123	+	return false;
	124	+	}
125	125		};