create-epicflare 1.1.0 → 1.2.0

package/index.ts

@@ -4,6 +4,115 @@ import { spawnSync } from 'node:child_process'
 import { join } from 'node:path'
 import { createInterface } from 'node:readline'
 
+const logoLines = [
+	'            ⠀⠀⠀⠀⠀⠀⢱⣆⠀⠀⠀⠀⠀⠀',
+	'            ⠀⠀⠀⠀⠀⠀⠈⣿⣷⡀⠀⠀⠀⠀',
+	'            ⠀⠀⠀⠀⠀⠀⢸⣿⣿⣷⣧⠀⠀⠀',
+	'            ⠀⠀⠀⠀⡀⢠⣿⡟⣿⣿⣿⡇⠀⠀',
+	'            ⠀⠀⠀⠀⣳⣼⣿⡏⢸⣿⣿⣿⢀⠀',
+	'            ⠀⠀⠀⣰⣿⣿⡿⠁⢸⣿⣿⡟⣼⡆',
+	'            ⢰⢀⣾⣿⣿⠟⠀⠀⣾⢿⣿⣿⣿⣿',
+	'            ⢸⣿⣿⣿⡏⠀⠀⠀⠃⠸⣿⣿⣿⡿',
+	'            ⢳⣿⣿⣿⠀⠀⠀⠀⠀⠀⢹⣿⡿⡁',
+	'            ⠀⠹⣿⣿⡄⠀⠀⠀⠀⠀⢠⣿⡞⠁',
+	'            ⠀⠀⠈⠛⢿⣄⠀⠀⠀⣠⠞⠋⠀⠀',
+	'            ⠀⠀⠀⠀⠀⠀⠉⠀⠀⠀⠀⠀⠀⠀',
+]
+
+const textLines = [
+	'             _       __ _                ',
+	'   ___ _ __ (_) ___ / _| | __ _ _ __ ___ ',
+	"  / _ \\ '_ \\| |/ __| |_| |/ _` | '__/ _ \\",
+	' |  __/ |_) | | (__|  _| | (_| | | |  __/',
+	'  \\___| .__/|_|\\___|_| |_|\\__,_|_|  \\___|',
+	'      |_|                                ',
+]
+
+// Split points for each line (where silver ends and orange begins)
+// Split after the left part ends, so right part starts cleanly
+const splitPoints = [19, 20, 20, 20, 20, 12]
+
+function colorizeGradient(lines: string[]): string {
+	const reset = '\x1b[0m'
+	// Silver RGB: (200, 200, 200)
+	// Orange RGB: (255, 165, 0)
+	const silver = { r: 200, g: 200, b: 200 }
+	const orange = { r: 255, g: 165, b: 0 }
+
+	return lines
+		.map((line, index) => {
+			if (!line.trim()) return line
+
+			// Calculate gradient position (0 = silver at top, 1 = orange at bottom)
+			const t = index / (lines.length - 1)
+
+			// Interpolate RGB values
+			const r = Math.round(silver.r + (orange.r - silver.r) * t)
+			const g = Math.round(silver.g + (orange.g - silver.g) * t)
+			const b = Math.round(silver.b + (orange.b - silver.b) * t)
+
+			// ANSI 24-bit color code
+			const colorCode = `\x1b[38;2;${r};${g};${b}m`
+			return `${colorCode}${line}${reset}`
+		})
+		.join('\n')
+}
+
+function colorizeText(lines: string[], splitPoints: number[]): string {
+	const reset = '\x1b[0m'
+	// Silver gradient: lighter (220, 220, 220) to darker (160, 160, 160)
+	const silverLight = { r: 220, g: 220, b: 220 }
+	const silverDark = { r: 160, g: 160, b: 160 }
+	// Orange gradient: lighter (255, 200, 100) to darker (200, 120, 0)
+	const orangeLight = { r: 255, g: 200, b: 100 }
+	const orangeDark = { r: 200, g: 120, b: 0 }
+
+	return lines
+		.map((line, index) => {
+			if (!line.trim()) return line
+
+			const splitPoint = splitPoints[index] || line.length
+			const leftPart = line.slice(0, splitPoint)
+			const rightPart = line.slice(splitPoint)
+
+			// Calculate gradient position for this line (0 = light at top, 1 = dark at bottom)
+			const t = index / (lines.length - 1)
+
+			// Silver gradient for left part
+			const silverR = Math.round(
+				silverLight.r + (silverDark.r - silverLight.r) * t,
+			)
+			const silverG = Math.round(
+				silverLight.g + (silverDark.g - silverLight.g) * t,
+			)
+			const silverB = Math.round(
+				silverLight.b + (silverDark.b - silverLight.b) * t,
+			)
+			const silverCode = `\x1b[38;2;${silverR};${silverG};${silverB}m`
+
+			// Orange gradient for right part
+			const orangeR = Math.round(
+				orangeLight.r + (orangeDark.r - orangeLight.r) * t,
+			)
+			const orangeG = Math.round(
+				orangeLight.g + (orangeDark.g - orangeLight.g) * t,
+			)
+			const orangeB = Math.round(
+				orangeLight.b + (orangeDark.b - orangeLight.b) * t,
+			)
+			const orangeCode = `\x1b[38;2;${orangeR};${orangeG};${orangeB}m`
+
+			return `${silverCode}${leftPart}${orangeCode}${rightPart}${reset}`
+		})
+		.join('\n')
+}
+
+const logoArt = colorizeGradient(logoLines)
+const textArt = colorizeText(textLines, splitPoints)
+console.log(logoArt)
+console.log(textArt)
+console.log('\n\n')
+
 const appName = process.argv[2] || (await getAppName())
 
 function getAppName() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-epicflare",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "CLI tool to quickly create a new epicflare app",
   "type": "module",
   "bin": {

package/test-split.ts

@@ -0,0 +1,20 @@
+const textLines = [
+	'             _       __ _                ',
+	'   ___ _ __ (_) ___ / _| | __ _ _ __ ___ ',
+	"  / _ \\ '_ \\| |/ __| |_| |/ _` | '__/ _ \\",
+	' |  __/ |_) | | (__|  _| | (_| | | |  __/',
+	'  \\___| .__/|_|\\___|_| |_|\\__,_|_|  \\___|',
+	'      |_|                                ',
+]
+
+const splitPoints = [20, 20, 20, 20, 20, 12]
+
+textLines.forEach((line, i) => {
+	const split = splitPoints[i]
+	const left = line.slice(0, split)
+	const right = line.slice(split)
+	console.log(`Line ${i + 1}:`)
+	console.log(`  Left (${left.length}): "${left}"`)
+	console.log(`  Right (${right.length}): "${right}"`)
+	console.log('')
+})