summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--README.md23
-rw-r--r--vhs.tape34
2 files changed, 42 insertions, 15 deletions
diff --git a/README.md b/README.md
index f0d3034..63dc813 100644
--- a/README.md
+++ b/README.md
@@ -2,8 +2,27 @@
A simple Color Picker Designed for your Terminal
-Here is a quick demo:
+This is very much a work in progress, but the end goal is to be able to
+generate and copy colors from the terminal.
+
+Here is a quick demo of what has been done so far:
<div align="center">
- <img src="./assets/demo.gif" width="400" alt="Termpicker Demo"><br>
+ <img src="./assets/demo.gif" width="600" alt="Termpicker Demo"><br>
</div>
+Here is my roadmap to reach what I would consider a finished state:
+
+- [ ] Implement copying to clipboard for various formats (rgb, hex, hsl, cymk, etc...)
+- [ ] Make the tabs interface prettier with [lipgloss][1] (similar to tabs in [soft-serve][2])
+- [ ] Add a [help bubble][3] at the bottom of the interface to show available keybindings
+- [ ] Add some form of stdout cli flag to output to stdout instead of copying colors
+- [ ] Auto-adjust geometry on terminal resize (+ warn the user if the terminal is too small)
+- [ ] Make the preview windows prettier (perhaps same width as the sliders)
+- [ ] Add Box-drawing to the picker and the previewer
+- [ ] Add more color conversion unit-tests around edge case colors
+- [ ] Make sliders reach the correct length on init/tab without pressing `j`,`k`
+
+
+[1]: https://github.com/charmbracelet/lipgloss
+[2]: https://github.com/charmbracelet/soft-serve
+[3]: https://github.com/charmbracelet/bubbles#help
diff --git a/vhs.tape b/vhs.tape
index 5d5a68b..49b43a1 100644
--- a/vhs.tape
+++ b/vhs.tape
@@ -1,27 +1,35 @@
Output ./assets/demo.gif
-Set FontSize 24
-Set Width 1000
-Set Height 500
+Require termpicker
+
+Set FontSize 18
+Set Width 800
+Set Height 480
+
+Set Margin 15
+# Set MarginFill "#674EFF"
+Set MarginFill "#6F4624"
+Set BorderRadius 10
Type "termpicker"
Enter
-Sleep 2s
-Type "jl"
-Sleep 500ms
-Type "j"
-Sleep 500ms
-Type "llllhhhllj"
+Sleep 250ms
+Type "jlllljjhhhhh"
+Sleep 1s
+
Tab
Sleep 500ms
Type "jlllhjlllljhhhlllhkklkl"
+
Tab
Sleep 500ms
-Type "jllljhhklhkhh"
-Sleep 1.5s
+Type "jkllllljhhklhkhh"
+Sleep 1s
+
Tab
Sleep 500ms
-Type "jllljhhklhkhh"
-Sleep 1.5s
+Type "jklllllljhhklhkhh"
+Sleep 1s
+
Type "q"
Sleep 250ms