feat: Add demo

ratatui · Feb 19, 2024 · 897bb93 · 897bb93
1 parent e6323a3
commit 897bb93
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 0 deletions.
diff --git a/code/crates-tui-tutorial-app/crates-tui-demo.png b/code/crates-tui-tutorial-app/crates-tui-demo.png
diff --git a/code/crates-tui-tutorial-app/demo.tape b/code/crates-tui-tutorial-app/demo.tape
@@ -0,0 +1,17 @@
+# A VHS tape. See https://github.com/charmbracelet/vhs
+Output crates-tui-demo.gif
+Set Theme "Aardvark Blue"
+Set Width 1600
+Set Height 800
+Type "cargo run --bin crates-tui"
+Enter
+Sleep 3s
+Type "ratatui"
+Sleep 1s
+Enter
+Sleep 3s
+Type "/"
+Sleep 1s
+Screenshot crates-tui-demo.png
+Sleep 2s
+
diff --git a/src/content/docs/tutorials/crates-tui/conclusion.md b/src/content/docs/tutorials/crates-tui/conclusion.md
@@ -2,6 +2,10 @@
 title: Conclusion
 ---
 
+If you put all of it together, you should be able run the TUI.
+
+![](./crates-tui-demo.gif)
+
 We touched on the basic framework for building an `async` application with Ratatui, namely using
 `tokio` and `crossterm`'s async features to create an `Event` and `Action` enum that contain
 `Render` variants. We also saw how we could use `tokio` channels to send `Action`s to run domain

diff --git a/src/content/docs/tutorials/crates-tui/crates-tui-demo.gif b/src/content/docs/tutorials/crates-tui/crates-tui-demo.gif