From 7fc50106c5d5fd5ceb7dba4166e0e708cbf7ba92 Mon Sep 17 00:00:00 2001
From: Aman Varshney <amanvarshney.work@gmail.com>
Date: Thu, 13 Feb 2025 23:35:52 +0530
Subject: [PATCH] add small title for shorter window

---
 .changeset/four-tomatoes-rescue.md |  5 +++++
 apps/cli/src/index.ts              |  2 +-
 apps/cli/src/render-title.ts       | 18 ++++++++++++++++--
 3 files changed, 22 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/four-tomatoes-rescue.md

diff --git a/.changeset/four-tomatoes-rescue.md b/.changeset/four-tomatoes-rescue.md
new file mode 100644
index 0000000..b000dd9
--- /dev/null
+++ b/.changeset/four-tomatoes-rescue.md
@@ -0,0 +1,5 @@
+---
+"create-better-t-stack": patch
+---
+
+add small title for shorter window
diff --git a/apps/cli/src/index.ts b/apps/cli/src/index.ts
index 5f54af6..9411e54 100644
--- a/apps/cli/src/index.ts
+++ b/apps/cli/src/index.ts
@@ -189,7 +189,7 @@ async function gatherConfig(
 async function main() {
 	const s = spinner();
 	try {
-		console.clear();
+		process.stdout.write("\x1Bc");
 		renderTitle();
 		intro(chalk.bold("Creating a new Better-T Stack project"));
 		program
diff --git a/apps/cli/src/render-title.ts b/apps/cli/src/render-title.ts
index fd200da..0c7b1fb 100644
--- a/apps/cli/src/render-title.ts
+++ b/apps/cli/src/render-title.ts
@@ -18,6 +18,20 @@ const catppuccinTheme = {
 };
 
 export const renderTitle = () => {
-	const catppuccinGradient = gradient(Object.values(catppuccinTheme));
-	console.log(catppuccinGradient.multiline(TITLE_TEXT));
+	const terminalWidth = process.stdout.columns || 80;
+	const titleLines = TITLE_TEXT.split("\n");
+	const titleWidth = Math.max(...titleLines.map((line) => line.length));
+
+	if (terminalWidth < titleWidth) {
+		const simplifiedTitle = `
+    ╔══════════════════╗
+    ║  Better T-Stack  ║
+    ╚══════════════════╝
+    `;
+		console.log(
+			gradient(Object.values(catppuccinTheme)).multiline(simplifiedTitle),
+		);
+	} else {
+		console.log(gradient(Object.values(catppuccinTheme)).multiline(TITLE_TEXT));
+	}
 };