Improve CLI prompts and template cleanup

Author: AmanVarshney01

.changeset/three-clowns-notice.md

@@ -0,0 +1,5 @@
+---
+"create-better-t-stack": patch
+---
+
+Improve package manager prompts

apps/cli/src/prompts/install.ts

@@ -8,7 +8,7 @@ export async function getNoInstallChoice(
 	if (noInstall !== undefined) return noInstall;
 
 	const response = await confirm({
-		message: "Install dependencies?",
+		message: "Do you want to install project dependencies?",
 		initialValue: !DEFAULT_CONFIG.noInstall,
 	});
 

apps/cli/src/prompts/package-manager.ts

@@ -1,4 +1,4 @@
-import { cancel, confirm, isCancel, select } from "@clack/prompts";
+import { cancel, isCancel, select } from "@clack/prompts";
 import pc from "picocolors";
 import type { PackageManager } from "../types";
 import { getUserPkgManager } from "../utils/get-package-manager";
@@ -9,21 +9,16 @@ export async function getPackageManagerChoice(
 	if (packageManager !== undefined) return packageManager;
 
 	const detectedPackageManager = getUserPkgManager();
-	const useDetected = await confirm({
-		message: `Use ${detectedPackageManager} as your package manager?`,
-	});
-
-	if (isCancel(useDetected)) {
-		cancel(pc.red("Operation cancelled"));
-		process.exit(0);
-	}
-
-	if (useDetected) return detectedPackageManager;
 
 	const response = await select<PackageManager>({
-		message: "Which package manager would you like to use?",
+		message: "Which package manager do you want to use?",
 		options: [
 			{ value: "npm", label: "npm", hint: "Node Package Manager" },
+			{
+				value: "bun",
+				label: "bun",
+				hint: "All-in-one JavaScript runtime & toolkit",
+			},
 			{
 				value: "pnpm",
 				label: "pnpm",
@@ -34,13 +29,8 @@ export async function getPackageManagerChoice(
 				label: "yarn",
 				hint: "Fast, reliable, and secure dependency management",
 			},
-			{
-				value: "bun",
-				label: "bun",
-				hint: "All-in-one JavaScript runtime & toolkit",
-			},
 		],
-		initialValue: "bun",
+		initialValue: detectedPackageManager,
 	});
 
 	if (isCancel(response)) {

apps/cli/template/base/packages/client/src/index.css

@@ -44,14 +44,6 @@
   --color-chart-5: hsl(var(--chart-5));
 }
 
-/*
-  The default border color has changed to `currentColor` in Tailwind CSS v4,
-  so we've added these compatibility styles to make sure everything still
-  looks the same as it did with Tailwind CSS v3.
-
-  If we ever want to remove these styles, we need to add an explicit border
-  color utility to any element that depends on these defaults.
-*/
 @layer base {
   *,
   ::after,

apps/cli/template/base/packages/client/src/routes/index.tsx

@@ -10,7 +10,6 @@ function HomeComponent() {
   return (
     <div className="p-2">
       <h3>Welcome Home!</h3>
-      <Link to="/dashboard">Go to Dashboard</Link>
       <p>healthCheck: {healthCheck.data}</p>
     </div>
   );

apps/cli/template/with-auth/packages/client/_env

@@ -3,7 +3,7 @@ import { PrismaLibSQL } from "@prisma/adapter-libsql";
 import { createClient } from "@libsql/client";
 
 const libsql = createClient({
-  url: process.env.TURSO_DATABASE_URL,
+  url: process.env.TURSO_DATABASE_URL!,
   authToken: process.env.TURSO_AUTH_TOKEN,
 });
 

apps/cli/template/with-prisma-sqlite/packages/server/src/db/index.ts

@@ -4,6 +4,6 @@ import prisma from "../db";
 
 export const auth = betterAuth({
     database: prismaAdapter(prisma, {
-        provider: "sqlite", // or "mysql", "postgresql", ...etc
+        provider: "sqlite",
     }),
 });