mirror of
https://github.com/Maks1mS/bubbles.git
synced 2025-10-19 00:49:54 +03:00
Compare commits
1 Commits
v0.13.0
...
list-lint-
Author | SHA1 | Date | |
---|---|---|---|
|
2e55803b28 |
14
README.md
14
README.md
@@ -41,18 +41,6 @@ the common, and many customization options.
|
|||||||
* [Example code, one field](https://github.com/charmbracelet/tea/tree/master/examples/textinput/main.go)
|
* [Example code, one field](https://github.com/charmbracelet/tea/tree/master/examples/textinput/main.go)
|
||||||
* [Example code, many fields](https://github.com/charmbracelet/tea/tree/master/examples/textinputs/main.go)
|
* [Example code, many fields](https://github.com/charmbracelet/tea/tree/master/examples/textinputs/main.go)
|
||||||
|
|
||||||
## Text Area
|
|
||||||
|
|
||||||
<img src="https://stuff.charm.sh/bubbles-examples/textarea.gif" width="400" alt="Text Area Example">
|
|
||||||
|
|
||||||
A text area field, akin to an `<textarea />` in HTML. Allows for input that
|
|
||||||
spans multiple lines. Supports unicode, pasting, vertical scrolling when the
|
|
||||||
value exceeds the width and height of the element, and many customization
|
|
||||||
options.
|
|
||||||
|
|
||||||
* [Example code, chat input](https://github.com/charmbracelet/tea/tree/master/examples/chat/main.go)
|
|
||||||
* [Example code, story time input](https://github.com/charmbracelet/tea/tree/master/examples/textarea/main.go)
|
|
||||||
|
|
||||||
|
|
||||||
## Progress
|
## Progress
|
||||||
|
|
||||||
@@ -78,7 +66,7 @@ Supports "dot-style" pagination (similar to what you might see on iOS) and
|
|||||||
numeric page numbering, but you could also just use this component for the
|
numeric page numbering, but you could also just use this component for the
|
||||||
logic and visualize pagination however you like.
|
logic and visualize pagination however you like.
|
||||||
|
|
||||||
* [Example code](https://github.com/charmbracelet/bubbletea/blob/master/examples/paginator/main.go)
|
* [Example code](https://github.com/charmbracelet/bubbletea/blob/master/examples/pager/main.go)
|
||||||
|
|
||||||
|
|
||||||
## Viewport
|
## Viewport
|
||||||
|
207
cursor/cursor.go
207
cursor/cursor.go
@@ -1,207 +0,0 @@
|
|||||||
package cursor
|
|
||||||
|
|
||||||
import (
|
|
||||||
"context"
|
|
||||||
"time"
|
|
||||||
|
|
||||||
tea "github.com/charmbracelet/bubbletea"
|
|
||||||
"github.com/charmbracelet/lipgloss"
|
|
||||||
)
|
|
||||||
|
|
||||||
const defaultBlinkSpeed = time.Millisecond * 530
|
|
||||||
|
|
||||||
// initialBlinkMsg initializes cursor blinking.
|
|
||||||
type initialBlinkMsg struct{}
|
|
||||||
|
|
||||||
// BlinkMsg signals that the cursor should blink. It contains metadata that
|
|
||||||
// allows us to tell if the blink message is the one we're expecting.
|
|
||||||
type BlinkMsg struct {
|
|
||||||
id int
|
|
||||||
tag int
|
|
||||||
}
|
|
||||||
|
|
||||||
// blinkCanceled is sent when a blink operation is canceled.
|
|
||||||
type blinkCanceled struct{}
|
|
||||||
|
|
||||||
// blinkCtx manages cursor blinking.
|
|
||||||
type blinkCtx struct {
|
|
||||||
ctx context.Context
|
|
||||||
cancel context.CancelFunc
|
|
||||||
}
|
|
||||||
|
|
||||||
// Mode describes the behavior of the cursor.
|
|
||||||
type Mode int
|
|
||||||
|
|
||||||
// Available cursor modes.
|
|
||||||
const (
|
|
||||||
CursorBlink Mode = iota
|
|
||||||
CursorStatic
|
|
||||||
CursorHide
|
|
||||||
)
|
|
||||||
|
|
||||||
// String returns the cursor mode in a human-readable format. This method is
|
|
||||||
// provisional and for informational purposes only.
|
|
||||||
func (c Mode) String() string {
|
|
||||||
return [...]string{
|
|
||||||
"blink",
|
|
||||||
"static",
|
|
||||||
"hidden",
|
|
||||||
}[c]
|
|
||||||
}
|
|
||||||
|
|
||||||
// Model is the Bubble Tea model for this cursor element.
|
|
||||||
type Model struct {
|
|
||||||
BlinkSpeed time.Duration
|
|
||||||
// Style for styling the cursor block.
|
|
||||||
Style lipgloss.Style
|
|
||||||
// TextStyle is the style used for the cursor when it is hidden (when blinking).
|
|
||||||
// I.e. displaying normal text.
|
|
||||||
TextStyle lipgloss.Style
|
|
||||||
|
|
||||||
// char is the character under the cursor
|
|
||||||
char string
|
|
||||||
// The ID of this Model as it relates to other cursors
|
|
||||||
id int
|
|
||||||
// focus indicates whether the containing input is focused
|
|
||||||
focus bool
|
|
||||||
// Cursor Blink state.
|
|
||||||
Blink bool
|
|
||||||
// Used to manage cursor blink
|
|
||||||
blinkCtx *blinkCtx
|
|
||||||
// The ID of the blink message we're expecting to receive.
|
|
||||||
blinkTag int
|
|
||||||
// cursorMode determines the behavior of the cursor
|
|
||||||
cursorMode Mode
|
|
||||||
}
|
|
||||||
|
|
||||||
// New creates a new model with default settings.
|
|
||||||
func New() Model {
|
|
||||||
return Model{
|
|
||||||
BlinkSpeed: defaultBlinkSpeed,
|
|
||||||
|
|
||||||
Blink: true,
|
|
||||||
cursorMode: CursorBlink,
|
|
||||||
|
|
||||||
blinkCtx: &blinkCtx{
|
|
||||||
ctx: context.Background(),
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Update updates the cursor.
|
|
||||||
func (m Model) Update(msg tea.Msg) (Model, tea.Cmd) {
|
|
||||||
switch msg := msg.(type) {
|
|
||||||
case initialBlinkMsg:
|
|
||||||
// We accept all initialBlinkMsgs generated by the Blink command.
|
|
||||||
|
|
||||||
if m.cursorMode != CursorBlink || !m.focus {
|
|
||||||
return m, nil
|
|
||||||
}
|
|
||||||
|
|
||||||
cmd := m.BlinkCmd()
|
|
||||||
return m, cmd
|
|
||||||
|
|
||||||
case BlinkMsg:
|
|
||||||
// We're choosy about whether to accept blinkMsgs so that our cursor
|
|
||||||
// only exactly when it should.
|
|
||||||
|
|
||||||
// Is this model blink-able?
|
|
||||||
if m.cursorMode != CursorBlink || !m.focus {
|
|
||||||
return m, nil
|
|
||||||
}
|
|
||||||
|
|
||||||
// Were we expecting this blink message?
|
|
||||||
if msg.id != m.id || msg.tag != m.blinkTag {
|
|
||||||
return m, nil
|
|
||||||
}
|
|
||||||
|
|
||||||
var cmd tea.Cmd
|
|
||||||
if m.cursorMode == CursorBlink {
|
|
||||||
m.Blink = !m.Blink
|
|
||||||
cmd = m.BlinkCmd()
|
|
||||||
}
|
|
||||||
return m, cmd
|
|
||||||
|
|
||||||
case blinkCanceled: // no-op
|
|
||||||
return m, nil
|
|
||||||
}
|
|
||||||
return m, nil
|
|
||||||
}
|
|
||||||
|
|
||||||
// CursorMode returns the model's cursor mode. For available cursor modes, see
|
|
||||||
// type CursorMode.
|
|
||||||
func (m Model) CursorMode() Mode {
|
|
||||||
return m.cursorMode
|
|
||||||
}
|
|
||||||
|
|
||||||
// SetCursorMode sets the model's cursor mode. This method returns a command.
|
|
||||||
//
|
|
||||||
// For available cursor modes, see type CursorMode.
|
|
||||||
func (m *Model) SetCursorMode(mode Mode) tea.Cmd {
|
|
||||||
m.cursorMode = mode
|
|
||||||
m.Blink = m.cursorMode == CursorHide || !m.focus
|
|
||||||
if mode == CursorBlink {
|
|
||||||
return Blink
|
|
||||||
}
|
|
||||||
return nil
|
|
||||||
}
|
|
||||||
|
|
||||||
// BlinkCmd is an command used to manage cursor blinking.
|
|
||||||
func (m *Model) BlinkCmd() tea.Cmd {
|
|
||||||
if m.cursorMode != CursorBlink {
|
|
||||||
return nil
|
|
||||||
}
|
|
||||||
|
|
||||||
if m.blinkCtx != nil && m.blinkCtx.cancel != nil {
|
|
||||||
m.blinkCtx.cancel()
|
|
||||||
}
|
|
||||||
|
|
||||||
ctx, cancel := context.WithTimeout(m.blinkCtx.ctx, m.BlinkSpeed)
|
|
||||||
m.blinkCtx.cancel = cancel
|
|
||||||
|
|
||||||
m.blinkTag++
|
|
||||||
|
|
||||||
return func() tea.Msg {
|
|
||||||
defer cancel()
|
|
||||||
<-ctx.Done()
|
|
||||||
if ctx.Err() == context.DeadlineExceeded {
|
|
||||||
return BlinkMsg{id: m.id, tag: m.blinkTag}
|
|
||||||
}
|
|
||||||
return blinkCanceled{}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Blink is a command used to initialize cursor blinking.
|
|
||||||
func Blink() tea.Msg {
|
|
||||||
return initialBlinkMsg{}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Focus focuses the cursor to allow it to blink if desired.
|
|
||||||
func (m *Model) Focus() tea.Cmd {
|
|
||||||
m.focus = true
|
|
||||||
m.Blink = m.cursorMode == CursorHide // show the cursor unless we've explicitly hidden it
|
|
||||||
|
|
||||||
if m.cursorMode == CursorBlink && m.focus {
|
|
||||||
return m.BlinkCmd()
|
|
||||||
}
|
|
||||||
return nil
|
|
||||||
}
|
|
||||||
|
|
||||||
// Blur blurs the cursor.
|
|
||||||
func (m *Model) Blur() {
|
|
||||||
m.focus = false
|
|
||||||
m.Blink = true
|
|
||||||
}
|
|
||||||
|
|
||||||
// SetChar sets the character under the cursor.
|
|
||||||
func (m *Model) SetChar(char string) {
|
|
||||||
m.char = char
|
|
||||||
}
|
|
||||||
|
|
||||||
// View displays the cursor.
|
|
||||||
func (m Model) View() string {
|
|
||||||
if m.Blink {
|
|
||||||
return m.TextStyle.Render(m.char)
|
|
||||||
}
|
|
||||||
return m.Style.Inline(true).Reverse(true).Render(m.char)
|
|
||||||
}
|
|
@@ -8,8 +8,8 @@ import (
|
|||||||
"github.com/charmbracelet/lipgloss"
|
"github.com/charmbracelet/lipgloss"
|
||||||
)
|
)
|
||||||
|
|
||||||
// Internal ID management. Used during animating to ensure that frame messages
|
// Internal ID management for text inputs. Necessary for blink integrity when
|
||||||
// are received only by spinner components that sent them.
|
// multiple text inputs are involved.
|
||||||
var (
|
var (
|
||||||
lastID int
|
lastID int
|
||||||
idMtx sync.Mutex
|
idMtx sync.Mutex
|
||||||
@@ -67,22 +67,6 @@ var (
|
|||||||
Frames: []string{"🙈", "🙉", "🙊"},
|
Frames: []string{"🙈", "🙉", "🙊"},
|
||||||
FPS: time.Second / 3, //nolint:gomnd
|
FPS: time.Second / 3, //nolint:gomnd
|
||||||
}
|
}
|
||||||
Meter = Spinner{
|
|
||||||
Frames: []string{
|
|
||||||
"▱▱▱",
|
|
||||||
"▰▱▱",
|
|
||||||
"▰▰▱",
|
|
||||||
"▰▰▰",
|
|
||||||
"▰▰▱",
|
|
||||||
"▰▱▱",
|
|
||||||
"▱▱▱",
|
|
||||||
},
|
|
||||||
FPS: time.Second / 7, //nolint:gomnd
|
|
||||||
}
|
|
||||||
Hamburger = Spinner{
|
|
||||||
Frames: []string{"☱", "☲", "☴", "☲"},
|
|
||||||
FPS: time.Second / 3, //nolint:gomnd
|
|
||||||
}
|
|
||||||
)
|
)
|
||||||
|
|
||||||
// Model contains the state for the spinner. Use NewModel to create new models
|
// Model contains the state for the spinner. Use NewModel to create new models
|
||||||
@@ -109,17 +93,11 @@ func (m Model) ID() int {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// New returns a model with default values.
|
// New returns a model with default values.
|
||||||
func New(opts ...Option) Model {
|
func New() Model {
|
||||||
m := Model{
|
return Model{
|
||||||
Spinner: Line,
|
Spinner: Line,
|
||||||
id: nextID(),
|
id: nextID(),
|
||||||
}
|
}
|
||||||
|
|
||||||
for _, opt := range opts {
|
|
||||||
opt(&m)
|
|
||||||
}
|
|
||||||
|
|
||||||
return m
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// NewModel returns a model with default values.
|
// NewModel returns a model with default values.
|
||||||
@@ -205,23 +183,3 @@ func (m Model) tick(id, tag int) tea.Cmd {
|
|||||||
func Tick() tea.Msg {
|
func Tick() tea.Msg {
|
||||||
return TickMsg{Time: time.Now()}
|
return TickMsg{Time: time.Now()}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Option is used to set options in New. For example:
|
|
||||||
//
|
|
||||||
// spinner := New(WithSpinner(Dot))
|
|
||||||
//
|
|
||||||
type Option func(*Model)
|
|
||||||
|
|
||||||
// WithSpinner is an option to set the spinner.
|
|
||||||
func WithSpinner(spinner Spinner) Option {
|
|
||||||
return func(m *Model) {
|
|
||||||
m.Spinner = spinner
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// WithStyle is an option to set the spinner style.
|
|
||||||
func WithStyle(style lipgloss.Style) Option {
|
|
||||||
return func(m *Model) {
|
|
||||||
m.Style = style
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
@@ -1,61 +0,0 @@
|
|||||||
package spinner_test
|
|
||||||
|
|
||||||
import (
|
|
||||||
"testing"
|
|
||||||
|
|
||||||
"github.com/charmbracelet/bubbles/spinner"
|
|
||||||
)
|
|
||||||
|
|
||||||
func TestSpinnerNew(t *testing.T) {
|
|
||||||
assertEqualSpinner := func(t *testing.T, exp, got spinner.Spinner) {
|
|
||||||
t.Helper()
|
|
||||||
|
|
||||||
if exp.FPS != got.FPS {
|
|
||||||
t.Errorf("expecting %d FPS, got %d", exp.FPS, got.FPS)
|
|
||||||
}
|
|
||||||
|
|
||||||
if e, g := len(exp.Frames), len(got.Frames); e != g {
|
|
||||||
t.Fatalf("expecting %d frames, got %d", e, g)
|
|
||||||
}
|
|
||||||
|
|
||||||
for i, e := range exp.Frames {
|
|
||||||
if g := got.Frames[i]; e != g {
|
|
||||||
t.Errorf("expecting frame index %d with value %q, got %q", i, e, g)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
t.Run("default", func(t *testing.T) {
|
|
||||||
s := spinner.New()
|
|
||||||
|
|
||||||
assertEqualSpinner(t, spinner.Line, s.Spinner)
|
|
||||||
})
|
|
||||||
|
|
||||||
t.Run("WithSpinner", func(t *testing.T) {
|
|
||||||
customSpinner := spinner.Spinner{
|
|
||||||
Frames: []string{"a", "b", "c", "d"},
|
|
||||||
FPS: 16,
|
|
||||||
}
|
|
||||||
|
|
||||||
s := spinner.New(spinner.WithSpinner(customSpinner))
|
|
||||||
|
|
||||||
assertEqualSpinner(t, customSpinner, s.Spinner)
|
|
||||||
})
|
|
||||||
|
|
||||||
tests := map[string]spinner.Spinner{
|
|
||||||
"Line": spinner.Line,
|
|
||||||
"Dot": spinner.Dot,
|
|
||||||
"MiniDot": spinner.MiniDot,
|
|
||||||
"Jump": spinner.Jump,
|
|
||||||
"Pulse": spinner.Pulse,
|
|
||||||
"Points": spinner.Points,
|
|
||||||
"Globe": spinner.Globe,
|
|
||||||
"Moon": spinner.Moon,
|
|
||||||
"Monkey": spinner.Monkey,
|
|
||||||
}
|
|
||||||
|
|
||||||
for name, s := range tests {
|
|
||||||
t.Run(name, func(t *testing.T) {
|
|
||||||
assertEqualSpinner(t, spinner.New(spinner.WithSpinner(s)).Spinner, s)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
1130
textarea/textarea.go
1130
textarea/textarea.go
File diff suppressed because it is too large
Load Diff
@@ -1,446 +0,0 @@
|
|||||||
package textarea
|
|
||||||
|
|
||||||
import (
|
|
||||||
"strings"
|
|
||||||
"testing"
|
|
||||||
|
|
||||||
tea "github.com/charmbracelet/bubbletea"
|
|
||||||
)
|
|
||||||
|
|
||||||
func TestNew(t *testing.T) {
|
|
||||||
textarea := newTextArea()
|
|
||||||
view := textarea.View()
|
|
||||||
|
|
||||||
if !strings.Contains(view, ">") {
|
|
||||||
t.Log(view)
|
|
||||||
t.Error("Text area did not render the prompt")
|
|
||||||
}
|
|
||||||
|
|
||||||
if !strings.Contains(view, "World!") {
|
|
||||||
t.Log(view)
|
|
||||||
t.Error("Text area did not render the placeholder")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestInput(t *testing.T) {
|
|
||||||
textarea := newTextArea()
|
|
||||||
|
|
||||||
input := "foo"
|
|
||||||
|
|
||||||
for _, k := range []rune(input) {
|
|
||||||
textarea, _ = textarea.Update(keyPress(k))
|
|
||||||
}
|
|
||||||
|
|
||||||
view := textarea.View()
|
|
||||||
|
|
||||||
if !strings.Contains(view, input) {
|
|
||||||
t.Log(view)
|
|
||||||
t.Error("Text area did not render the input")
|
|
||||||
}
|
|
||||||
|
|
||||||
if textarea.col != len(input) {
|
|
||||||
t.Log(view)
|
|
||||||
t.Error("Text area did not move the cursor to the correct position")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestSoftWrap(t *testing.T) {
|
|
||||||
textarea := newTextArea()
|
|
||||||
textarea.Prompt = ""
|
|
||||||
textarea.ShowLineNumbers = false
|
|
||||||
textarea.SetWidth(5)
|
|
||||||
textarea.SetHeight(5)
|
|
||||||
textarea.CharLimit = 60
|
|
||||||
|
|
||||||
textarea, _ = textarea.Update(nil)
|
|
||||||
|
|
||||||
input := "foo bar baz"
|
|
||||||
|
|
||||||
for _, k := range []rune(input) {
|
|
||||||
textarea, _ = textarea.Update(keyPress(k))
|
|
||||||
}
|
|
||||||
|
|
||||||
view := textarea.View()
|
|
||||||
|
|
||||||
for _, word := range strings.Split(input, " ") {
|
|
||||||
if !strings.Contains(view, word) {
|
|
||||||
t.Log(view)
|
|
||||||
t.Error("Text area did not render the input")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Due to the word wrapping, each word will be on a new line and the
|
|
||||||
// text area will look like this:
|
|
||||||
//
|
|
||||||
// > foo
|
|
||||||
// > bar
|
|
||||||
// > baz█
|
|
||||||
//
|
|
||||||
// However, due to soft-wrapping the column will still be at the end of the line.
|
|
||||||
if textarea.row != 0 || textarea.col != len(input) {
|
|
||||||
t.Log(view)
|
|
||||||
t.Error("Text area did not move the cursor to the correct position")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestCharLimit(t *testing.T) {
|
|
||||||
textarea := newTextArea()
|
|
||||||
|
|
||||||
// First input (foo bar) should be accepted as it will fall within the
|
|
||||||
// CharLimit. Second input (baz) should not appear in the input.
|
|
||||||
input := []string{"foo bar", "baz"}
|
|
||||||
textarea.CharLimit = len(input[0])
|
|
||||||
|
|
||||||
for _, k := range []rune(strings.Join(input, " ")) {
|
|
||||||
textarea, _ = textarea.Update(keyPress(k))
|
|
||||||
}
|
|
||||||
|
|
||||||
view := textarea.View()
|
|
||||||
if strings.Contains(view, input[1]) {
|
|
||||||
t.Log(view)
|
|
||||||
t.Error("Text area should not include input past the character limit")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestVerticalScrolling(t *testing.T) {
|
|
||||||
textarea := newTextArea()
|
|
||||||
textarea.Prompt = ""
|
|
||||||
textarea.ShowLineNumbers = false
|
|
||||||
textarea.SetHeight(1)
|
|
||||||
textarea.SetWidth(20)
|
|
||||||
textarea.CharLimit = 100
|
|
||||||
|
|
||||||
textarea, _ = textarea.Update(nil)
|
|
||||||
|
|
||||||
input := "This is a really long line that should wrap around the text area."
|
|
||||||
|
|
||||||
for _, k := range []rune(input) {
|
|
||||||
textarea, _ = textarea.Update(keyPress(k))
|
|
||||||
}
|
|
||||||
|
|
||||||
view := textarea.View()
|
|
||||||
|
|
||||||
// The view should contain the first "line" of the input.
|
|
||||||
if !strings.Contains(view, "This is a really") {
|
|
||||||
t.Log(view)
|
|
||||||
t.Error("Text area did not render the input")
|
|
||||||
}
|
|
||||||
|
|
||||||
// But we should be able to scroll to see the next line.
|
|
||||||
// Let's scroll down for each line to view the full input.
|
|
||||||
lines := []string{
|
|
||||||
"long line that",
|
|
||||||
"should wrap around",
|
|
||||||
"the text area.",
|
|
||||||
}
|
|
||||||
for _, line := range lines {
|
|
||||||
textarea.viewport.LineDown(1)
|
|
||||||
view = textarea.View()
|
|
||||||
if !strings.Contains(view, line) {
|
|
||||||
t.Log(view)
|
|
||||||
t.Error("Text area did not render the correct scrolled input")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestWordWrapOverflowing(t *testing.T) {
|
|
||||||
// An interesting edge case is when the user enters many words that fill up
|
|
||||||
// the text area and then goes back up and inserts a few words which causes
|
|
||||||
// a cascading wrap and causes an overflow of the last line.
|
|
||||||
//
|
|
||||||
// In this case, we should not let the user insert more words if, after the
|
|
||||||
// entire wrap is complete, the last line is overflowing.
|
|
||||||
textarea := newTextArea()
|
|
||||||
|
|
||||||
textarea.SetHeight(3)
|
|
||||||
textarea.SetWidth(20)
|
|
||||||
textarea.CharLimit = 500
|
|
||||||
|
|
||||||
textarea, _ = textarea.Update(nil)
|
|
||||||
|
|
||||||
input := "Testing Testing Testing Testing Testing Testing Testing Testing"
|
|
||||||
|
|
||||||
for _, k := range []rune(input) {
|
|
||||||
textarea, _ = textarea.Update(keyPress(k))
|
|
||||||
textarea.View()
|
|
||||||
}
|
|
||||||
|
|
||||||
// We have essentially filled the text area with input.
|
|
||||||
// Let's see if we can cause wrapping to overflow the last line.
|
|
||||||
textarea.row = 0
|
|
||||||
textarea.col = 0
|
|
||||||
|
|
||||||
input = "Testing"
|
|
||||||
|
|
||||||
for _, k := range []rune(input) {
|
|
||||||
textarea, _ = textarea.Update(keyPress(k))
|
|
||||||
textarea.View()
|
|
||||||
}
|
|
||||||
|
|
||||||
lastLineWidth := textarea.LineInfo().Width
|
|
||||||
if lastLineWidth > 20 {
|
|
||||||
t.Log(lastLineWidth)
|
|
||||||
t.Log(textarea.View())
|
|
||||||
t.Fail()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestValueSoftWrap(t *testing.T) {
|
|
||||||
textarea := newTextArea()
|
|
||||||
textarea.SetWidth(16)
|
|
||||||
textarea.SetHeight(10)
|
|
||||||
textarea.CharLimit = 500
|
|
||||||
|
|
||||||
textarea, _ = textarea.Update(nil)
|
|
||||||
|
|
||||||
input := "Testing Testing Testing Testing Testing Testing Testing Testing"
|
|
||||||
|
|
||||||
for _, k := range []rune(input) {
|
|
||||||
textarea, _ = textarea.Update(keyPress(k))
|
|
||||||
textarea.View()
|
|
||||||
}
|
|
||||||
|
|
||||||
value := textarea.Value()
|
|
||||||
if value != input {
|
|
||||||
t.Log(value)
|
|
||||||
t.Log(input)
|
|
||||||
t.Fatal("The text area does not have the correct value")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestSetValue(t *testing.T) {
|
|
||||||
textarea := newTextArea()
|
|
||||||
textarea.SetValue(strings.Join([]string{"Foo", "Bar", "Baz"}, "\n"))
|
|
||||||
|
|
||||||
if textarea.row != 2 && textarea.col != 3 {
|
|
||||||
t.Log(textarea.row, textarea.col)
|
|
||||||
t.Fatal("Cursor Should be on row 2 column 3 after inserting 2 new lines")
|
|
||||||
}
|
|
||||||
|
|
||||||
value := textarea.Value()
|
|
||||||
if value != "Foo\nBar\nBaz" {
|
|
||||||
t.Fatal("Value should be Foo\nBar\nBaz")
|
|
||||||
}
|
|
||||||
|
|
||||||
// SetValue should reset text area
|
|
||||||
textarea.SetValue("Test")
|
|
||||||
value = textarea.Value()
|
|
||||||
if value != "Test" {
|
|
||||||
t.Log(value)
|
|
||||||
t.Fatal("Text area was not reset when SetValue() was called")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestInsertString(t *testing.T) {
|
|
||||||
textarea := newTextArea()
|
|
||||||
|
|
||||||
// Insert some text
|
|
||||||
input := "foo baz"
|
|
||||||
|
|
||||||
for _, k := range []rune(input) {
|
|
||||||
textarea, _ = textarea.Update(keyPress(k))
|
|
||||||
}
|
|
||||||
|
|
||||||
// Put cursor in the middle of the text
|
|
||||||
textarea.col = 4
|
|
||||||
|
|
||||||
textarea.InsertString("bar ")
|
|
||||||
|
|
||||||
value := textarea.Value()
|
|
||||||
if value != "foo bar baz" {
|
|
||||||
t.Log(value)
|
|
||||||
t.Fatal("Expected insert string to insert bar between foo and baz")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestCanHandleEmoji(t *testing.T) {
|
|
||||||
textarea := newTextArea()
|
|
||||||
input := "🧋"
|
|
||||||
|
|
||||||
for _, k := range []rune(input) {
|
|
||||||
textarea, _ = textarea.Update(keyPress(k))
|
|
||||||
}
|
|
||||||
|
|
||||||
value := textarea.Value()
|
|
||||||
if value != input {
|
|
||||||
t.Log(value)
|
|
||||||
t.Fatal("Expected emoji to be inserted")
|
|
||||||
}
|
|
||||||
|
|
||||||
input = "🧋🧋🧋"
|
|
||||||
|
|
||||||
textarea.SetValue(input)
|
|
||||||
|
|
||||||
value = textarea.Value()
|
|
||||||
if value != input {
|
|
||||||
t.Log(value)
|
|
||||||
t.Fatal("Expected emoji to be inserted")
|
|
||||||
}
|
|
||||||
|
|
||||||
if textarea.col != 3 {
|
|
||||||
t.Log(textarea.col)
|
|
||||||
t.Fatal("Expected cursor to be on the third character")
|
|
||||||
}
|
|
||||||
|
|
||||||
if charOffset := textarea.LineInfo().CharOffset; charOffset != 6 {
|
|
||||||
t.Log(charOffset)
|
|
||||||
t.Fatal("Expected cursor to be on the sixth character")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestVerticalNavigationKeepsCursorHorizontalPosition(t *testing.T) {
|
|
||||||
textarea := newTextArea()
|
|
||||||
textarea.SetWidth(20)
|
|
||||||
|
|
||||||
textarea.SetValue(strings.Join([]string{"你好你好", "Hello"}, "\n"))
|
|
||||||
|
|
||||||
textarea.row = 0
|
|
||||||
textarea.col = 2
|
|
||||||
|
|
||||||
// 你好|你好
|
|
||||||
// Hell|o
|
|
||||||
// 1234|
|
|
||||||
|
|
||||||
// Let's imagine our cursor is on the first line where the pipe is.
|
|
||||||
// We press the down arrow to get to the next line.
|
|
||||||
// The issue is that if we keep the cursor on the same column, the cursor will jump to after the `e`.
|
|
||||||
//
|
|
||||||
// 你好|你好
|
|
||||||
// He|llo
|
|
||||||
//
|
|
||||||
// But this is wrong because visually we were at the 4th character due to
|
|
||||||
// the first line containing double-width runes.
|
|
||||||
// We want to keep the cursor on the same visual column.
|
|
||||||
//
|
|
||||||
// 你好|你好
|
|
||||||
// Hell|o
|
|
||||||
//
|
|
||||||
// This test ensures that the cursor is kept on the same visual column by
|
|
||||||
// ensuring that the column offset goes from 2 -> 4.
|
|
||||||
|
|
||||||
lineInfo := textarea.LineInfo()
|
|
||||||
if lineInfo.CharOffset != 4 || lineInfo.ColumnOffset != 2 {
|
|
||||||
t.Log(lineInfo.CharOffset)
|
|
||||||
t.Log(lineInfo.ColumnOffset)
|
|
||||||
t.Fatal("Expected cursor to be on the fourth character because there two double width runes on the first line.")
|
|
||||||
}
|
|
||||||
|
|
||||||
downMsg := tea.KeyMsg{Type: tea.KeyDown, Alt: false, Runes: []rune{}}
|
|
||||||
textarea, _ = textarea.Update(downMsg)
|
|
||||||
|
|
||||||
lineInfo = textarea.LineInfo()
|
|
||||||
if lineInfo.CharOffset != 4 || lineInfo.ColumnOffset != 4 {
|
|
||||||
t.Log(lineInfo.CharOffset)
|
|
||||||
t.Log(lineInfo.ColumnOffset)
|
|
||||||
t.Fatal("Expected cursor to be on the fourth character because we came down from the first line.")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestVerticalNavigationShouldRememberPositionWhileTraversing(t *testing.T) {
|
|
||||||
textarea := newTextArea()
|
|
||||||
textarea.SetWidth(40)
|
|
||||||
|
|
||||||
// Let's imagine we have a text area with the following content:
|
|
||||||
//
|
|
||||||
// Hello
|
|
||||||
// World
|
|
||||||
// This is a long line.
|
|
||||||
//
|
|
||||||
// If we are at the end of the last line and go up, we should be at the end
|
|
||||||
// of the second line.
|
|
||||||
// And, if we go up again we should be at the end of the first line.
|
|
||||||
// But, if we go back down twice, we should be at the end of the last line
|
|
||||||
// again and not the fifth (length of second line) character of the last line.
|
|
||||||
//
|
|
||||||
// In other words, we should remember the last horizontal position while
|
|
||||||
// traversing vertically.
|
|
||||||
|
|
||||||
textarea.SetValue(strings.Join([]string{"Hello", "World", "This is a long line."}, "\n"))
|
|
||||||
|
|
||||||
// We are at the end of the last line.
|
|
||||||
if textarea.col != 20 || textarea.row != 2 {
|
|
||||||
t.Log(textarea.col)
|
|
||||||
t.Fatal("Expected cursor to be on the 20th character of the last line")
|
|
||||||
}
|
|
||||||
|
|
||||||
// Let's go up.
|
|
||||||
upMsg := tea.KeyMsg{Type: tea.KeyUp, Alt: false, Runes: []rune{}}
|
|
||||||
textarea, _ = textarea.Update(upMsg)
|
|
||||||
|
|
||||||
// We should be at the end of the second line.
|
|
||||||
if textarea.col != 5 || textarea.row != 1 {
|
|
||||||
t.Log(textarea.col)
|
|
||||||
t.Fatal("Expected cursor to be on the 5th character of the second line")
|
|
||||||
}
|
|
||||||
|
|
||||||
// And, again.
|
|
||||||
textarea, _ = textarea.Update(upMsg)
|
|
||||||
|
|
||||||
// We should be at the end of the first line.
|
|
||||||
if textarea.col != 5 || textarea.row != 0 {
|
|
||||||
t.Log(textarea.col)
|
|
||||||
t.Fatal("Expected cursor to be on the 5th character of the first line")
|
|
||||||
}
|
|
||||||
|
|
||||||
// Let's go down, twice.
|
|
||||||
downMsg := tea.KeyMsg{Type: tea.KeyDown, Alt: false, Runes: []rune{}}
|
|
||||||
textarea, _ = textarea.Update(downMsg)
|
|
||||||
textarea, _ = textarea.Update(downMsg)
|
|
||||||
|
|
||||||
// We should be at the end of the last line.
|
|
||||||
if textarea.col != 20 || textarea.row != 2 {
|
|
||||||
t.Log(textarea.col)
|
|
||||||
t.Fatal("Expected cursor to be on the 20th character of the last line")
|
|
||||||
}
|
|
||||||
|
|
||||||
// Now, for correct behavior, if we move right or left, we should forget
|
|
||||||
// (reset) the saved horizontal position. Since we assume the user wants to
|
|
||||||
// keep the cursor where it is horizontally. This is how most text areas
|
|
||||||
// work.
|
|
||||||
|
|
||||||
textarea, _ = textarea.Update(upMsg)
|
|
||||||
leftMsg := tea.KeyMsg{Type: tea.KeyLeft, Alt: false, Runes: []rune{}}
|
|
||||||
textarea, _ = textarea.Update(leftMsg)
|
|
||||||
|
|
||||||
if textarea.col != 4 || textarea.row != 1 {
|
|
||||||
t.Log(textarea.col)
|
|
||||||
t.Fatal("Expected cursor to be on the 5th character of the second line")
|
|
||||||
}
|
|
||||||
|
|
||||||
// Going down now should keep us at the 4th column since we moved left and
|
|
||||||
// reset the horizontal position saved state.
|
|
||||||
textarea, _ = textarea.Update(downMsg)
|
|
||||||
if textarea.col != 4 || textarea.row != 2 {
|
|
||||||
t.Log(textarea.col)
|
|
||||||
t.Fatal("Expected cursor to be on the 4th character of the last line")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func TestRendersEndOfLineBuffer(t *testing.T) {
|
|
||||||
textarea := newTextArea()
|
|
||||||
textarea.ShowLineNumbers = true
|
|
||||||
textarea.SetWidth(20)
|
|
||||||
|
|
||||||
view := textarea.View()
|
|
||||||
if !strings.Contains(view, "~") {
|
|
||||||
t.Log(view)
|
|
||||||
t.Fatal("Expected to see a tilde at the end of the line")
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
func newTextArea() Model {
|
|
||||||
textarea := New()
|
|
||||||
|
|
||||||
textarea.Prompt = "> "
|
|
||||||
textarea.Placeholder = "Hello, World!"
|
|
||||||
|
|
||||||
textarea.Focus()
|
|
||||||
|
|
||||||
textarea, _ = textarea.Update(nil)
|
|
||||||
|
|
||||||
return textarea
|
|
||||||
}
|
|
||||||
|
|
||||||
func keyPress(key rune) tea.Msg {
|
|
||||||
return tea.KeyMsg{Type: tea.KeyRunes, Runes: []rune{key}, Alt: false}
|
|
||||||
}
|
|
@@ -205,7 +205,7 @@ func (m *Model) SetValue(s string) {
|
|||||||
} else {
|
} else {
|
||||||
m.value = runes
|
m.value = runes
|
||||||
}
|
}
|
||||||
if m.pos == 0 || m.pos > len(m.value) {
|
if (m.pos == 0 && len(m.value) == 0) || m.pos > len(m.value) {
|
||||||
m.setCursor(len(m.value))
|
m.setCursor(len(m.value))
|
||||||
}
|
}
|
||||||
m.handleOverflow()
|
m.handleOverflow()
|
||||||
|
@@ -162,7 +162,9 @@ func (m *Model) Start() tea.Cmd {
|
|||||||
|
|
||||||
// Stop pauses the timer. Has no effect if the timer has timed out.
|
// Stop pauses the timer. Has no effect if the timer has timed out.
|
||||||
func (m *Model) Stop() tea.Cmd {
|
func (m *Model) Stop() tea.Cmd {
|
||||||
return m.startStop(false)
|
return func() tea.Msg {
|
||||||
|
return m.startStop(false)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Toggle stops the timer if it's running and starts it if it's stopped.
|
// Toggle stops the timer if it's running and starts it if it's stopped.
|
||||||
|
Reference in New Issue
Block a user