2022-07-15 23:26:33 +02:00
|
|
|
|
Gum
|
|
|
|
|
===
|
2022-06-11 00:07:40 +02:00
|
|
|
|
|
2022-07-08 19:47:21 +02:00
|
|
|
|
<p>
|
2022-07-20 21:13:02 +02:00
|
|
|
|
<a href="https://stuff.charm.sh/gum/nutritional-information.png"><img src="https://stuff.charm.sh/gum/gum-logo.png?cache=1" alt="Gum Image" width="325"></a>
|
2022-07-18 19:57:54 +02:00
|
|
|
|
<br><br>
|
2022-07-08 19:47:21 +02:00
|
|
|
|
<a href="https://github.com/charmbracelet/gum/releases"><img src="https://img.shields.io/github/release/charmbracelet/gum.svg" alt="Latest Release"></a>
|
|
|
|
|
<a href="https://pkg.go.dev/github.com/charmbracelet/gum?tab=doc"><img src="https://godoc.org/github.com/golang/gddo?status.svg" alt="GoDoc"></a>
|
|
|
|
|
<a href="https://github.com/charmbracelet/gum/actions"><img src="https://github.com/charmbracelet/gum/workflows/build/badge.svg" alt="Build Status"></a>
|
|
|
|
|
</p>
|
|
|
|
|
|
2022-07-18 19:57:54 +02:00
|
|
|
|
Gum helps you write glamorous bash scripts by providing a collection of
|
|
|
|
|
beautiful and highly configurable ready-to-use utilities.
|
2022-07-15 22:11:32 +02:00
|
|
|
|
|
2022-07-20 21:13:02 +02:00
|
|
|
|
<img src="https://stuff.charm.sh/gum/combined.gif" width="600" alt="Shell running different gum commands">
|
2022-07-18 20:44:48 +02:00
|
|
|
|
|
2022-07-08 19:31:54 +02:00
|
|
|
|
## Installation
|
|
|
|
|
|
|
|
|
|
Use a package manager:
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
# macOS or Linux
|
|
|
|
|
brew tap charmbracelet/tap && brew install charmbracelet/tap/gum
|
|
|
|
|
|
2022-07-08 23:34:51 +02:00
|
|
|
|
# Arch Linux (btw)
|
2022-07-08 19:31:54 +02:00
|
|
|
|
pacman -S gum
|
|
|
|
|
|
|
|
|
|
# Nix
|
|
|
|
|
nix-env -iA nixpkgs.gum
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
Or download it:
|
|
|
|
|
|
|
|
|
|
* [Packages][releases] are available in Debian and RPM formats
|
|
|
|
|
* [Binaries][releases] are available for Linux, macOS, and Windows
|
|
|
|
|
|
|
|
|
|
Or just install it with `go`:
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
go install github.com/charmbracelet/gum@latest
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
[releases]: https://github.com/charmbracelet/gum/releases
|
|
|
|
|
|
2022-07-15 22:11:32 +02:00
|
|
|
|
## Customization
|
|
|
|
|
|
|
|
|
|
`gum` is designed to be embedded in scripts and different use cases. All
|
|
|
|
|
components are configurable and customizable to fit your theme and use case.
|
|
|
|
|
|
|
|
|
|
You can customize with `--flags`. See `gum <command> --help` for a full view of
|
|
|
|
|
all the command's customization and configuration options.
|
|
|
|
|
|
|
|
|
|
For example, let's customize the cursor color, prompt color, prompt indicator,
|
|
|
|
|
placeholder text, width, and pre-populate the value of the input:
|
|
|
|
|
```bash
|
|
|
|
|
gum input --cursor.foreground "#FF0" --prompt.foreground "#0FF" --prompt "* " \
|
|
|
|
|
--placeholder "What's up?" --width 80 --value "Not much, hby?"
|
|
|
|
|
```
|
|
|
|
|
|
2022-06-11 00:07:40 +02:00
|
|
|
|
## Interaction
|
|
|
|
|
|
|
|
|
|
#### Input
|
|
|
|
|
Prompt your users for input with a simple command.
|
|
|
|
|
|
|
|
|
|
```bash
|
2022-07-07 19:26:35 +02:00
|
|
|
|
gum input > answer.text
|
2022-06-11 00:07:40 +02:00
|
|
|
|
```
|
|
|
|
|
|
2022-07-20 19:49:09 +02:00
|
|
|
|
<img src="https://stuff.charm.sh/gum/input.gif?cache=1" width="600" alt="Shell running gum input typing Not much, you?">
|
2022-07-13 05:44:06 +02:00
|
|
|
|
|
2022-07-08 05:21:31 +02:00
|
|
|
|
#### Write
|
|
|
|
|
|
|
|
|
|
Prompt your users to write some multi-line text.
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
gum write > story.text
|
|
|
|
|
```
|
|
|
|
|
|
2022-07-20 19:49:09 +02:00
|
|
|
|
<img src="https://stuff.charm.sh/gum/write.gif?cache=2" width="600" alt="Shell running gum write typing a story">
|
2022-07-13 05:44:06 +02:00
|
|
|
|
|
2022-07-08 19:58:14 +02:00
|
|
|
|
#### Filter
|
2022-06-11 00:07:40 +02:00
|
|
|
|
|
|
|
|
|
Allow your users to filter through a list of options by fuzzy searching.
|
|
|
|
|
|
|
|
|
|
```bash
|
2022-07-07 19:26:35 +02:00
|
|
|
|
echo Strawberry >> flavors.text
|
|
|
|
|
echo Banana >> flavors.text
|
2022-07-06 21:24:26 +02:00
|
|
|
|
echo Cherry >> flavors.text
|
2022-07-08 19:58:14 +02:00
|
|
|
|
cat flavors.text | gum filter > selection.text
|
2022-06-11 00:07:40 +02:00
|
|
|
|
```
|
|
|
|
|
|
2022-07-20 19:49:09 +02:00
|
|
|
|
<img src="https://stuff.charm.sh/gum/filter.gif?cache=1" width="600" alt="Shell running gum filter on different bubble gum flavors">
|
2022-07-13 05:44:06 +02:00
|
|
|
|
|
feat: `gum choose`, pick from a list of choices
gum choose allows the user to be prompted for a choice from a list of choices.
For example, let's ask the user to pick a card from a deck.
gum choose --height 15 {Ace,King,Queen,Jack,Ten,Nine,Eight,Seven,Six,Five,Four,Three,Two}" of "{Spades,Hearts,Clubs,Diamonds}
2022-07-11 22:17:47 +02:00
|
|
|
|
#### Choose
|
|
|
|
|
|
|
|
|
|
Ask your users to choose an option from a list of choices.
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
echo "Pick a card, any card..."
|
|
|
|
|
CARD=$(gum choose --height 15 {{A,K,Q,J},{10..2}}" "{♠,♥,♣,♦})
|
|
|
|
|
echo "Was your card the $CARD?"
|
|
|
|
|
```
|
|
|
|
|
|
2022-07-13 19:14:59 +02:00
|
|
|
|
You can also set a limit on the number of items to choose with the `--limit` flag.
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
echo "Pick your top 5 songs."
|
|
|
|
|
cat songs.txt | gum choose --limit 5
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
Or, allow any number of selections with the `--no-limit` flag.
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
echo "What do you need from the grocery store?"
|
|
|
|
|
cat foods.txt | gum choose --no-limit
|
|
|
|
|
```
|
|
|
|
|
|
2022-07-20 19:49:09 +02:00
|
|
|
|
<img src="https://stuff.charm.sh/gum/choose.gif?cache=1" width="600" alt="Shell running gum choose with numbers and gum flavors">
|
2022-07-13 05:44:06 +02:00
|
|
|
|
|
2022-07-18 20:44:48 +02:00
|
|
|
|
#### Spin
|
2022-06-11 00:07:40 +02:00
|
|
|
|
|
|
|
|
|
Display a spinner while taking some running action. We specify the command to
|
|
|
|
|
run while showing the spinner, the spinner will automatically stop after the
|
|
|
|
|
command exits.
|
|
|
|
|
|
|
|
|
|
```bash
|
2022-07-07 19:26:35 +02:00
|
|
|
|
gum spin --spinner dot --title "Buying Bubble Gum..." -- sleep 5
|
2022-06-11 00:07:40 +02:00
|
|
|
|
```
|
|
|
|
|
|
2022-07-20 19:49:09 +02:00
|
|
|
|
<img src="https://stuff.charm.sh/gum/spin.gif?cache=2" width="600" alt="Shell running gum spin while sleeping for 5 seconds">
|
2022-07-13 05:44:06 +02:00
|
|
|
|
|
2022-07-18 20:44:48 +02:00
|
|
|
|
## Styling
|
2022-06-11 00:07:40 +02:00
|
|
|
|
|
2022-07-08 05:21:31 +02:00
|
|
|
|
#### Style
|
2022-07-18 20:44:48 +02:00
|
|
|
|
|
2022-06-11 00:07:40 +02:00
|
|
|
|
Pretty print any string with any layout with one command.
|
|
|
|
|
|
|
|
|
|
```bash
|
2022-07-07 19:26:35 +02:00
|
|
|
|
gum style \
|
2022-07-13 20:45:44 +02:00
|
|
|
|
--foreground 212 --border-foreground 212 --border double \
|
|
|
|
|
--align center --width 50 --margin "1 2" --padding "2 4" \
|
|
|
|
|
'Bubble Gum (1¢)' 'So sweet and so fresh!'
|
2022-06-11 00:07:40 +02:00
|
|
|
|
```
|
|
|
|
|
|
2022-07-20 19:49:09 +02:00
|
|
|
|
<img src="https://stuff.charm.sh/gum/style.gif" width="600" alt="Bubble Gum, So sweet and so fresh!">
|
2022-06-11 00:07:40 +02:00
|
|
|
|
|
2022-07-18 20:44:48 +02:00
|
|
|
|
## Layout
|
|
|
|
|
|
2022-07-08 05:21:31 +02:00
|
|
|
|
#### Join
|
|
|
|
|
|
|
|
|
|
Combine text vertically or horizontally with a single command, use this command
|
|
|
|
|
with `gum style` to build layouts and pretty output.
|
|
|
|
|
|
|
|
|
|
Note: It's important to wrap the output of `gum style` in quotes to ensure new
|
|
|
|
|
lines (`\n`) are part of a single argument passed to the `join` command.
|
|
|
|
|
|
|
|
|
|
```bash
|
2022-07-13 20:45:44 +02:00
|
|
|
|
I=$(gum style --padding "1 5" --border double --border-foreground 212 "I")
|
|
|
|
|
LOVE=$(gum style --padding "1 4" --border double --border-foreground 57 "LOVE")
|
|
|
|
|
BUBBLE=$(gum style --padding "1 8" --border double --border-foreground 255 "Bubble")
|
|
|
|
|
GUM=$(gum style --padding "1 5" --border double --border-foreground 240 "Gum")
|
2022-07-08 05:29:18 +02:00
|
|
|
|
|
|
|
|
|
I_LOVE=$(gum join "$I" "$LOVE")
|
|
|
|
|
BUBBLE_GUM=$(gum join "$BUBBLE" "$GUM")
|
|
|
|
|
gum join --align center --vertical "$I_LOVE" "$BUBBLE_GUM"
|
2022-07-08 05:21:31 +02:00
|
|
|
|
```
|
|
|
|
|
|
2022-07-13 20:45:44 +02:00
|
|
|
|
<img src="https://stuff.charm.sh/gum/join.png" width="600" alt="I LOVE Bubble Gum written out in four boxes with double borders around them.">
|
2022-07-08 05:21:31 +02:00
|
|
|
|
|
2022-07-18 20:44:48 +02:00
|
|
|
|
## Format
|
|
|
|
|
|
2022-07-20 19:49:09 +02:00
|
|
|
|
The `format` command allows you to take some text and stylize it. `gum format`
|
|
|
|
|
can parse markdown, code, template strings, and emoji strings.
|
2022-07-15 17:01:19 +02:00
|
|
|
|
|
|
|
|
|
```bash
|
2022-07-20 19:49:09 +02:00
|
|
|
|
# Format some markdown
|
2022-07-15 17:14:38 +02:00
|
|
|
|
gum format -- "# Gum Formats" "- Markdown" "- Code" "- Template" "- Emoji"
|
2022-07-15 17:01:19 +02:00
|
|
|
|
echo "# Gum Formats\n- Markdown\n- Code\n- Template\n- Emoji" | gum format
|
|
|
|
|
|
2022-07-20 19:49:09 +02:00
|
|
|
|
# Syntax highlight some code
|
2022-07-15 17:01:19 +02:00
|
|
|
|
cat main.go | gum format -t code
|
2022-07-18 20:44:48 +02:00
|
|
|
|
|
2022-07-20 19:49:09 +02:00
|
|
|
|
# Render text any way you want with templates
|
2022-07-15 17:14:38 +02:00
|
|
|
|
echo '{{ Bold "Tasty" }} {{ Italic "Bubble" }} {{ Color "99" "0" " Gum " }}' \
|
|
|
|
|
| gum format -t template
|
2022-07-15 17:01:19 +02:00
|
|
|
|
|
2022-07-20 19:49:09 +02:00
|
|
|
|
# Display your favorite emojis!
|
2022-07-15 17:01:19 +02:00
|
|
|
|
echo 'I :heart: Bubble Gum :candy:' | gum format -t emoji
|
|
|
|
|
```
|
|
|
|
|
|
2022-07-20 19:49:09 +02:00
|
|
|
|
<img src="https://stuff.charm.sh/gum/format.gif" width="600" alt="Running gum format for different types of formats">
|
2022-07-15 17:14:38 +02:00
|
|
|
|
|
2022-07-11 19:30:57 +02:00
|
|
|
|
## Examples
|
|
|
|
|
|
|
|
|
|
See the [examples](./examples/) directory for more real world use cases.
|
|
|
|
|
|
|
|
|
|
How to use `gum` in your daily workflows:
|
|
|
|
|
|
|
|
|
|
#### Write a commit message
|
|
|
|
|
|
|
|
|
|
Prompt for user input to write git commit messages with a short summary and
|
|
|
|
|
longer details with `gum input` and `gum write`.
|
|
|
|
|
|
|
|
|
|
Bonus points if you use `gum filter` with the [Conventional Commits
|
|
|
|
|
Specification](https://www.conventionalcommits.org/en/v1.0.0/#summary) as a
|
|
|
|
|
prefix for your commit message.
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
git commit -m "$(gum input --width 50 --placeholder "Summary of changes")" \
|
|
|
|
|
-m "$(gum write --width 80 --placeholder "Details of changes")"
|
|
|
|
|
```
|
|
|
|
|
|
2022-07-20 19:49:09 +02:00
|
|
|
|
<img src="https://stuff.charm.sh/gum/commit.gif" width="600" alt="Running the ./examples/commit.sh script to commit to git">
|
|
|
|
|
|
2022-07-13 22:26:58 +02:00
|
|
|
|
#### Open files in your `$EDITOR`
|
|
|
|
|
|
|
|
|
|
By default `gum filter` will display a list of all files (searched recursively)
|
|
|
|
|
through your current directory, it has some sensible ignored defaults (`.git`,
|
|
|
|
|
`node_modules`). You can use this to pick a file and open it in your `$EDITOR`.
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
$EDITOR $(gum filter)
|
|
|
|
|
```
|
|
|
|
|
|
2022-07-11 19:30:57 +02:00
|
|
|
|
#### Connect to a TMUX session
|
|
|
|
|
|
|
|
|
|
Pick from a running `TMUX` session and attach to it if not inside `TMUX` or
|
|
|
|
|
switch your client to the session if already attached to a session.
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
SESSION=$(tmux list-sessions -F \#S | gum filter --placeholder "Pick session...")
|
|
|
|
|
tmux switch-client -t $SESSION || tmux attach -t $SESSION
|
|
|
|
|
```
|
2022-07-08 05:21:31 +02:00
|
|
|
|
|
2022-07-15 17:23:21 +02:00
|
|
|
|
<img src="https://stuff.charm.sh/gum/tmux-session-picker.png" width="250" alt="Picking a tmux session with gum filter">
|
|
|
|
|
|
2022-07-11 19:54:45 +02:00
|
|
|
|
#### Pick commit hash from history
|
|
|
|
|
|
|
|
|
|
Filter through your git history searching for commit messages and copy the
|
|
|
|
|
commit hash of the selected commit.
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
git log --oneline | gum filter | cut -d' ' -f1 # | copy
|
|
|
|
|
```
|
|
|
|
|
|
2022-07-15 17:23:21 +02:00
|
|
|
|
<img src="https://stuff.charm.sh/gum/commit-picker.png" width="500" alt="Picking a commit with gum filter">
|
|
|
|
|
|
2022-07-13 19:14:59 +02:00
|
|
|
|
#### Choose packages to uninstall
|
|
|
|
|
|
|
|
|
|
List all packages installed by your package manager (we'll use `brew`) and
|
|
|
|
|
choose which packages to uninstall.
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
brew list | gum choose --no-limit | xargs brew uninstall
|
|
|
|
|
```
|
2022-07-11 19:54:45 +02:00
|
|
|
|
|
2022-06-11 00:07:40 +02:00
|
|
|
|
## Feedback
|
|
|
|
|
|
|
|
|
|
We’d love to hear your thoughts on this project. Feel free to drop us a note!
|
|
|
|
|
|
|
|
|
|
* [Twitter](https://twitter.com/charmcli)
|
|
|
|
|
* [The Fediverse](https://mastodon.technology/@charm)
|
|
|
|
|
* [Slack](https://charm.sh/slack)
|
|
|
|
|
|
|
|
|
|
## License
|
|
|
|
|
|
2022-07-11 19:30:57 +02:00
|
|
|
|
[MIT](https://github.com/charmbracelet/gum/raw/main/LICENSE)
|
2022-06-11 00:07:40 +02:00
|
|
|
|
|
|
|
|
|
Part of [Charm](https://charm.sh).
|
|
|
|
|
|
|
|
|
|
<a href="https://charm.sh/"><img alt="The Charm logo" src="https://stuff.charm.sh/charm-badge.jpg" width="400"></a>
|
|
|
|
|
|
|
|
|
|
Charm热爱开源 • Charm loves open source
|