Fast-Syntax-Highlighting demo (Zsh; ideal brackets highlighting)

by zdharma 5 years ago

macOS ◆ xterm-256color ◆ bash 2161 views

Demo of a Zsh plugin, showing its theme support, brackets highlighting and overall feature set on the example of fast-theme (the shipped theme-control function) test code-snippet. Option “-t” passed to fast-theme causes the snippet to show. Cursor movement in the demo is devoted to demonstrate how matching-bracket is highlighted for the bracket under cursor.

The plugin: https://github.com/zdharma/fast-syntax-highlighting

More by zdharma

Crasis - Zplugin TUI (Zsh) 03:21

by zdharma 6 years ago

Recursive fast-syntax-highlighting, highlights code passed to sh -c 00:38

by zdharma 5 years ago

Multi Search for Midnight Commander 01:21

by zdharma 3 years ago

Tag-searching Zsh history – integrated with normal history searching 00:23

by zdharma 5 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 194986.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/194986.cast',
      document.getElementById('player'),
      { cols: 90, rows: 19 }
    );
  </script>
</body>
</html>

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

While this site doesn't offer 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 run the following command to create GIF file:

agg https://asciinema.org/a/194986 194986.gif

Or, if you already downloaded the recording file:

agg 194986.cast 194986.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.