package posts import ( "fmt" "strings" "github.com/charmbracelet/bubbles/key" "github.com/charmbracelet/bubbles/list" "github.com/charmbracelet/bubbles/viewport" tea "github.com/charmbracelet/bubbletea" "github.com/charmbracelet/glamour" "github.com/charmbracelet/lipgloss" "github.com/mrusme/gobbs/aggregator" "github.com/mrusme/gobbs/models/post" "github.com/mrusme/gobbs/ui/ctx" "github.com/mrusme/gobbs/ui/helpers" ) var ( listStyle = lipgloss.NewStyle(). Margin(0, 0, 0, 0). Padding(1, 1). Border(lipgloss.DoubleBorder()). BorderForeground(lipgloss.Color("#874BFD")). BorderTop(true). BorderLeft(true). BorderRight(true). BorderBottom(true) viewportStyle = lipgloss.NewStyle(). Margin(0, 0, 0, 0). Padding(0, 0). BorderTop(false). BorderLeft(false). BorderRight(false). BorderBottom(false) dialogBoxStyle = lipgloss.NewStyle(). Border(lipgloss.RoundedBorder()). BorderForeground(lipgloss.Color("#874BFD")). Padding(1, 0). BorderTop(true). BorderLeft(true). BorderRight(true). BorderBottom(true) buttonStyle = lipgloss.NewStyle(). Foreground(lipgloss.Color("#FFF7DB")). Background(lipgloss.Color("#888B7E")). Padding(0, 3). MarginTop(1) activeButtonStyle = buttonStyle.Copy(). Foreground(lipgloss.Color("#FFF7DB")). Background(lipgloss.Color("#F25D94")). MarginRight(2). Underline(true) ) type KeyMap struct { Refresh key.Binding Select key.Binding SwitchFocus key.Binding Close key.Binding } var DefaultKeyMap = KeyMap{ Refresh: key.NewBinding( key.WithKeys("r", "R"), key.WithHelp("r/R", "refresh"), ), Select: key.NewBinding( key.WithKeys("enter"), key.WithHelp("enter", "select"), ), SwitchFocus: key.NewBinding( key.WithKeys("tab"), key.WithHelp("tab", "switch focus"), ), Close: key.NewBinding( key.WithKeys("esc"), key.WithHelp("esc", "close"), ), } type Model struct { keymap KeyMap list list.Model items []list.Item viewport viewport.Model ctx *ctx.Ctx a *aggregator.Aggregator glam *glamour.TermRenderer focused int focusables [2]tea.Model viewportOpen bool } func (m Model) Init() tea.Cmd { return nil } func NewModel(c *ctx.Ctx) Model { m := Model{ keymap: DefaultKeyMap, focused: 0, viewportOpen: false, } // m.focusables = append(m.focusables, m.list) // m.focusables = append(m.focusables, m.viewport) m.list = list.New(m.items, list.NewDefaultDelegate(), 0, 0) m.list.Title = "Posts" m.ctx = c m.a, _ = aggregator.New(m.ctx) return m } func (m Model) Update(msg tea.Msg) (tea.Model, tea.Cmd) { var cmds []tea.Cmd switch msg := msg.(type) { case tea.KeyMsg: switch { case key.Matches(msg, m.keymap.Refresh): m.ctx.Loading = true cmds = append(cmds, m.refresh()) case key.Matches(msg, m.keymap.SwitchFocus): m.focused++ if m.focused >= len(m.focusables) { m.focused = 0 } // return m, nil case key.Matches(msg, m.keymap.Select): i, ok := m.list.SelectedItem().(post.Post) if ok { m.viewport.SetContent(m.renderViewport(&i)) return m, nil } case key.Matches(msg, m.keymap.Close): if m.viewportOpen { m.viewportOpen = false return m, nil } } case tea.WindowSizeMsg: listWidth := m.ctx.Content[0] - 2 listHeight := m.ctx.Content[1] - 1 viewportWidth := m.ctx.Content[0] - 9 viewportHeight := m.ctx.Content[1] - 10 listStyle.Width(listWidth) listStyle.Height(listHeight) m.list.SetSize( listWidth-2, listHeight-2, ) viewportStyle.Width(viewportWidth) viewportStyle.Height(viewportHeight) m.viewport = viewport.New(viewportWidth-4, viewportHeight-4) m.viewport.Width = viewportWidth - 4 m.viewport.Height = viewportHeight - 4 // cmds = append(cmds, viewport.Sync(m.viewport)) case []list.Item: m.items = msg m.list.SetItems(m.items) m.ctx.Loading = false } var cmd tea.Cmd if m.focused == 0 { listStyle.BorderForeground(lipgloss.Color("#FFFFFF")) viewportStyle.BorderForeground(lipgloss.Color("#874BFD")) m.list, cmd = m.list.Update(msg) cmds = append(cmds, cmd) } else if m.focused == 1 { listStyle.BorderForeground(lipgloss.Color("#874BFD")) viewportStyle.BorderForeground(lipgloss.Color("#FFFFFF")) m.viewport, cmd = m.viewport.Update(msg) cmds = append(cmds, cmd) } return m, tea.Batch(cmds...) } func (m Model) View() string { var view strings.Builder = strings.Builder{} view.WriteString(lipgloss.JoinHorizontal( lipgloss.Top, listStyle.Render(m.list.View()), )) if m.viewportOpen { okButton := activeButtonStyle.Render("[R]eply") cancelButton := buttonStyle.Render("Close") buttons := lipgloss.JoinHorizontal(lipgloss.Top, okButton, cancelButton) ui := lipgloss.JoinVertical( lipgloss.Center, viewportStyle.Render(m.viewport.View()), buttons, ) return helpers.PlaceOverlay(3, 2, dialogBoxStyle.Render(ui), view.String()) } return view.String() } func (m *Model) refresh() tea.Cmd { return func() tea.Msg { var items []list.Item posts, errs := m.a.ListPosts() if len(errs) > 0 { fmt.Printf("%s", errs) // TODO: Implement error message } for _, post := range posts { items = append(items, post) } return items } } func (m *Model) renderViewport(post *post.Post) string { var vp string = "" m.a.LoadPost(post) var err error m.glam, err = glamour.NewTermRenderer( glamour.WithAutoStyle(), glamour.WithWordWrap(m.viewport.Width), ) if err != nil { m.ctx.Logger.Error(err) m.glam = nil } vp = fmt.Sprintf( "# %s\n\n%s", post.Subject, post.Body, ) out, err := m.glam.Render(vp) if err != nil { m.ctx.Logger.Error(err) out = vp } m.viewportOpen = true return out }