feat(ui): add better ui for the cli tool

Author: lutefd

internal/ui/ui.go

@@ -10,27 +10,60 @@ import (
 )
 
 var (
+	primaryColor   = lipgloss.Color("#8BE9FD")
+	successColor   = lipgloss.Color("#50FA7B")
+	errorColor     = lipgloss.Color("#FF5555")
+	warningColor   = lipgloss.Color("#FFB86C")
+	secondaryColor = lipgloss.Color("#BD93F9")
+	textColor      = lipgloss.Color("#F8F8F2")
+
 	styleTitle = lipgloss.NewStyle().
 			Bold(true).
-			Foreground(lipgloss.Color("#FF6B6B")).
-			MarginBottom(1)
+			Foreground(primaryColor).
+			MarginBottom(1).
+			BorderStyle(lipgloss.RoundedBorder()).
+			Padding(0, 1).
+			Align(lipgloss.Center)
 
 	styleSuccess = lipgloss.NewStyle().
-			Foreground(lipgloss.Color("#59CD90"))
+			Foreground(successColor).
+			Bold(true).
+			PaddingLeft(2)
 
 	styleError = lipgloss.NewStyle().
-			Foreground(lipgloss.Color("#FF6B6B"))
+			Foreground(errorColor).
+			Bold(true).
+			PaddingLeft(2)
 
 	styleProgress = lipgloss.NewStyle().
-			Foreground(lipgloss.Color("#4ECDC4"))
+			Foreground(secondaryColor).
+			PaddingLeft(2)
 
 	styleCompleted = lipgloss.NewStyle().
-			Foreground(lipgloss.Color("#59CD90")).
-			SetString("✓")
+			Foreground(successColor).
+			SetString("✓").
+			PaddingRight(1)
 
 	stylePending = lipgloss.NewStyle().
-			Foreground(lipgloss.Color("#FFD93D")).
-			SetString("•")
+			Foreground(warningColor).
+			SetString("•").
+			PaddingRight(1)
+
+	styleCurrentStep = lipgloss.NewStyle().
+				Foreground(primaryColor).
+				Bold(true)
+
+	styleCompletedStep = lipgloss.NewStyle().
+				Foreground(textColor).
+				Faint(true)
+
+	stylePendingStep = lipgloss.NewStyle().
+				Foreground(textColor).
+				Faint(true)
+
+	styleStepMessage = lipgloss.NewStyle().
+				Foreground(secondaryColor).
+				Italic(true)
 )
 
 type InstallationStep struct {
@@ -163,7 +196,10 @@ func (m model) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
 	case tea.KeyMsg:
 		if msg.Type == tea.KeyCtrlC {
 			m.cancelled = true
-			return m, tea.Quit
+			return m, tea.Sequence(
+				tea.Println(styleError.Render("Installation cancelled by user")),
+				tea.Quit,
+			)
 		}
 
 	case spinner.TickMsg:
@@ -178,67 +214,82 @@ func (m model) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
 			return m, m.runNextStep()
 		}
 		m.completed = true
-		return m, tea.Quit
+		return m, tea.Sequence(
+			tea.Println(styleSuccess.Render("✨ Cursor installation completed successfully! ✨")),
+			tea.Quit,
+		)
 
 	case errMsg:
 		m.err = msg
-		return m, tea.Quit
+		return m, tea.Sequence(
+			tea.Println(styleError.Render(fmt.Sprintf("Error: %v", m.err))),
+			tea.Quit,
+		)
 
 	case upToDateMsg:
 		m.upToDate = true
 		m.currentVersion = msg.version
-		return m, tea.Quit
+		return m, tea.Sequence(
+			tea.Println(styleSuccess.Render("✨ Cursor "+m.currentVersion+" is already installed and up to date! ✨")),
+			tea.Quit,
+		)
 
 	case doneMsg:
 		m.completed = true
-		return m, tea.Quit
+		return m, tea.Sequence(
+			tea.Println(styleSuccess.Render("✨ Cursor installation completed successfully! ✨")),
+			tea.Quit,
+		)
 	}
 
 	return m, nil
 }
 
 func (m model) View() string {
 	if m.cancelled {
-		return styleError.Render("Installation cancelled by user.\n")
+		return styleError.Render("✗ Installation cancelled by user")
 	}
 
 	if m.upToDate {
-		return styleSuccess.Render(fmt.Sprintf("✨ Cursor is already up to date (version %s)! ✨\n", m.currentVersion))
+		return styleSuccess.Render(fmt.Sprintf("✨ Cursor is already up to date (version %s)!", m.currentVersion))
 	}
 
 	if m.completed {
-		return styleSuccess.Render("✨ Cursor installation completed successfully! ✨\n")
+		return styleSuccess.Render("✨ Cursor installation completed successfully!")
 	}
 
 	if m.err != nil {
-		return styleError.Render(fmt.Sprintf("Error: %v\n", m.err))
+		return styleError.Render(fmt.Sprintf("✗ Error: %v", m.err))
 	}
 
 	var s string
-	s += styleTitle.Render("Cursor Installer") + "\n"
-	s += styleProgress.Render(fmt.Sprintf("Progress: %d/%d", m.currentStep, len(m.steps))) + "\n"
+
+	s += styleTitle.Render("Cursor Installer") + "\n\n"
+
+	progress := fmt.Sprintf("Step %d of %d", m.currentStep+1, len(m.steps))
+	s += styleProgress.Render(progress) + "\n\n"
 
 	for i, step := range m.steps {
 		var stepPrefix string
+		var stepStyle lipgloss.Style
+
 		if i < m.currentStep {
 			stepPrefix = styleCompleted.String()
+			stepStyle = styleCompletedStep
 		} else if i == m.currentStep {
 			stepPrefix = m.spinner.View()
+			stepStyle = styleCurrentStep
 		} else {
 			stepPrefix = stylePending.String()
+			stepStyle = stylePendingStep
 		}
 
-		stepStyle := lipgloss.NewStyle()
-		if i == m.currentStep {
-			stepStyle = stepStyle.Foreground(lipgloss.Color("#4ECDC4"))
-		} else if i < m.currentStep {
-			stepStyle = stepStyle.Foreground(lipgloss.Color("#59CD90"))
-		}
+		s += fmt.Sprintf("%s%s", stepPrefix, stepStyle.Render(step.name))
 
-		s += fmt.Sprintf("%s %s", stepPrefix, stepStyle.Render(step.name))
 		if i == m.currentStep {
-			s += fmt.Sprintf(": %s", step.message)
+			s += styleStepMessage.Render(fmt.Sprintf(": %s", step.message))
 		}
+
 		s += "\n"
 	}