automatically calculate the width of the console

[pheninux]

hello ,

how to automatically calculate the width of the console. I want to display data in the center and when I change the width of the console the data remains in the center?

can you help me please

[bashbunni]

Hey @pheninux,

That would just require that you handle tea.WindowSizeMsg in your model's Update function.

	case tea.WindowSizeMsg:
		m.width = msg.Width
		return m, nil

You would set your new width in the block of code and after Update, View will be called to redraw your model. It's in View that it will redraw your model based on the updated terminal width. I hope that helps!

[pheninux]

Think you very much I will try that

[bashbunni]

Let us know how it goes!

[pheninux]

hello ,
I tried and it works ,
tks ;)

[pheninux]

hi

I have another question, why when I change the size of my console does it redraw the data several times in the console?

see screensho

this is my code :

package main

import (
"fmt"
tea "github.com/charmbracelet/bubbletea"
"github.com/charmbracelet/lipgloss"
"strings"
)

var (
with = 200
// Dialog.
BoxStyle = lipgloss.NewStyle().
Border(lipgloss.RoundedBorder()).
BorderForeground(lipgloss.Color("80")).
Padding(0, 0).
BorderTop(true).
BorderLeft(true).
BorderRight(true).
BorderBottom(true)

forcolor1 = lipgloss.NewStyle().Foreground(lipgloss.Color("98"))
forcolor2  = lipgloss.NewStyle().Foreground(lipgloss.Color("30"))
separator = lipgloss.NewStyle().SetString("❣").Foreground(lipgloss.Color("40")).Padding(0,1,0,1).String()

)

type model struct {
out string
}

func (m *model) Init() tea.Cmd {
return nil
}

func (m *model) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
switch message := msg.(type) {
case tea.KeyMsg:
switch message.String() {
case "q":
return m, tea.Quit
}

case tea.WindowSizeMsg:
	with = message.Width
	return m, nil
}
return m, nil

}

func (m *model) View() string {

sb := strings.Builder{}
sb.WriteString(lipgloss.JoinHorizontal(lipgloss.Center, forcolor1.SetString("Hello").String()+separator+forcolor2.SetString("World").String()))
m.out = lipgloss.Place(with, 0, lipgloss.Center, lipgloss.Top, sb.String(), lipgloss.WithWhitespaceChars(""))

return BoxStyle.Width(with - 2).Render(m.out)

}

func main() {

m := model{}

if err := tea.NewProgram(&m).Start(); err != nil {
	fmt.Println(err)
}

}