Split into category packages; module github.com/ZacharyZhang-NY/MujicaUI

messaging/thread_panel.go

@@ -0,0 +1,104 @@
+package messaging
+
+import (
+	"fmt"
+	"log/slog"
+	"strings"
+
+	"github.com/egoist/mygo/ui"
+
+	"github.com/ZacharyZhang-NY/MujicaUI/chat"
+	"github.com/ZacharyZhang-NY/MujicaUI/core"
+	"github.com/ZacharyZhang-NY/MujicaUI/input"
+	"github.com/ZacharyZhang-NY/MujicaUI/theme"
+)
+
+// ThreadPanelOptions configure a ThreadPanel.
+type ThreadPanelOptions struct {
+	// Width is the panel's width; zero means 360.
+	Width    float32
+	Disabled bool
+}
+
+// ThreadPanelResult is the panel's element and this frame's events.
+type ThreadPanelResult struct {
+	Element *ui.Element
+	// Sent is a reply the user sent; empty is none.
+	Sent string
+}
+
+type threadState struct {
+	list  chat.MessageListState
+	draft string
+}
+
+type threadKey struct{}
+
+// ThreadPanel displays a root message, replies and an editor.
+func ThreadPanel(c *ui.Context, open *bool, root ChatEntry, replies []ChatEntry, opts ThreadPanelOptions) ThreadPanelResult {
+	var r ThreadPanelResult
+	if opts.Width < 0 {
+		panic("mujica: ThreadPanel Width must not be negative")
+	}
+	w := opts.Width
+	if w == 0 {
+		w = 360
+	}
+	ww, _ := c.Size()
+	w = min(w, ww)
+	k := core.Tokens(c)
+	u := core.Density(c).Unit()
+	panel := ui.Column(c).Width(w).FillHeight().Shrink(0).Background(k.Surface).BorderWidth(0, 0, 0, 1).
+		BorderColor(k.Border).Role(ui.RoleGroup).Label(core.Msg(c, "thread_panel.title")).Disabled(opts.Disabled)
+	if panel.IsDisabled() {
+		*open = false
+	}
+	if !*open {
+		panel.Invisible()
+		return r
+	}
+	core.OverlayStyle(c, panel, core.OverlayEnter(c, panel))
+	panel.BorderWidth(0, 0, 0, 1).BorderColor(k.Border)
+	r.Element = panel
+	st := ui.Local(panel, threadKey{}, func() *threadState { return &threadState{} })
+	s := *st
+	panel.Children(func() {
+		ui.Row(c).Padding(u*3, u*3, u*2, u*4).AlignItems(ui.Center).Children(func() {
+			ui.Text(c, core.Msg(c, "thread_panel.title")).Font(theme.SerifFont).FontSize(core.FontSize(c, theme.H3Size)).FontWeight(600).Grow(1)
+			if core.IconAction(c, msgClose, core.Msg(c, "thread_panel.close")).Clicked() {
+				*open = false
+			}
+		})
+		ui.Scroll(c).MaxHeight(160).Shrink(1).Padding(0, u*2).Children(func() { ChatMessage(c, root, ChatMessageOptions{}) })
+		ui.Row(c).Gap(u*2).Padding(u*2, u*4).AlignItems(ui.Center).Children(func() {
+			ui.Text(c, fmt.Sprintf(core.Msg(c, "thread_panel.replies"), len(replies))).FontSize(core.FontSize(c, theme.CaptionSize)).
+				TextColor(k.TextMuted).SingleLine()
+			ui.Box(c).Height(1).Grow(1).Background(k.Border)
+		})
+		chat.MessageList(c, &s.list, len(replies), chat.MessageListOptions{
+			ID:    func(i int) string { return replies[i].ID },
+			Label: func(i int) string { return replies[i].Author + ": " + replies[i].Text },
+		}, func(i int) {
+			ChatMessage(c, replies[i], ChatMessageOptions{Continued: i > 0 && ChatContinues(replies[i-1], replies[i])})
+		})
+		ui.Row(c).Gap(u*2).Padding(u*3).AlignItems(ui.Center).BorderWidth(1, 0, 0, 0).BorderColor(k.Border).Children(func() {
+			in := input.TextInput(c, &s.draft, input.TextInputOptions{Placeholder: core.Msg(c, "thread_panel.reply"), Label: core.Msg(c, "thread_panel.reply"), Disabled: opts.Disabled})
+			in.Element.Grow(1)
+			send := input.IconButton(c, msgSend, core.Msg(c, "thread_panel.send"), input.IconButtonOptions{Disabled: strings.TrimSpace(s.draft) == ""})
+			if (in.Submitted() || send.Clicked()) && strings.TrimSpace(s.draft) != "" && !panel.IsDisabled() {
+				r.Sent, s.draft = strings.TrimSpace(s.draft), ""
+				s.list.ScrollToEnd()
+			}
+		})
+	})
+	if !panel.IsDisabled() && panel.Shortcut(0, ui.KeyEscape) {
+		*open = false
+	}
+	switch {
+	case r.Sent != "":
+		slog.Debug("mujica: thread_panel send", "len", len(r.Sent))
+	case !*open:
+		slog.Debug("mujica: thread_panel close")
+	}
+	return r
+}