Problems with basic multi model app

[batt0s]

Hey,

I am trying to make a basic app with 2 models. One is MainModel, menu, initial model when you open app, have a list of pages in it. Then, when you select one page from the list with enter, it changes to detail, DetailView, and shows detail of the page in viewport. When you press Esc, it gets back to the list.

I have 2 problems.
The first one is when I open detail (I made similar to the example), it's stuck on "Initializing..." until I resize the window.
And the other one is when I press Esc, it just quits the app.

Here is my MainModel:

type MainModel struct {
	state          sessionState
	list           list.Model
	selectedPageId string
	detail         tea.Model
}
func (m MainModel) Init() tea.Cmd {
	return nil
}

func (m MainModel) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
	var cmd tea.Cmd
	var cmds []tea.Cmd

	switch msg := msg.(type) {
	case tea.WindowSizeMsg:
		h, v := docStyle.GetFrameSize()
		m.list.SetSize(msg.Width-h, msg.Height-v)
	case tea.KeyMsg:
		switch {
		case key.Matches(msg, Keymap.Back):
			m.state = menuView
		case key.Matches(msg, Keymap.Quit):
			return m, tea.Quit
		case key.Matches(msg, Keymap.Enter):
			selected := m.list.SelectedItem()
			page, ok := selected.(page)
			if !ok {
				panic("selected.(page)")
			}
			m.selectedPageId = page.id
			m.state = detailView
		}
	}

	log.Println(m.state)
	switch m.state {
	case menuView:
		m.list, cmd = m.list.Update(msg)
	case detailView:
		m.detail = NewDetailView(m.selectedPageId, p)
		newDetail, newCmd := m.detail.Update(msg)
		m.detail = newDetail
		cmd = newCmd
	}
	cmds = append(cmds, cmd)
	return m, tea.Batch(cmds...)
}

func (m MainModel) View() string {
	log.Println(m.state)
	switch m.state {
	case detailView:
		return docStyle.Render(m.detail.View())
	default:
		return docStyle.Render(m.list.View())
	}
}

and my DetailView:

type DetailView struct {
	page     page
	viewport viewport.Model
	ready    bool
}
func NewDetailView(pageId string, p *tea.Program) tea.Model {
	var selectedPage page
	pages := pageList()
	for _, p := range pages {
		p, _ := p.(page)
		if p.id == pageId {
			selectedPage = p
			break
		}
	}
	m := DetailView{
		page: selectedPage,
	}
	return m
}
func (m DetailView) Init() tea.Cmd {
	return nil
}

func (m DetailView) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
	var cmd tea.Cmd
	var cmds []tea.Cmd
	switch msg := msg.(type) {
	case tea.WindowSizeMsg:
		headerHeight := lipgloss.Height(m.headerView())
		footerHeight := lipgloss.Height(m.footerView())
		verticalMarginHeight := headerHeight + footerHeight

		if !m.ready {
			m.viewport = viewport.New(msg.Width, msg.Height-verticalMarginHeight)
			m.viewport.YPosition = headerHeight
			m.viewport.HighPerformanceRendering = false
			m.viewport.SetContent(m.page.content)
			m.ready = true
			m.viewport.YPosition = headerHeight + 1
		} else {
			m.viewport.Width = msg.Width
			m.viewport.Height = msg.Height - verticalMarginHeight
		}
	}
	m.viewport, cmd = m.viewport.Update(msg)
	cmds = append(cmds, cmd)
	return m, tea.Batch(cmds...)
}

func (m DetailView) View() string {
	if !m.ready {
		return "\n  Initializing..."
	}
	return fmt.Sprintf("%s\n%s\n%s", m.headerView(), m.viewport.View(), m.footerView())
}

I can share more code if you ask.

Here is a GIF showing the problems:

Any help appreciated.

[AIvan83]

Hello. Check that video https://www.youtube.com/watch?v=uJ2egAkSkjg it may be useful for you