From 9c9dc8167e8ae9c14ec198571e1f89abfc08280b Mon Sep 17 00:00:00 2001
From: Antoine Cotten <hello@acotten.com>
Date: Fri, 11 Oct 2024 12:50:40 +0200
Subject: [PATCH] doc: Update animated demo to include setup step

GIFs were generated using charmbracelet/vhs (previously
faressoft/terminalizer), then compressed at https://ezgif.com.

Both light and dark modes are now supported and the appropriate variant
of the GIF is selected automatically.
---
 README.md |  5 ++++-
 demo.tape | 56 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 60 insertions(+), 1 deletion(-)
 create mode 100644 demo.tape

diff --git a/README.md b/README.md
index 9818fac..3b5f9ae 100644
--- a/README.md
+++ b/README.md
@@ -39,7 +39,10 @@ docker compose up setup
 docker compose up
 ```
 
-![Animated demo](https://user-images.githubusercontent.com/3299086/155972072-0c89d6db-707a-47a1-818b-5f976565f95a.gif)
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/6f67cbc0-ddee-44bf-8f4d-7fd2d70f5217">
+  <img alt="Animated demo" src="https://github.com/user-attachments/assets/501a340a-e6df-4934-90a2-6152b462c14a">
+</picture>
 
 ---
 
diff --git a/demo.tape b/demo.tape
new file mode 100644
index 0000000..5f81b2b
--- /dev/null
+++ b/demo.tape
@@ -0,0 +1,56 @@
+# VHS - terminal recorder
+# https://github.com/charmbracelet/vhs
+
+Output demo.gif
+
+Require docker
+
+Set Shell bash
+Set FontSize 24
+Set Width 1500
+Set Height 1200
+Set WindowBar Rings
+Set TypingSpeed 75ms
+Set Theme "iTerm2 Light Background"
+#Set Theme "iTerm2 Dark Background"
+
+Hide
+
+# BEGIN - Reset to clean state
+Type "docker compose down setup"
+Enter
+Sleep 2s
+Type "docker compose down -v"
+Enter
+Sleep 6s
+Type "docker compose up elasticsearch -d"
+Enter
+Sleep 20s
+Type "docker compose down"
+Enter
+Sleep 6s
+Ctrl+L
+# END - Reset to clean state
+
+Show
+
+Type "docker compose up setup"
+Sleep 3s
+Enter
+Sleep 20s
+
+Enter 2
+Type "docker compose up -d"
+Sleep 3s
+Enter
+Sleep 6s
+
+Enter 2
+Type "curl -s http://localhost:9200 -u elastic:changeme"
+Sleep 3s
+Enter
+Sleep 12s
+
+Enter 2
+Type "👉 Open your web browser at http://localhost:5601 🚀📈"
+Sleep 15s