10
310
Fork
You've already forked codeberg-cli
33

Record demo gif with vhs #52

Closed
opened 2023年02月07日 15:30:26 +01:00 by tranzystorekk · 4 comments
Collaborator
Copy link

I've been playing around with https://github.com/charmbracelet/vhs, it's a close cousin of asciinema, but you can write a "tape file" that directs what happens in your terminal recording, e.g. with this file:

Output demo.gif
Set Shell zsh
Set FontSize 16
Set FontFamily "Hack Nerd Font"
Set Width 800
Set Height 600
Hide
Ctrl+L
Show
Type@70ms "cod user info" Sleep 1.5s Enter
Sleep 5s

I made a simple demo (file attached).

I've been playing around with https://github.com/charmbracelet/vhs, it's a close cousin of asciinema, but you can write a "tape file" that directs what happens in your terminal recording, e.g. with this file: ``` Output demo.gif Set Shell zsh Set FontSize 16 Set FontFamily "Hack Nerd Font" Set Width 800 Set Height 600 Hide Ctrl+L Show Type@70ms "cod user info" Sleep 1.5s Enter Sleep 5s ``` I made a simple demo (file attached).
Contributor
Copy link

That's very cool. I think we can use that for the wiki to have something visual for every action.

It would probably also be nice to have 3 examples in the README.

What do you think? What will be the most used commands? For me it is probably:

  • pull create
  • issue list
  • issue view
That's very cool. I think we can use that for the wiki to have something visual for every action. It would probably also be nice to have 3 examples in the README. What do you think? What will be the most used commands? For me it is probably: - `pull create` - `issue list` - `issue view`
Author
Collaborator
Copy link

I'd probably also show, auth login, repo clone and/or repo fork, these seem to me like the minimal bootstrap most users have to go through

I'd probably also show, `auth login`, `repo clone` and/or `repo fork`, these seem to me like the minimal bootstrap most users have to go through
Contributor
Copy link

Replaced the README gifs, looking good 👍

Replaced the README gifs, looking good 👍
Owner
Copy link

The problem itself is solved now. We get some nice GIFs out of the integration testing of the interactive part of the CLI via vhs. Thanks again for the hint @tranzystorekk ! This stuff rocks :D

The only thing left to do is to write a bunch more tests and then actually put the gifs into the repo somewhere. I'm closing this, since it's just an issue of writing tests now.

The problem itself is solved now. We get some nice GIFs out of the integration testing of the interactive part of the CLI via `vhs`. Thanks again for the hint @tranzystorekk ! This stuff rocks :D The only thing left to do is to write a bunch more tests and then actually put the gifs into the repo somewhere. I'm closing this, since it's just an issue of writing tests now.
Sign in to join this conversation.
No Branch/Tag specified
main
v0.5.1
v0.5.0
v0.4.11
v0.4.10
v0.4.9
v0.4.8
v0.4.7
v0.4.6
v0.4.5
v0.4.4
v0.4.3
v0.4.1
v0.4.2
v0.4.0
v0.3.5
v0.3.4
v0.3.2
v0.3.1
v0.3.0
v0.2.1
v0.2.0
v0.1.1
v0.1.0
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
3 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
Aviac/codeberg-cli#52
Reference in a new issue
Aviac/codeberg-cli
No description provided.
Delete branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?