app view modelled, some new packages created

Author: yashranjan1

internal/tui/app/model.go

@@ -2,6 +2,8 @@ package app
 
 import (
 	tea "github.com/charmbracelet/bubbletea"
+	"github.com/charmbracelet/lipgloss"
+	"github.com/maniac-en/req/internal/tui/styles"
 )
 
 type AppModel struct {
@@ -28,9 +30,23 @@ func (a AppModel) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
 }
 
 func (a AppModel) View() string {
+	footer := a.Footer()
+	header := a.Header()
+	availableHeight := a.height - lipgloss.Height(header) - lipgloss.Height(footer)
+	view := lipgloss.NewStyle().Height(availableHeight).Width(a.width).Align(lipgloss.Center, lipgloss.Center).Render("Hello world!")
+	return lipgloss.JoinVertical(lipgloss.Top, header, view, footer)
+}
+
+func (a AppModel) Header() string {
 	return "Hello World"
 }
 
+func (a AppModel) Footer() string {
+	name := styles.GradientText("REQ", styles.FooterNameFGFrom, styles.FooterNameFGTo, styles.FooterNameStyle, styles.FooterNameBGStyle)
+	version := styles.FooterVersionStyle.Width(a.width - lipgloss.Width(name)).Render("v0.1.0-alpha2")
+	return lipgloss.JoinHorizontal(lipgloss.Left, name, version)
+}
+
 func NewAppModel() AppModel {
 	return AppModel{}
 }

internal/tui/keys/keys.go

@@ -0,0 +1,9 @@
+package styles
+
+import "github.com/charmbracelet/lipgloss"
+
+var (
+	FooterNameStyle    = lipgloss.NewStyle().Bold(true)
+	FooterNameBGStyle  = lipgloss.NewStyle().Background(FooterNameBG).Padding(0, 3, 0)
+	FooterVersionStyle = lipgloss.NewStyle().Background(lipgloss.Color("#262626")).AlignHorizontal(lipgloss.Right).PaddingRight(2).Foreground(lipgloss.Color("#656565"))
+)

internal/tui/styles/app-styles.go

@@ -0,0 +1,9 @@
+package styles
+
+import "github.com/charmbracelet/lipgloss"
+
+var (
+	FooterNameBG     = lipgloss.Color("#1a1a1a")
+	FooterNameFGFrom = lipgloss.Color("#6D51FE")
+	FooterNameFGTo   = lipgloss.Color("#8B0F7D")
+)

internal/tui/styles/colors.go

@@ -0,0 +1,39 @@
+package styles
+
+import (
+	"fmt"
+
+	"github.com/charmbracelet/lipgloss"
+)
+
+func GradientText(text string, startColor, endColor lipgloss.Color, base, additional lipgloss.Style) string {
+	n := len(text)
+	result := ""
+
+	for i := range n {
+		ratio := float64(i) / float64(n-1)
+		color := interpolateColor(startColor, endColor, ratio)
+
+		style := base.Foreground(lipgloss.Color(color))
+		result += style.Render(string(text[i]))
+	}
+
+	return additional.Render(result)
+}
+
+func interpolateColor(start, end lipgloss.Color, ratio float64) string {
+	r1, g1, b1 := hexToRGB(string(start))
+	r2, g2, b2 := hexToRGB(string(end))
+
+	r := int(float64(r1) + (float64(r2)-float64(r1))*ratio)
+	g := int(float64(g1) + (float64(g2)-float64(g1))*ratio)
+	b := int(float64(b1) + (float64(b2)-float64(b1))*ratio)
+
+	return fmt.Sprintf("#%02X%02X%02X", r, g, b)
+}
+
+func hexToRGB(hex string) (int, int, int) {
+	var r, g, b int
+	fmt.Sscanf(hex, "#%02x%02x%02x", &r, &g, &b)
+	return r, g, b
+}

internal/tui/styles/functions.go

@@ -0,0 +1,15 @@
+package views
+
+import (
+	tea "github.com/charmbracelet/bubbletea"
+)
+
+type ViewInterface interface {
+	Init() tea.Cmd
+	Name() string
+	Help() string
+	Update(tea.Msg) (ViewInterface, tea.Cmd)
+	View() string
+	OnFocus()
+	OnBlur()
+}