Skip to content

add VHS tape file for generating preview GIF #5

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
mipmip wants to merge 1 commit into
base: main
Choose a base branch
from
Open

add VHS tape file for generating preview GIF #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 10 additions & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
# specgetty

![specgetty demo](demo.gif)

Do you work with multiple projects that use OpenSpec for managing specifications?

Have you ever lost track of which OpenSpec projects exist on your local machine
Expand Down Expand Up @@ -46,3 +48,11 @@ Simple key navigation in the UI as follows:
```bash
make lint
```

### Generating the preview GIF

The preview GIF is generated using [VHS](https://github.com/charmbracelet/vhs):

```bash
vhs demo.tape
```
62 changes: 62 additions & 0 deletions demo.tape
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
# VHS tape file for specgetty preview GIF
# Run with: vhs demo.tape

Output demo.gif

Require spg

Set Shell "bash"
Set FontSize 14
Set Width 1200
Set Height 600
Set Padding 10
Set Theme "Catppuccin Mocha"

# Launch specgetty pointing at the demo openspec project
Type "spg ."
Enter
Sleep 3s

# Navigate down through the project list
Down
Sleep 1s
Down
Sleep 1s

# Switch focus to the detail panel
Tab
Sleep 1.5s

# Scroll down inside the detail view
Down
Sleep 0.5s
Down
Sleep 0.5s
Down
Sleep 1s

# Switch to the changes tab
Right
Sleep 1.5s

# Switch to the archive tab
Right
Sleep 1.5s

# Switch to the config tab
Right
Sleep 1.5s

# Switch back to specs tab
Left
Left
Left
Sleep 1s

# Switch focus back to project list
Tab
Sleep 1s

# Quit
Type "q"
Sleep 1s