fix(web): explicitly mention all the flags

apps/web/src/app/(home)/_components/stack-builder.tsx

@@ -741,35 +741,52 @@ const analyzeStackCompatibility = (stack: StackState): CompatibilityResult => {
 			}
 
 			if (nextStack.auth === "clerk") {
-				const hasClerkCompatibleFrontend =
+				if (nextStack.backend !== "convex") {
-					nextStack.webFrontend.some((f) =>
-						[
-							"tanstack-router",
-							"react-router",
-							"tanstack-start",
-							"next",
-						].includes(f),
-					) ||
-					nextStack.nativeFrontend.some((f) =>
-						["native-nativewind", "native-unistyles"].includes(f),
-					);
-
-				if (!hasClerkCompatibleFrontend) {
 					notes.auth.notes.push(
-						"Clerk auth is not compatible with the selected frontends. Auth will be set to 'None'.",
+						"Clerk auth is only available with Convex backend. Auth will be set to 'None'.",
 					);
-					notes.webFrontend.notes.push(
+					notes.backend.notes.push(
-						"Selected frontends are not compatible with Clerk auth. Auth will be disabled.",
+						"Clerk auth requires Convex backend. Auth will be disabled.",
 					);
 					notes.auth.hasIssue = true;
-					notes.webFrontend.hasIssue = true;
+					notes.backend.hasIssue = true;
 					nextStack.auth = "none";
 					changed = true;
 					changes.push({
 						category: "auth",
-						message:
+						message: "Auth set to 'None' (Clerk only available with Convex)",
-							"Auth set to 'None' (Clerk not compatible with selected frontends)",
 					});
+				} else {
+					const hasClerkCompatibleFrontend =
+						nextStack.webFrontend.some((f) =>
+							[
+								"tanstack-router",
+								"react-router",
+								"tanstack-start",
+								"next",
+							].includes(f),
+						) ||
+						nextStack.nativeFrontend.some((f) =>
+							["native-nativewind", "native-unistyles"].includes(f),
+						);
+
+					if (!hasClerkCompatibleFrontend) {
+						notes.auth.notes.push(
+							"Clerk auth is not compatible with the selected frontends. Auth will be set to 'None'.",
+						);
+						notes.webFrontend.notes.push(
+							"Selected frontends are not compatible with Clerk auth. Auth will be disabled.",
+						);
+						notes.auth.hasIssue = true;
+						notes.webFrontend.hasIssue = true;
+						nextStack.auth = "none";
+						changed = true;
+						changes.push({
+							category: "auth",
+							message:
+								"Auth set to 'None' (Clerk not compatible with selected frontends)",
+						});
+					}
 				}
 			}
 
@@ -1131,100 +1148,64 @@ const generateCommand = (stackState: StackState): string => {
 	}
 
 	const projectName = stackState.projectName || "my-better-t-app";
-	const flags: string[] = ["--yes"];
+	const flags: string[] = [];
 
-	const checkDefault = <K extends keyof StackState>(
+	const isDefaultStack = Object.keys(DEFAULT_STACK).every((key) => {
-		key: K,
+		if (key === "projectName") return true;
-		value: StackState[K],
+		const defaultKey = key as keyof StackState;
-	) => isStackDefault(stackState, key, value);
+		return isStackDefault(stackState, defaultKey, stackState[defaultKey]);
+	});
 
-	const combinedFrontends = [
+	if (isDefaultStack) {
-		...stackState.webFrontend,
+		flags.push("--yes");
-		...stackState.nativeFrontend,
+	} else {
-	].filter((v, _, arr) => v !== "none" || arr.length === 1);
+		const combinedFrontends = [
+			...stackState.webFrontend,
+			...stackState.nativeFrontend,
+		].filter((v, _, arr) => v !== "none" || arr.length === 1);
 
-	if (
-		!checkDefault("webFrontend", stackState.webFrontend) ||
-		!checkDefault("nativeFrontend", stackState.nativeFrontend)
-	) {
 		if (combinedFrontends.length === 0 || combinedFrontends[0] === "none") {
 			flags.push("--frontend none");
 		} else {
 			flags.push(`--frontend ${combinedFrontends.join(" ")}`);
 		}
-	}
 
-	if (!checkDefault("backend", stackState.backend)) {
 		flags.push(`--backend ${stackState.backend}`);
-	}
 
-	if (stackState.backend !== "convex") {
+		if (stackState.backend !== "convex") {
-		if (!checkDefault("runtime", stackState.runtime)) {
 			flags.push(`--runtime ${stackState.runtime}`);
-		}
+
-		if (!checkDefault("api", stackState.api)) {
 			flags.push(`--api ${stackState.api}`);
-		}
 
-		const requiresExplicitDatabase = [
-			"d1",
-			"turso",
-			"neon",
-			"supabase",
-			"prisma-postgres",
-			"mongodb-atlas",
-			"docker",
-		].includes(stackState.dbSetup);
-
-		if (
-			!checkDefault("database", stackState.database) ||
-			requiresExplicitDatabase
-		) {
 			flags.push(`--database ${stackState.database}`);
-		}
+
-		if (!checkDefault("orm", stackState.orm)) {
 			flags.push(`--orm ${stackState.orm}`);
-		}
+
-		if (!checkDefault("auth", stackState.auth)) {
+			flags.push(`--auth ${stackState.auth}`);
+
+			flags.push(`--db-setup ${stackState.dbSetup}`);
+		} else {
 			flags.push(`--auth ${stackState.auth}`);
 		}
-		if (!checkDefault("dbSetup", stackState.dbSetup)) {
-			flags.push(`--db-setup ${stackState.dbSetup}`);
-		}
-	} else {
-	}
 
-	if (!checkDefault("packageManager", stackState.packageManager)) {
 		flags.push(`--package-manager ${stackState.packageManager}`);
-	}
 
-	if (!checkDefault("git", stackState.git)) {
+		if (stackState.git === "false") {
-		if (stackState.git === "false" && DEFAULT_STACK.git === "true") {
 			flags.push("--no-git");
+		} else {
+			flags.push("--git");
 		}
-	}
 
-	if (
-		stackState.webDeploy &&
-		!checkDefault("webDeploy", stackState.webDeploy)
-	) {
 		flags.push(`--web-deploy ${stackState.webDeploy}`);
-	}
 
-	if (
-		stackState.serverDeploy &&
-		!checkDefault("serverDeploy", stackState.serverDeploy)
-	) {
 		flags.push(`--server-deploy ${stackState.serverDeploy}`);
-	}
 
-	if (!checkDefault("install", stackState.install)) {
+		if (stackState.install === "false") {
-		if (stackState.install === "false" && DEFAULT_STACK.install === "true") {
 			flags.push("--no-install");
+		} else {
+			flags.push("--install");
 		}
-	}
 
-	if (!checkDefault("addons", stackState.addons)) {
 		if (stackState.addons.length > 0) {
 			const validAddons = stackState.addons.filter((addon) =>
 				[
@@ -1242,25 +1223,15 @@ const generateCommand = (stackState: StackState): string => {
 			);
 			if (validAddons.length > 0) {
 				flags.push(`--addons ${validAddons.join(" ")}`);
-			} else {
-				if (DEFAULT_STACK.addons.length > 0) {
-					flags.push("--addons none");
-				}
 			}
 		} else {
-			if (DEFAULT_STACK.addons.length > 0) {
+			flags.push("--addons none");
-				flags.push("--addons none");
-			}
 		}
-	}
 
-	if (!checkDefault("examples", stackState.examples)) {
 		if (stackState.examples.length > 0) {
 			flags.push(`--examples ${stackState.examples.join(" ")}`);
 		} else {
-			if (DEFAULT_STACK.examples.length > 0) {
+			flags.push("--examples none");
-				flags.push("--examples none");
-			}
 		}
 	}
 
@@ -1699,6 +1670,29 @@ const StackBuilder = () => {
 			}
 		}
 
+		if (category === "auth" && optionId === "clerk") {
+			if (finalStack.backend !== "convex") {
+				return false;
+			}
+
+			const hasClerkCompatibleFrontend =
+				finalStack.webFrontend.some((f) =>
+					[
+						"tanstack-router",
+						"react-router",
+						"tanstack-start",
+						"next",
+					].includes(f),
+				) ||
+				finalStack.nativeFrontend.some((f) =>
+					["native-nativewind", "native-unistyles"].includes(f),
+				);
+
+			if (!hasClerkCompatibleFrontend) {
+				return false;
+			}
+		}
+
 		if (
 			category === "webFrontend" ||
 			category === "nativeFrontend" ||

apps/web/src/lib/constant.ts

@@ -602,6 +602,8 @@ export const PRESET_TEMPLATES = [
 			git: "true",
 			install: "true",
 			api: "trpc",
+			webDeploy: "none",
+			serverDeploy: "none",
 		},
 	},
 	{
@@ -624,6 +626,8 @@ export const PRESET_TEMPLATES = [
 			git: "true",
 			install: "true",
 			api: "none",
+			webDeploy: "none",
+			serverDeploy: "none",
 		},
 	},
 	{
@@ -646,6 +650,8 @@ export const PRESET_TEMPLATES = [
 			git: "true",
 			install: "true",
 			api: "trpc",
+			webDeploy: "none",
+			serverDeploy: "none",
 		},
 	},
 	{
@@ -668,6 +674,8 @@ export const PRESET_TEMPLATES = [
 			git: "true",
 			install: "true",
 			api: "trpc",
+			webDeploy: "none",
+			serverDeploy: "none",
 		},
 	},
 	{
@@ -690,6 +698,8 @@ export const PRESET_TEMPLATES = [
 			git: "true",
 			install: "true",
 			api: "trpc",
+			webDeploy: "alchemy",
+			serverDeploy: "alchemy",
 		},
 	},
 ];
@@ -757,13 +767,18 @@ export const isStackDefault = <K extends keyof StackState>(
 			return true;
 	}
 
-	if (key === "webFrontend" && stack.webFrontend) {
+	if (
-		if (key === "webFrontend") {
+		key === "webFrontend" ||
-			const defaultWeb = (DEFAULT_STACK.webFrontend as string[]).sort();
+		key === "nativeFrontend" ||
-			const valueWeb = (value as string[]).sort();
+		key === "addons" ||
+		key === "examples"
+	) {
+		if (Array.isArray(defaultValue) && Array.isArray(value)) {
+			const sortedDefault = [...defaultValue].sort();
+			const sortedValue = [...value].sort();
 			return (
-				defaultWeb.length === valueWeb.length &&
+				sortedDefault.length === sortedValue.length &&
-				defaultWeb.every((item, index) => item === valueWeb[index])
+				sortedDefault.every((item, index) => item === sortedValue[index])
 			);
 		}
 	}
@@ -776,5 +791,6 @@ export const isStackDefault = <K extends keyof StackState>(
 			sortedDefault.every((item, index) => item === sortedValue[index])
 		);
 	}
+
 	return defaultValue === value;
 };