readline

by lmorg 5 years ago

GNU/Linux ◆ xterm-256color ◆ murex 13804 views

This demonstrates a few features of readline:

hint text (the blue status text below the prompt - however the colour is configurable)
syntax highlighting (albeit there isn’t much syntax to highlight in the example)
tab-completion in gridded mode (seen when typing cd)
tab-completion in list view (seen when selecting an process name to kill and the process ID was substituted when selected)
regex searching through the tab-completion suggestions (seen in both cd and kill - enabled by pressing [CTRL+f])
line editing using $EDITOR (vi in the example - enabled by pressing [ESC] followed by [v])
readline’s warning before pasting multiple lines of data into the buffer
the preview option that’s available as part of the aforementioned warning
and VIM keys (enabled by pressing [ESC])

Source code:

readline API: https://github.com/lmorg/readline
shell: https://github.com/lmorg/murex

More by lmorg

Murex spellchecker 00:28

by lmorg 3 years ago

Murex syntax completion 01:45

by lmorg 3 years ago

Murex inlining images 01:15

by lmorg 3 years ago

See all

You can download this recording in asciicast v2 format, as a .cast file.

Download

Replay in terminal

You can replay the downloaded recording in your terminal using the asciinema play command:

asciinema play 232714.cast

If you don't have asciinema CLI installed then see installation instructions.

Use with stand-alone player on your website

Download asciinema player from the releases page (you only need .js and .css file), then use it like this:

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" type="text/css" href="asciinema-player.css" />
</head>
<body>
  <div id="player"></div>
  <script src="asciinema-player.min.js"></script>
  <script>
    AsciinemaPlayer.create(
      '/assets/232714.cast',
      document.getElementById('player'),
      { cols: 112, rows: 28 }
    );
  </script>
</body>
</html>

See asciinema player quick-start guide for full usage instructions.

While this site doesn't provide GIF conversion at the moment, you can still do it yourself with the help of asciinema GIF generator utility - agg.

Once you have it installed, generate a GIF with the following command:

agg https://asciinema.org/a/232714 demo.gif

Or, if you already downloaded the recording file:

agg demo.cast demo.gif

Check agg --help for all available options. You can change font family and size, select color theme, adjust speed and more.

See agg manual for full usage instructions.