Add hero GIF recording scripts and README demos#173
Merged
Conversation
scripts/CLET-HELP-GIF.md: tuirec recording guide demonstrating: - Overview page with clet table and scrolling - Tab+Enter link navigation to topic pages (select, int) - Scrolling within markdown content (PageDown) - Back navigation via Ctrl+Left (BrowseBar) - Quit with Esc docs/images/clet-help.gif: recorded output (394KB, 100x30, ~13s) Uses keyboard-based link navigation (Tab cycles links, Enter follows) because mouse click detection for OSC 8 hyperlinks is unreliable under tuirec's terminal emulation. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
- MarkdownHelpRenderer: Use [alias](clet:help:alias) link syntax in table cells instead of backtick code spans; remove 'Click for details' hack - HelpClet: Add DrawComplete workaround for TG auto-scroll bug (#5365) - Re-record clet-help.gif with mouse clicks on table links, CursorDown scrolling, and faster pacing (keystroke-delay 50) - Update CLET-HELP-GIF.md to document click-based navigation approach Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
…ck, quit New sequence: PageDown×4 to bottom, PageUp×4 back to top, click select link, view select help, Ctrl+CursorLeft back to overview, Esc quit. keystroke-delay 80 for readable scrolling pace (~9s total). Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Script: Tab×3 to filter field, type 'rea', Shift+Tab back to table, 'r' to jump-select README.md, Enter to accept. ~9s at keystroke-delay 80. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
True inline rendering (app below prompt) requires tuirec support for TG AppModel.Inline — filed as gui-cs/tuirec#49. For now, 80×20 gives a smaller, more compact appearance. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Script: start with -i #00cc00, CursorRight×12 on H slider to sweep through the spectrum, Tab to S slider + CursorLeft×3, Enter to accept. ~8.5s at keystroke-delay 70. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Temporarily activates Anders theme in ~/.tui/clet.config.json before recording, then restores. The GIF now shows the blue Anders theme background, replacing the static screenshot in the Theming FAQ. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Adds animated GIF recordings for
clet helpandclet pick-fileto the README, along with tuirec recording scripts for reproducibility.Changes
src/Clet/Hosting/MarkdownHelpRenderer.cs: Use[alias](clet:help:alias)link syntax in help table cells (now that TG supports clickable links in tables); remove the "Click for details" workaround listsrc/Clet/Clets/Viewer/HelpClet.cs: Add DrawComplete workaround for TG auto-scroll bug (Markdown view auto-focuses last link on initial render, scrolling to bottom Terminal.Gui#5365)scripts/CLET-HELP-GIF.md: tuirec recording guide for clet help GIFscripts/CLET-PICK-FILE-GIF.md: tuirec recording guide for clet pick-file GIFdocs/images/clet-help.gif: Animated demo showing help browser navigationdocs/images/clet-pick-file.gif: Animated demo showing file picker with filterREADME.md: Add both GIFs to the Demo sectionRelated issues
No spec/runbook impact