chore: add completed state with faded text

Author: jennieramida

models/homepage.go

@@ -49,7 +49,7 @@ func (m *Homepage) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
 }
 
 func (m *Homepage) View() string {
-	view := styles.FadeText("Welcome to Weave! 🪢  CLI for managing Initia deployments.\n\n")
+	view := styles.FadeText("\nWelcome to Weave! 🪢  CLI for managing Initia deployments.\n")
 	view += styles.RenderPrompt("What would you like to do today?", []string{}, styles.Question) + m.Selector.View()
 	return view
 }

models/weaveinit/run_l1_node.go

@@ -304,8 +304,9 @@ func NewMinGasPriceInput(state *RunL1NodeState) *MinGasPriceInput {
 	model := &MinGasPriceInput{
 		TextInput: utils.NewTextInput(),
 		state:     state,
-		question:  "Please specify min-gas-price (uinit)",
+		question:  "Please specify min-gas-price",
 	}
+	model.WithPlaceholder("add a number with denom")
 	model.WithValidatorFn(utils.ValidateDecCoin)
 	return model
 }
@@ -330,9 +331,9 @@ func (m *MinGasPriceInput) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
 }
 
 func (m *MinGasPriceInput) View() string {
-	preText := ""
+	preText := "\n"
 	if !m.state.existingApp {
-		preText += styles.RenderPrompt("There is no config/app.toml or config/config.toml available. You will need to enter the required information to proceed.\n\n", []string{"config/app.toml", "config/config.toml"}, styles.Information)
+		preText += styles.RenderPrompt("There is no config/app.toml or config/config.toml available. You will need to enter the required information to proceed.\n", []string{"config/app.toml", "config/config.toml"}, styles.Information)
 	}
 	return m.state.weave.PreviousResponse + preText + styles.RenderPrompt(m.GetQuestion(), []string{"min-gas-price"}, styles.Question) + m.TextInput.View()
 }
@@ -393,7 +394,7 @@ func (m *EnableFeaturesCheckbox) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
 }
 
 func (m *EnableFeaturesCheckbox) View() string {
-	return m.state.weave.PreviousResponse + "\n" + styles.RenderPrompt(m.GetQuestion(), []string{}, styles.Question) + "\n" + m.CheckBox.View()
+	return m.state.weave.PreviousResponse + styles.RenderPrompt(m.GetQuestion(), []string{}, styles.Question) + "\n" + m.CheckBox.View()
 }
 
 type SeedsInput struct {
@@ -408,6 +409,7 @@ func NewSeedsInput(state *RunL1NodeState) *SeedsInput {
 		state:     state,
 		question:  "Please specify the seeds",
 	}
+	model.WithPlaceholder("add in the format id@ip:port, you can add multiple seeds by adding comma (,)")
 	model.WithValidatorFn(utils.IsValidPeerOrSeed)
 	return model
 }
@@ -447,6 +449,7 @@ func NewPersistentPeersInput(state *RunL1NodeState) *PersistentPeersInput {
 		state:     state,
 		question:  "Please specify the persistent_peers",
 	}
+	model.WithPlaceholder("add in the format id@ip:port, you can add multiple seeds by adding comma (,)")
 	model.WithValidatorFn(utils.IsValidPeerOrSeed)
 	return model
 }
@@ -628,9 +631,9 @@ func (m *GenesisEndpointInput) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
 }
 
 func (m *GenesisEndpointInput) View() string {
-	preText := ""
+	preText := "\n"
 	if !m.state.existingApp {
-		preText += styles.RenderPrompt("There is no config/genesis.json available. You will need to enter the required information to proceed.\n\n", []string{"config/genesis.json"}, styles.Information)
+		preText += styles.RenderPrompt("There is no config/genesis.json available. You will need to enter the required information to proceed.\n", []string{"config/genesis.json"}, styles.Information)
 	}
 	return m.state.weave.PreviousResponse + preText + styles.RenderPrompt(m.GetQuestion(), []string{"endpoint"}, styles.Question) + m.TextInput.View()
 }
@@ -655,7 +658,7 @@ func (m *InitializingAppLoading) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
 	loader, cmd := m.Loading.Update(msg)
 	m.Loading = loader
 	if m.Loading.Completing {
-		m.state.weave.PreviousResponse += styles.RenderPreviousResponse(styles.NoSeparator, "Initialization successful.", []string{}, "")
+		m.state.weave.PreviousResponse += styles.RenderPrompt("Initialization successful.\n", []string{}, styles.Completed)
 		switch m.state.network {
 		case string(Local):
 			return m, tea.Quit

styles/text.go

@@ -85,9 +85,10 @@ type PromptStatus string
 
 const (
 	Empty       PromptStatus = "empty"
-	Completed   PromptStatus = "completed"
+	Checked     PromptStatus = "checked"
 	Question    PromptStatus = "question"
 	Information PromptStatus = "information"
+	Completed   PromptStatus = "completed"
 )
 
 var (
@@ -100,23 +101,30 @@ var (
 // RenderPrompt highlights phrases in the text if they match any phrase in the highlights list
 func RenderPrompt(text string, highlights []string, status PromptStatus) string {
 	prompt := ""
+	if status == Question {
+		prompt += "\n"
+	}
 	switch status {
 	case Question:
 		prompt += QuestionMark
-	case Completed:
+	case Checked:
 		prompt += CorrectMark
 	case Information:
 		prompt += InformationMark
+	case Completed:
+		prompt += CorrectMark
 	}
 
-	for _, highlight := range highlights {
-		if strings.Contains(text, highlight) {
-			text = strings.ReplaceAll(text, highlight, BoldText(highlight, Cyan))
+	if status != Completed {
+		for _, highlight := range highlights {
+			if strings.Contains(text, highlight) {
+				text = strings.ReplaceAll(text, highlight, BoldText(highlight, Cyan))
+			}
 		}
+		text = DefaultTextWithoutOverridingStyledText(text)
+	} else {
+		text = FadeText(text)
 	}
-
-	text = DefaultTextWithoutOverridingStyledText(text)
-
 	return prompt + text
 }
 
@@ -162,7 +170,7 @@ var (
 )
 
 func RenderPreviousResponse(separator string, question string, highlights []string, answer string) string {
-	return RenderPrompt(question, highlights, Completed) + separator + answer + "\n"
+	return RenderPrompt(question, highlights, Checked) + separator + answer + "\n"
 }
 
 func RenderError(err error) string {

utils/text_input.go

@@ -28,6 +28,10 @@ func (ti *TextInput) WithValidatorFn(fn func(string) error) {
 	ti.ValidationFn = fn
 }
 
+func (ti *TextInput) WithPlaceholder(placeholder string) {
+	ti.Placeholder = placeholder
+}
+
 func (ti TextInput) Update(msg tea.Msg) (TextInput, tea.Cmd, bool) {
 	switch msg := msg.(type) {
 	case tea.KeyMsg:
@@ -71,12 +75,12 @@ func (ti TextInput) View() string {
 		return "\n" + styles.Text("> ", styles.Cyan) + styles.Text(ti.Placeholder, styles.Gray) + styles.Cursor(" ") + "\n\n" + bottomText
 	} else if ti.Cursor < len(ti.Text) {
 		// Cursor is within the text
-		beforeCursor = styles.Text(ti.Text[:ti.Cursor], styles.Ivory)
+		beforeCursor = styles.Text(ti.Text[:ti.Cursor], styles.White)
 		cursorChar = styles.Cursor(ti.Text[ti.Cursor : ti.Cursor+1])
-		afterCursor = styles.Text(ti.Text[ti.Cursor+1:], styles.Ivory)
+		afterCursor = styles.Text(ti.Text[ti.Cursor+1:], styles.White)
 	} else {
 		// Cursor is at the end of the text
-		beforeCursor = styles.Text(ti.Text, styles.Ivory)
+		beforeCursor = styles.Text(ti.Text, styles.White)
 		cursorChar = styles.Cursor(" ")
 	}
 

utils/validate.go

@@ -207,6 +207,7 @@ func IsValidPeerOrSeed(addresses string) error {
 		}
 	}
 
+	// TODO add in error that id need to bbe 40 chars
 	if len(invalidAddresses) > 0 {
 		// Return an error with detailed messages
 		return errors.New("invalid peer/seed addresses:" + strings.Join(invalidAddresses, ","))