Skip to content
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.

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

Update the main asciinema clip #30

Open
the-mikedavis opened this issue Feb 1, 2023 · 8 comments
Open

Update the main asciinema clip #30

the-mikedavis opened this issue Feb 1, 2023 · 8 comments

Comments

@the-mikedavis
Copy link
Member

The jumbotron asciinema recording at https://helix-editor.com/ is a little dated at this point: there are some changes in the UI that are missing in the video. At some point we should re-record the clip to show off some newer flashy features like soft-wrap.

@sudormrfbin
Copy link
Member

Some nice to haves that could be included in the new clip:

  • Tree-sitter powered features (select function, next argument, etc)
  • Diagnostic picker
  • More multi-cursor-fu
  • Surround functionality and textobjects
  • LSP code actions

Something like a small popup on the edge of the clip announcing the current feature being demoed as the video progresses would also be nice since it's hard to understand what's happening on first watch.

@goyalyashpal
Copy link
Contributor

goyalyashpal commented Feb 2, 2023

Something like a small popup on the edge of the clip announcing the current feature being demoed

that's a nice suggestion... but this would require some kind of additional place. that additional place can be:

mode method comments
video post-production not in house, not doable in one go, needs lots of additional work
video additional window or split while recording still not totally in house, depends on additional software
ascii using bufferline to show feature name totally in house, doable in one go, best way in my opinion

Details:

  • Multiple buffers can be opened which contain the names of feature they'll be showcasing
  • After showcasing the feature of current buffer, activate the next buffer and so on...

This can be criticised in following way:

  • Can't be used for showcasing how different features combine unless that workflow has a proper name

One way to overcome that can be:

  • have multiple symlink files to same file,
  • name them differently (with feature names) and open all those (same as above)
  • now, after showcasing feature in one buffer, save it and activate next buffer...
  • Only caveat being, u'd have to additionally go to same line and do it a li'l bit fast

@goyalyashpal
Copy link
Contributor

goyalyashpal commented Feb 2, 2023

For opening multiple files, the regex star wildcard * can be used...
Is the order of opening of the files using * defined/deterministic? if yes, then good.

The first buffer can be sort of a cover page, so, the following for e.g.

The first command showcased can be: set bufferline multiple






            HELIX FEATURE SHOWCASE
             V22.12 on 2023.02.04




 

@archseer
Copy link
Member

archseer commented Feb 8, 2023

Kakoune uses a carousel/separate sections to highlight different features (http://kakoune.org/). Perhaps we could put an image in the header, then display features below

@goyalyashpal
Copy link
Contributor

goyalyashpal commented Feb 8, 2023

that makes sense in the long run, saves from demanding recurerrence of such outdations.

the way i suggested can be used for showcasing the features for "whats new" release videos.

@goyalyashpal
Copy link
Contributor

goyalyashpal commented Feb 8, 2023

which feature should the header image show?

i guess

  • something related to autocompletion
  • with a diagnose message in top right (or wherever)

that will showcase LSP, popup support, diagnostics (called virtual text?), gutter indicators - all in single frame

@goyalyashpal
Copy link
Contributor

the screenshot took from the current showcase video itself is a apt example, checks all the points i mentioned

(taking from that above "mentioned in" issue)

helix code completion popup no margin vivaldi_9VePslIb6S

@goyalyashpal
Copy link
Contributor

goyalyashpal commented Feb 9, 2023

oh wait i can select the text in that video?? waowww!!

so, it really issss asciinema. i always wondered why it was always called that and not just video. awesome.

i had no idea there was a dedicated player around asciinema - i thought it (edit: it was asciicast) was only limited to terminals for debugging (as that's only where i saw it), but yeah, it makes sense someone made a player around it

 open in new tab


  • This also uses asciinema: https://cs50.harvard.edu/x/2023/problems/6/bank/#demo
  • I also remember being able to select and even change the code in a player used in Khan Academy lecture (yes, lecture with voiceover and what not) about Javascript. you could even run it live from there. that was such an amazing mind blowing feeling - like i was tottally blown away by that.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants