Rerender examples to gifs for readme

3 years ago · 0aa741919b
parent 13eedff9d7
commit 0aa741919b
16 changed files with 744 additions and 711 deletions
--- a/README.md
+++ b/README.md
@ -26,16 +26,16 @@

 ---

-> This project is work-in-progress
-
 This project provides a wrapper view with a loading screen for [gyscos/cursive](https://github.com/gyscos/cursive) views. The loading screen will disappear once the wrapped view is fully loaded. This is useful for displaying views which may take long to construct or depend on e.g. the network.

 ## How does it look like? `demo` [![terminalizer](https://img.shields.io/badge/GIF-terminalizer-blueviolet.svg)](https://github.com/faressoft/terminalizer)

 <details>
  <summary>Expand to view</summary>
-  <img src="assets/async-view-loading.gif" alt="async-view-loading demo">
-  <img src="assets/async-view-progress.gif" alt="async-view-progress demo">
+  <img src="assets/async-view-simple.gif" alt="async-view-simple demo" width="440">
+  <img src="assets/async-view-progress.gif" alt="async-view-progress demo" width="440">
+  <img src="assets/async-view-timeout.gif" alt="async-view-timeout demo" width="440">
+  <img src="assets/async-view-progress-fail.gif" alt="async-view-progress-fail demo" width="440">
 </details>

 ## Usage
--- a/assets/README.md
+++ b/assets/README.md
@ -7,17 +7,20 @@ Inside a `80x24` terminal record it using
 ```
 $ cargo build --example simple
 $ cd assets
-$ terminalizer record --config ./config.yml async-view-loading
+$ terminalizer record --config ./config.yml async-view-simple
 ```

+> As xterm.js is still unable to render emojis properly (geez, it's 2019...) insert a space
+> after all emojis in the recording manually to workaround wide-character issues
+
 ## Rendering

 ```
-$ terminalizer render async-view-loading.yml -o async-view-loading.gif
+$ terminalizer render async-view-simple.yml -o async-view-simple.gif
 ```

 ## Optimizing

 ```
-$ gifsicle --colors 64 -O3 async-view-loading.gif -o async-view-loading.gif
+$ gifsicle --colors 32 -O3 async-view-simple.gif -o async-view-simple.gif
 ```
--- a/assets/async-view-loading.gif
+++ b/assets/async-view-loading.gif
--- a/assets/async-view-loading.yml
+++ b/assets/async-view-loading.yml
@ -1,534 +0,0 @@
-# The configurations that used for the recording, feel free to edit them
-config:
-
-  # Specify a command to be executed
-  # like `/bin/bash -l`, `ls`, or any other commands
-  # the default is bash for Linux
-  # or powershell.exe for Windows
-  command: ../target/debug/examples/simple
-  
-  # Specify the current working directory path
-  # the default is the current working directory path
-  cwd: /home/fin/Development/github/cursive-async-view/assets
-  
-  # Export additional ENV variables
-  env:
-    recording: true
-  
-  # Explicitly set the number of columns
-  # or use `auto` to take the current
-  # number of columns of your shell
-  cols: 80
-  
-  # Explicitly set the number of rows
-  # or use `auto` to take the current
-  # number of rows of your shell
-  rows: 24
-  
-  # Amount of times to repeat GIF
-  # If value is -1, play once
-  # If value is 0, loop indefinitely
-  # If value is a positive number, loop n times
-  repeat: 0
-  
-  # Quality
-  # 1 - 100
-  quality: 100
-  
-  # Delay between frames in ms
-  # If the value is `auto` use the actual recording delays
-  frameDelay: auto
-  
-  # Maximum delay between frames in ms
-  # Ignored if the `frameDelay` isn't set to `auto`
-  # Set to `auto` to prevent limiting the max idle time
-  maxIdleTime: 2000
-  
-  # The surrounding frame box
-  # The `type` can be null, window, floating, or solid`
-  # To hide the title use the value null
-  # Don't forget to add a backgroundColor style with a null as type
-  frameBox:
-    type: solid
-    title: null
-    style:
-      border: 0px black solid
-      boxShadow: none
-      margin: 0px
-  
-  # Add a watermark image to the rendered gif
-  # You need to specify an absolute path for
-  # the image on your machine or a URL, and you can also
-  # add your own CSS styles
-  watermark:
-    imagePath: null
-    style:
-      position: absolute
-      right: 15px
-      bottom: 15px
-      width: 100px
-      opacity: 0.9
-  
-  # Cursor style can be one of
-  # `block`, `underline`, or `bar`
-  cursorStyle: block
-  
-  # Font family
-  # You can use any font that is installed on your machine
-  # in CSS-like syntax
-  fontFamily: "Hack"
-  
-  # The size of the font
-  fontSize: 12
-  
-  # The height of lines
-  lineHeight: 1
-  
-  # The spacing between letters
-  letterSpacing: 0
-  
-  # Theme
-  theme:
-    background: "transparent"
-    foreground: "#839496"
-    cursor: "#839496"
-    black: "#073642"
-    red: "#DC322F"
-    green: "#859900"
-    yellow: "#B58900"
-    blue: "#268BD2"
-    magenta: "#D3368"
-    cyan: "#2AA198"
-    white: "#EEE8D5"
-    brightBlack: "#002B36"
-    brightRed: "#CB4B16"
-    brightGreen: "#586E75"
-    brightYellow: "#657B83"
-    brightBlue: "#839496"
-    brightMagenta: "#6C71C4"
-    brightCyan: "#93A1A1"
-    brightWhite: "#FDF6E3"
-
-  
-# Records, feel free to edit them
-records:
-  - delay: 422
-    content: "\e[?1049h\e[22;0;0t\e[1;24r\e(B\e[m\e[4l\e[?7h\e[?1h\e=\e[?1006;1000h\e[39;49m\e[?25l\e[?1002h\e[39;49m\e[34m\e[44m\e[H\e[2J\e[16d\e[J\e[H\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\e[11;36H\e[1K \e[30m\e[47m┌──────┐\e[34m\e[44m\e[K\e[12;36H\e[1K \e[30m\e[47m│      │\e[30m\e[40m \e[34m\e[44m\e[K\e[13;36H\e[1K \e[30m\e[47m│ \e[37m\e[41m<Ok>\e[30m\e[47m │\e[30m\e[40m \e[34m\e[44m\e[K\e[14;36H\e[1K \e[30m\e[47m└──────┘\e[30m\e[40m \e[34m\e[44m\e[K\e[15;37H\e[1K \e[30m\e[40m        \e[34m\e[44m\e[K\e[13d\b\e[39;49m\e(B\e[m"
-  - delay: 29
-    content: "\e[34m\e[44m\e[H\e[2J\e[16d\e[J\e[H\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\e[10;18H\e[1K \e[30m\e[47m┌──────────────────────────────────────────┐\e[34m\e[44m\e[K\e[11;18H\e[1K \e[30m\e[47m│ \e[34m\e[47m━━━━━━━━━━━━━━━━━━━━━━━━\e[31m\e[47m━━━━━━━━━━━━━━━━\e[30m\e[47m │\e[30m\e[40m \e[34m\e[44m\e[K\e[12;18H\e[1K \e[30m\e[47m│\e[42X\e[12;62H│\e[30m\e[40m \e[34m\e[44m\e[K\e[13;18H\e[1K \e[30m\e[47m│\e[37X\e[13;57H\e[37m\e[41m<Ok>\e[30m\e[47m │\e[30m\e[40m \e[34m\e[44m\e[K\e[14;18H\e[1K \e[30m\e[47m└──────────────────────────────────────────┘\e[30m\e[40m \e[34m\e[44m\e[K\e[15;19H\e[1K \e[30m\e[40m\e[44X\e[15;64H\e[34m\e[44m\e[K\e[13d\b\e[39;49m\e(B\e[m"
-  - delay: 62
-    content: "\e[11;45H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;47H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;49H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;50H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;51H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;52H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;53H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;54H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;55H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 62
-    content: "\e[11;56H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 64
-    content: "\e[11;57H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 94
-    content: "\e[11;58H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 157
-    content: "\e[11;59H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;21H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 94
-    content: "\e[11;22H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 94
-    content: "\e[11;23H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;24H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;25H\e[31m\e[47m━\e[11;60H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;26H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;27H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;28H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 62
-    content: "\e[11;29H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;30H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;31H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;32H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;34H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;35H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;21H\e[34m\e[47m━\e[11;37H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;38H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;40H\e[31m\e[47m━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;43H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;22H\e[34m\e[47m━\e[11;45H\e[31m\e[47m━━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;49H\e[31m\e[47m━━━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;54H\e[31m\e[47m━━━━━━━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;23H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;24H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 91
-    content: "\e[11;25H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 61
-    content: "\e[11;26H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 61
-    content: "\e[11;27H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 30
-    content: "\e[11;28H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 30
-    content: "\e[11;29H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;30H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;31H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 30
-    content: "\e[11;32H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;34H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;36H\e[34m\e[47m━━━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 94
-    content: "\e[11;41H\e[34m\e[47m━━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;45H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;47H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;49H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;50H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;51H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;52H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;53H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;54H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 62
-    content: "\e[11;55H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;56H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 64
-    content: "\e[11;57H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 94
-    content: "\e[11;58H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 156
-    content: "\e[11;59H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;21H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 95
-    content: "\e[11;22H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 94
-    content: "\e[11;23H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;24H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;25H\e[31m\e[47m━\e[11;60H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;26H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;27H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;28H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 61
-    content: "\e[11;29H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;30H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;31H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;32H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;34H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;35H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;21H\e[34m\e[47m━\e[11;37H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;38H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;40H\e[31m\e[47m━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;43H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;22H\e[34m\e[47m━\e[11;45H\e[31m\e[47m━━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;49H\e[31m\e[47m━━━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;54H\e[31m\e[47m━━━━━━━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;23H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 62
-    content: "\e[11;24H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;25H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 95
-    content: "\e[11;26H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;27H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;28H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;29H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;30H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;31H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;32H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;34H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;36H\e[34m\e[47m━━━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 62
-    content: "\e[11;41H\e[34m\e[47m━━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;45H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;47H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;49H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;50H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;51H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;52H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 62
-    content: "\e[11;53H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;54H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 62
-    content: "\e[11;55H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;56H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;57H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 94
-    content: "\e[11;58H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 126
-    content: "\e[11;59H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;21H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 124
-    content: "\e[11;22H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 95
-    content: "\e[11;23H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;24H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;25H\e[31m\e[47m━\e[11;60H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;26H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 62
-    content: "\e[11;27H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;28H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;29H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;30H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;31H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;32H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;34H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 61
-    content: "\e[11;35H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;21H\e[34m\e[47m━\e[11;37H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 30
-    content: "\e[11;38H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;40H\e[31m\e[47m━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;43H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;22H\e[34m\e[47m━\e[11;45H\e[31m\e[47m━━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;49H\e[31m\e[47m━━━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;54H\e[31m\e[47m━━━━━━━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;23H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;24H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 62
-    content: "\e[11;25H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;26H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;27H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 61
-    content: "\e[11;28H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;29H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;30H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;31H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;32H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;34H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;36H\e[34m\e[47m━━━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;41H\e[34m\e[47m━━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;45H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 30
-    content: "\e[11;47H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;49H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;50H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 30
-    content: "\e[11;51H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;52H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 30
-    content: "\e[11;53H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 92
-    content: "\e[11;54H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 60
-    content: "\e[11;55H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 61
-    content: "\e[11;56H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 62
-    content: "\e[11;57H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 95
-    content: "\e[11;58H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 156
-    content: "\e[11;59H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;21H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 95
-    content: "\e[11;22H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 94
-    content: "\e[11;23H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;24H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;25H\e[31m\e[47m━\e[11;60H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;26H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;27H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;28H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;29H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;30H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;31H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 35
-    content: "\e[11;32H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 58
-    content: "\e[11;34H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;35H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;21H\e[34m\e[47m━\e[11;37H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;38H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;40H\e[31m\e[47m━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;43H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;22H\e[34m\e[47m━\e[11;45H\e[31m\e[47m━━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;49H\e[31m\e[47m━━━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;54H\e[31m\e[47m━━━━━━━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;23H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;24H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;25H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;26H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;27H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 61
-    content: "\e[11;28H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;29H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;30H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;31H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;32H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;34H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;36H\e[34m\e[47m━━━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;41H\e[34m\e[47m━━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;45H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;47H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;49H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;50H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;51H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;52H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;53H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;54H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 93
-    content: "\e[11;55H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;56H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;57H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 94
-    content: "\e[11;58H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 125
-    content: "\e[11;59H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;21H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 94
-    content: "\e[11;22H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 125
-    content: "\e[11;23H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[11;24H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
-    content: "\e[11;25H\e[31m\e[47m━\e[11;60H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 31
-    content: "\e[34m\e[44m\e[H\e[2J\e[17d\e[J\e[H\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\e[9;19H\e[1K \e[30m\e[47m┌────────────────────────────────────────┐\e[34m\e[44m\e[K\e[10;19H\e[1K \e[30m\e[47m│ Yay!\e[35X\e[10;61H│\e[30m\e[40m \e[34m\e[44m\e[K\e[11;19H\e[1K \e[30m\e[47m│\e[40X\e[11;61H│\e[30m\e[40m \e[34m\e[44m\e[K\e[12;19H\e[1K \e[30m\e[47m│ The content has loaded!\e[16X\e[12;61H│\e[30m\e[40m \e[34m\e[44m\e[K\e[13;19H\e[1K \e[30m\e[47m│\e[40X\e[13;61H│\e[30m\e[40m \e[34m\e[44m\e[K\e[14;19H\e[1K \e[30m\e[47m│\e[35X\e[14;56H\e[37m\e[41m<Ok>\e[30m\e[47m │\e[30m\e[40m \e[34m\e[44m\e[K\e[15;19H\e[1K \e[30m\e[47m└────────────────────────────────────────┘\e[30m\e[40m \e[34m\e[44m\e[K\e[16;20H\e[1K \e[30m\e[40m\e[42X\e[16;63H\e[34m\e[44m\e[K\e[14d\b\e[39;49m\e(B\e[m"
-  - delay: 1027
-    content: "\e[?1002l\e[?1006;1000l\e[24;1H\e[?12l\e[?25h\e[?1049l\e[23;0;0t\r\e[?1l\e>"
--- a/assets/async-view-progress-fail.gif
+++ b/assets/async-view-progress-fail.gif
--- a/assets/async-view-progress-fail.yml
+++ b/assets/async-view-progress-fail.yml
@ -0,0 +1,167 @@
+# The configurations that used for the recording, feel free to edit them
+config:
+
+  # Specify a command to be executed
+  # like `/bin/bash -l`, `ls`, or any other commands
+  # the default is bash for Linux
+  # or powershell.exe for Windows
+  command: ../target/debug/examples/progress_fail
+  
+  # Specify the current working directory path
+  # the default is the current working directory path
+  cwd: /home/fin/Development/github/cursive-async-view/assets
+  
+  # Export additional ENV variables
+  env:
+    recording: true
+  
+  # Explicitly set the number of columns
+  # or use `auto` to take the current
+  # number of columns of your shell
+  cols: 80
+  
+  # Explicitly set the number of rows
+  # or use `auto` to take the current
+  # number of rows of your shell
+  rows: 24
+  
+  # Amount of times to repeat GIF
+  # If value is -1, play once
+  # If value is 0, loop indefinitely
+  # If value is a positive number, loop n times
+  repeat: 0
+  
+  # Quality
+  # 1 - 100
+  quality: 100
+  
+  # Delay between frames in ms
+  # If the value is `auto` use the actual recording delays
+  frameDelay: auto
+  
+  # Maximum delay between frames in ms
+  # Ignored if the `frameDelay` isn't set to `auto`
+  # Set to `auto` to prevent limiting the max idle time
+  maxIdleTime: 2000
+  
+  # The surrounding frame box
+  # The `type` can be null, window, floating, or solid`
+  # To hide the title use the value null
+  # Don't forget to add a backgroundColor style with a null as type
+  frameBox:
+    type: solid
+    title: null
+    style:
+      border: 0px black solid
+      boxShadow: none
+      margin: 0px
+  
+  # Add a watermark image to the rendered gif
+  # You need to specify an absolute path for
+  # the image on your machine or a URL, and you can also
+  # add your own CSS styles
+  watermark:
+    imagePath: null
+    style:
+      position: absolute
+      right: 15px
+      bottom: 15px
+      width: 100px
+      opacity: 0.9
+  
+  # Cursor style can be one of
+  # `block`, `underline`, or `bar`
+  cursorStyle: block
+  
+  # Font family
+  # You can use any font that is installed on your machine
+  # in CSS-like syntax
+  fontFamily: "Hack, Twemoji"
+  
+  # The size of the font
+  fontSize: 12
+  
+  # The height of lines
+  lineHeight: 1
+  
+  # The spacing between letters
+  letterSpacing: 0
+  
+  # Theme
+  theme:
+    background: "transparent"
+    foreground: "#839496"
+    cursor: "#839496"
+    black: "#073642"
+    red: "#DC322F"
+    green: "#859900"
+    yellow: "#B58900"
+    blue: "#268BD2"
+    magenta: "#D3368"
+    cyan: "#2AA198"
+    white: "#EEE8D5"
+    brightBlack: "#002B36"
+    brightRed: "#CB4B16"
+    brightGreen: "#586E75"
+    brightYellow: "#657B83"
+    brightBlue: "#839496"
+    brightMagenta: "#6C71C4"
+    brightCyan: "#93A1A1"
+    brightWhite: "#FDF6E3"
+  
+# Records, feel free to edit them
+records:
+  - delay: 511
+    content: "\e[?1049h\e[22;0;0t\e[1;24r\e(B\e[m\e[4l\e[?7h\e[?1h\e=\e[?1006;1000h\e[39;49m\e[?25l\e[?1002h\e[39;49m\e[34m\e[44m\e[H\e[2J\e[16d\e[J\e[H\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\e[10;13H\e[1K \e[30m\e[47m┌────────────────────────────────────────────────────┐\e[34m\e[44m\e[K\e[11;13H\e[1K \e[30m\e[47m│ \e[34m\e[47m━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\e[30m\e[47m │\e[30m\e[40m \e[34m\e[44m\e[K\e[12;13H\e[1K \e[30m\e[47m│\e[52X\e[12;67H│\e[30m\e[40m \e[34m\e[44m\e[K\e[13;13H\e[1K \e[30m\e[47m│\e[47X\e[13;62H\e[37m\e[41m<Ok>\e[30m\e[47m │\e[30m\e[40m \e[34m\e[44m\e[K\e[14;13H\e[1K \e[30m\e[47m└────────────────────────────────────────────────────┘\e[30m\e[40m \e[34m\e[44m\e[K\e[15;14H\e[1K \e[30m\e[40m\e[54X\e[15;69H\e[34m\e[44m\e[K\e[13d\b\e[39;49m\e(B\e[m"
+  - delay: 1014
+    content: "\e[11;16H\e[31m\e[47m━━\e[13;68H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;18H\e[31m\e[47m━\e[13;68H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;19H\e[31m\e[47m━\e[13;68H\e[39;49m\e(B\e[m"
+  - delay: 928
+    content: "\e[11;20H\e[31m\e[47m━━━\e[13;68H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;23H\e[31m\e[47m━\e[13;68H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;24H\e[31m\e[47m━\e[13;68H\e[39;49m\e(B\e[m"
+  - delay: 960
+    content: "\e[11;25H\e[31m\e[47m━━━━\e[13;68H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;29H\e[31m\e[47m━\e[13;68H\e[39;49m\e(B\e[m"
+  - delay: 958
+    content: "\e[11;30H\e[31m\e[47m━━━━\e[13;68H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;34H\e[31m\e[47m━\e[13;68H\e[39;49m\e(B\e[m"
+  - delay: 958
+    content: "\e[34m\e[44m\e[H\e[2J\e[16d\e[J\e[H\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\e[10;13H\e[1K \e[30m\e[47m┌───────────────────────────────────────────────────┐\e[34m\e[44m\e[K\e[11;13H\e[1K \e[30m\e[47m│    ⌛  Tim\e[31m\e[47m━━━━━━━━━━━━━━━━━━━\e[34m\e[47m━━━━━━━━━━━━━━━━━━━━━\e[30m\e[47m │\e[30m\e[40m \e[34m\e[44m\e[K\e[12;13H\e[1K \e[30m\e[47m│\e[51X\e[12;66H│\e[30m\e[40m \e[34m\e[44m\e[K\e[13;13H\e[1K \e[30m\e[47m│\e[46X\e[13;61H\e[37m\e[41m<Ok>\e[30m\e[47m │\e[30m\e[40m \e[34m\e[44m\e[K\e[14;13H\e[1K \e[30m\e[47m└───────────────────────────────────────────────────┘\e[30m\e[40m \e[34m\e[44m\e[K\e[15;14H\e[1K \e[30m\e[40m\e[53X\e[15;68H\e[34m\e[44m\e[K\e[13d\b\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;25H\e[30m\e[47meo\e[11;44H\e[31m\e[47m━━\e[13;67H\e[39;49m\e(B\e[m"
+  - delay: 30
+    content: "\e[11;27H\e[30m\e[47mut, \e[11;46H\e[31m\e[47m━━━━\e[13;67H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;31H\e[30m\e[47mthe view \e[11;50H\e[31m\e[47m━━━━━━━━━\e[13;67H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;40H\e[30m\e[47mtook too\e[11;59H\e[31m\e[47m━━━━━━\n\n\e[67G\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;48H\e[30m\e[47m lon\e[13;67H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;52H\e[30m\e[47mg t\e[13;67H\e[39;49m\e(B\e[m"
+  - delay: 30
+    content: "\e[11;55H\e[30m\e[47mo\e[13;67H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;56H\e[30m\e[47m l\e[13;67H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;58H\e[30m\e[47mo\e[13;67H\e[39;49m\e(B\e[m"
+  - delay: 30
+    content: "\e[11;59H\e[30m\e[47mad\e[13;67H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;61H\e[30m\e[47m.\n\n\e[67G\e[39;49m\e(B\e[m"
+  - delay: 62
+    content: "\e[11;62H\e[30m\e[47m \n\n\e[67G\e[39;49m\e(B\e[m"
+  - delay: 30
+    content: "\e[11;63H\e[30m\e[47m \n\n\e[67G\e[39;49m\e(B\e[m"
+  - delay: 123
+    content: "\e[11;64H\e[30m\e[47m \n\n\e[67G\e[39;49m\e(B\e[m"
+  - delay: 9170
+    content: "\e[?1002l\e[?1006;1000l\e[24;1H\e[?12l\e[?25h\e[?1049l\e[23;0;0t\r\e[?1l\e>"
--- a/assets/async-view-progress.gif
+++ b/assets/async-view-progress.gif
--- a/assets/async-view-progress.yml
+++ b/assets/async-view-progress.yml
@ -9,7 +9,7 @@ config:
  
  # Specify the current working directory path
  # the default is the current working directory path
-  cwd: /home/jwuensch/Projects/cursive-async-view/assets
+  cwd: /home/fin/Development/github/cursive-async-view/assets
  
  # Export additional ENV variables
  env:
@ -76,7 +76,7 @@ config:
  # Font family
  # You can use any font that is installed on your machine
  # in CSS-like syntax
-  fontFamily: "Hack"
+  fontFamily: "Hack, Twemoji"
  
  # The size of the font
  fontSize: 12
@ -111,19 +111,31 @@ config:
  
 # Records, feel free to edit them
 records:
-  - delay: 397
-    content: "\e[?1049h\e[22;0;0t\e[1;24r\e(B\e[m\e[4l\e[?7h\e[?1h\e=\e[?1006;1000h\e[39;49m\e[?25l\e[?1002h\e[39;49m\e[34m\e[44m\e[H\e[2J\e[16d\e[J\e[H\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\e[11;36H\e[1K \e[30m\e[47m┌──────┐\e[34m\e[44m\e[K\e[12;36H\e[1K \e[30m\e[47m│      │\e[30m\e[40m \e[34m\e[44m\e[K\e[13;36H\e[1K \e[30m\e[47m│ \e[37m\e[41m<Ok>\e[30m\e[47m │\e[30m\e[40m \e[34m\e[44m\e[K\e[14;36H\e[1K \e[30m\e[47m└──────┘\e[30m\e[40m \e[34m\e[44m\e[K\e[15;37H\e[1K \e[30m\e[40m        \e[34m\e[44m\e[K\e[13d\b\e[39;49m\e(B\e[m"
-  - delay: 54
-    content: "\e[34m\e[44m\e[H\e[2J\e[16d\e[J\e[H\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\e[10;18H\e[1K \e[30m\e[47m┌──────────────────────────────────────────┐\e[34m\e[44m\e[K\e[11;18H\e[1K \e[30m\e[47m│ \e[34m\e[47m━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\e[30m\e[47m │\e[30m\e[40m \e[34m\e[44m\e[K\e[12;18H\e[1K \e[30m\e[47m│\e[42X\e[12;62H│\e[30m\e[40m \e[34m\e[44m\e[K\e[13;18H\e[1K \e[30m\e[47m│\e[37X\e[13;57H\e[37m\e[41m<Ok>\e[30m\e[47m │\e[30m\e[40m \e[34m\e[44m\e[K\e[14;18H\e[1K \e[30m\e[47m└──────────────────────────────────────────┘\e[30m\e[40m \e[34m\e[44m\e[K\e[15;19H\e[1K \e[30m\e[40m\e[44X\e[15;64H\e[34m\e[44m\e[K\e[13d\b\e[39;49m\e(B\e[m"
-  - delay: 943
-    content: "\e[11;21H\e[31m\e[47m━━━━━━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 1005
-    content: "\e[11;29H\e[31m\e[47m━━━━━━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 1006
-    content: "\e[11;37H\e[31m\e[47m━━━━━━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 1007
-    content: "\e[11;45H\e[31m\e[47m━━━━━━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 1003
-    content: "\e[34m\e[44m\e[H\e[2J\e[16d\e[J\e[H\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\e[10;24H\e[1K \e[30m\e[47m┌──────────────────────────────┐\e[34m\e[44m\e[K\e[11;24H\e[1K \e[30m\e[47m│ Yay, the content has loaded! │\e[30m\e[40m \e[34m\e[44m\e[K\e[12;24H\e[1K \e[30m\e[47m│\e[30X\e[12;56H│\e[30m\e[40m \e[34m\e[44m\e[K\e[13;24H\e[1K \e[30m\e[47m│\e[25X\e[13;51H\e[37m\e[41m<Ok>\e[30m\e[47m │\e[30m\e[40m \e[34m\e[44m\e[K\e[14;24H\e[1K \e[30m\e[47m└──────────────────────────────┘\e[30m\e[40m \e[34m\e[44m\e[K\e[15;25H\e[1K \e[30m\e[40m\e[32X\e[15;58H\e[34m\e[44m\e[K\e[13d\b\e[39;49m\e(B\e[m"
-  - delay: 1889
+  - delay: 486
+    content: "\e[?1049h\e[22;0;0t\e[1;24r\e(B\e[m\e[4l\e[?7h\e[?1h\e=\e[?1006;1000h\e[39;49m\e[?25l\e[?1002h\e[39;49m\e[34m\e[44m\e[H\e[2J\e[16d\e[J\e[H\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\e[10;18H\e[1K \e[30m\e[47m┌──────────────────────────────────────────┐\e[34m\e[44m\e[K\e[11;18H\e[1K \e[30m\e[47m│ \e[34m\e[47m━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\e[30m\e[47m │\e[30m\e[40m \e[34m\e[44m\e[K\e[12;18H\e[1K \e[30m\e[47m│\e[42X\e[12;62H│\e[30m\e[40m \e[34m\e[44m\e[K\e[13;18H\e[1K \e[30m\e[47m│\e[37X\e[13;57H\e[37m\e[41m<Ok>\e[30m\e[47m │\e[30m\e[40m \e[34m\e[44m\e[K\e[14;18H\e[1K \e[30m\e[47m└──────────────────────────────────────────┘\e[30m\e[40m \e[34m\e[44m\e[K\e[15;19H\e[1K \e[30m\e[40m\e[44X\e[15;64H\e[34m\e[44m\e[K\e[13d\b\e[39;49m\e(B\e[m"
+  - delay: 1012
+    content: "\e[11;21H\e[31m\e[47m━━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;24H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;26H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;27H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 918
+    content: "\e[11;28H\e[31m\e[47m━━━━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 30
+    content: "\e[11;33H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;35H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 922
+    content: "\e[11;36H\e[31m\e[47m━━━━━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 30
+    content: "\e[11;42H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 980
+    content: "\e[11;44H\e[31m\e[47m━━━━━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;50H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 981
+    content: "\e[34m\e[44m\e[H\e[2J\e[16d\e[J\e[H\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\e[10;21H\e[1K \e[30m\e[47m┌────────────────────────────────────┐\e[34m\e[44m\e[K\e[11;21H\e[1K \e[30m\e[47m│ \U0001F980  Yay, the content has loaded! \U0001F980  │\e[30m\e[40m \e[34m\e[44m\e[K\e[12;21H\e[1K \e[30m\e[47m│\e[36X\e[12;59H│\e[30m\e[40m \e[34m\e[44m\e[K\e[13;21H\e[1K \e[30m\e[47m│\e[31X\e[13;54H\e[37m\e[41m<Ok>\e[30m\e[47m │\e[30m\e[40m \e[34m\e[44m\e[K\e[14;21H\e[1K \e[30m\e[47m└────────────────────────────────────┘\e[30m\e[40m \e[34m\e[44m\e[K\e[15;22H\e[1K \e[30m\e[40m\e[38X\e[15;61H\e[34m\e[44m\e[K\e[13d\b\e[39;49m\e(B\e[m"
+  - delay: 4697
    content: "\e[?1002l\e[?1006;1000l\e[24;1H\e[?12l\e[?25h\e[?1049l\e[23;0;0t\r\e[?1l\e>"
--- a/assets/async-view-simple.gif
+++ b/assets/async-view-simple.gif
--- a/assets/async-view-simple.yml
+++ b/assets/async-view-simple.yml
@ -0,0 +1,359 @@
+# The configurations that used for the recording, feel free to edit them
+config:
+
+  # Specify a command to be executed
+  # like `/bin/bash -l`, `ls`, or any other commands
+  # the default is bash for Linux
+  # or powershell.exe for Windows
+  command: ../target/debug/examples/simple
+  
+  # Specify the current working directory path
+  # the default is the current working directory path
+  cwd: /home/fin/Development/github/cursive-async-view/assets
+  
+  # Export additional ENV variables
+  env:
+    recording: true
+  
+  # Explicitly set the number of columns
+  # or use `auto` to take the current
+  # number of columns of your shell
+  cols: 80
+  
+  # Explicitly set the number of rows
+  # or use `auto` to take the current
+  # number of rows of your shell
+  rows: 24
+  
+  # Amount of times to repeat GIF
+  # If value is -1, play once
+  # If value is 0, loop indefinitely
+  # If value is a positive number, loop n times
+  repeat: 0
+  
+  # Quality
+  # 1 - 100
+  quality: 100
+  
+  # Delay between frames in ms
+  # If the value is `auto` use the actual recording delays
+  frameDelay: auto
+  
+  # Maximum delay between frames in ms
+  # Ignored if the `frameDelay` isn't set to `auto`
+  # Set to `auto` to prevent limiting the max idle time
+  maxIdleTime: 2000
+  
+  # The surrounding frame box
+  # The `type` can be null, window, floating, or solid`
+  # To hide the title use the value null
+  # Don't forget to add a backgroundColor style with a null as type
+  frameBox:
+    type: solid
+    title: null
+    style:
+      border: 0px black solid
+      boxShadow: none
+      margin: 0px
+  
+  # Add a watermark image to the rendered gif
+  # You need to specify an absolute path for
+  # the image on your machine or a URL, and you can also
+  # add your own CSS styles
+  watermark:
+    imagePath: null
+    style:
+      position: absolute
+      right: 15px
+      bottom: 15px
+      width: 100px
+      opacity: 0.9
+  
+  # Cursor style can be one of
+  # `block`, `underline`, or `bar`
+  cursorStyle: block
+  
+  # Font family
+  # You can use any font that is installed on your machine
+  # in CSS-like syntax
+  fontFamily: "Hack, Twemoji"
+  
+  # The size of the font
+  fontSize: 12
+  
+  # The height of lines
+  lineHeight: 1
+  
+  # The spacing between letters
+  letterSpacing: 0
+  
+  # Theme
+  theme:
+    background: "transparent"
+    foreground: "#839496"
+    cursor: "#839496"
+    black: "#073642"
+    red: "#DC322F"
+    green: "#859900"
+    yellow: "#B58900"
+    blue: "#268BD2"
+    magenta: "#D3368"
+    cyan: "#2AA198"
+    white: "#EEE8D5"
+    brightBlack: "#002B36"
+    brightRed: "#CB4B16"
+    brightGreen: "#586E75"
+    brightYellow: "#657B83"
+    brightBlue: "#839496"
+    brightMagenta: "#6C71C4"
+    brightCyan: "#93A1A1"
+    brightWhite: "#FDF6E3"
+  
+# Records, feel free to edit them
+records:
+  - delay: 810
+    content: "\e[?1049h\e[22;0;0t\e[1;24r\e(B\e[m\e[4l\e[?7h\e[?1h\e=\e[?1006;1000h\e[39;49m\e[?25l\e[?1002h\e[39;49m\e[34m\e[44m\e[H\e[2J\e[16d\e[J\e[H\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\e[10;18H\e[1K \e[30m\e[47m┌──────────────────────────────────────────┐\e[34m\e[44m\e[K\e[11;18H\e[1K \e[30m\e[47m│ \e[31m\e[47m━━━━━\e[34m\e[47m━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\e[30m\e[47m │\e[30m\e[40m \e[34m\e[44m\e[K\e[12;18H\e[1K \e[30m\e[47m│\e[42X\e[12;62H│\e[30m\e[40m \e[34m\e[44m\e[K\e[13;18H\e[1K \e[30m\e[47m│\e[37X\e[13;57H\e[37m\e[41m<Ok>\e[30m\e[47m │\e[30m\e[40m \e[34m\e[44m\e[K\e[14;18H\e[1K \e[30m\e[47m└──────────────────────────────────────────┘\e[30m\e[40m \e[34m\e[44m\e[K\e[15;19H\e[1K \e[30m\e[40m\e[44X\e[15;64H\e[34m\e[44m\e[K\e[13d\b\e[39;49m\e(B\e[m"
+  - delay: 30
+    content: "\e[11;26H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;27H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 61
+    content: "\e[11;28H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;30H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;31H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;32H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;33H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;35H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;21H\e[34m\e[47m━\e[11;37H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 30
+    content: "\e[11;38H\e[31m\e[47m━━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 30
+    content: "\e[11;41H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;43H\e[31m\e[47m━━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;22H\e[34m\e[47m━\e[11;46H\e[31m\e[47m━━━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;50H\e[31m\e[47m━━━━━━━━━━━\n\n\e[63G\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;23H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 93
+    content: "\e[11;24H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;25H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 61
+    content: "\e[11;26H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;27H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;28H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 62
+    content: "\e[11;29H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;31H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;32H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;33H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;35H\e[34m\e[47m━━━━━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;41H\e[34m\e[47m━━━━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;46H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;48H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 30
+    content: "\e[11;49H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;50H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;52H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 62
+    content: "\e[11;53H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;54H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 62
+    content: "\e[11;55H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;56H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 92
+    content: "\e[11;57H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
+  - delay: 61
+    content: "\e[11;58H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
+  - delay: 123
+    content: "\e[11;59H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;21H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 92
+    content: "\e[11;22H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 62
+    content: "\e[11;23H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 62
+    content: "\e[11;24H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;25H\e[31m\e[47m━\e[11;60H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;26H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;27H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 62
+    content: "\e[11;28H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;30H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 30
+    content: "\e[11;31H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;32H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;33H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;35H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;21H\e[34m\e[47m━\e[11;37H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;38H\e[31m\e[47m━━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 30
+    content: "\e[11;41H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;43H\e[31m\e[47m━━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;22H\e[34m\e[47m━\e[11;46H\e[31m\e[47m━━━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;50H\e[31m\e[47m━━━━━━━━━━━\n\n\e[63G\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;23H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 92
+    content: "\e[11;24H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;25H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 62
+    content: "\e[11;26H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 30
+    content: "\e[11;27H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;28H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 62
+    content: "\e[11;29H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;31H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;32H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;33H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;35H\e[34m\e[47m━━━━━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 30
+    content: "\e[11;41H\e[34m\e[47m━━━━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 30
+    content: "\e[11;46H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;48H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;49H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;50H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;52H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 61
+    content: "\e[11;53H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;54H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 62
+    content: "\e[11;55H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;56H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 92
+    content: "\e[11;57H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
+  - delay: 62
+    content: "\e[11;58H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
+  - delay: 123
+    content: "\e[11;59H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;21H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 92
+    content: "\e[11;22H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 62
+    content: "\e[11;23H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 61
+    content: "\e[11;24H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;25H\e[31m\e[47m━\e[11;60H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;26H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;27H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 62
+    content: "\e[11;28H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;30H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 30
+    content: "\e[11;31H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;32H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;33H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;35H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 30
+    content: "\e[11;21H\e[34m\e[47m━\e[11;37H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;38H\e[31m\e[47m━━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;41H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 30
+    content: "\e[11;43H\e[31m\e[47m━━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;22H\e[34m\e[47m━\e[11;46H\e[31m\e[47m━━━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;50H\e[31m\e[47m━━━━━━━━━━━\n\n\e[63G\e[39;49m\e(B\e[m"
+  - delay: 30
+    content: "\e[11;23H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 92
+    content: "\e[11;24H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;25H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 61
+    content: "\e[11;26H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 30
+    content: "\e[11;27H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;28H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 61
+    content: "\e[11;29H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;31H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;32H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;33H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;35H\e[34m\e[47m━━━━━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 30
+    content: "\e[11;41H\e[34m\e[47m━━━━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;46H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;48H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 30
+    content: "\e[11;49H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;50H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;52H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 61
+    content: "\e[11;53H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[11;54H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 61
+    content: "\e[11;55H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 31
+    content: "\e[34m\e[44m\e[H\e[2J\e[16d\e[J\e[H\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\e[10;18H\e[1K \e[30m\e[47m┌─────────────────────────────────────────┐\e[34m\e[44m\e[K\e[11;18H\e[1K \e[30m\e[47m│ Krawoombah! Async loading is working \U0001F980  │\e[30m\e[40m \e[34m\e[44m\e[K\e[12;18H\e[1K \e[30m\e[47m│\e[41X\e[12;61H│\e[30m\e[40m \e[34m\e[44m\e[K\e[13;18H\e[1K \e[30m\e[47m│\e[36X\e[13;56H\e[37m\e[41m<Ok>\e[30m\e[47m │\e[30m\e[40m \e[34m\e[44m\e[K\e[14;18H\e[1K \e[30m\e[47m└─────────────────────────────────────────┘\e[30m\e[40m \e[34m\e[44m\e[K\e[15;19H\e[1K \e[30m\e[40m\e[43X\e[15;63H\e[34m\e[44m\e[K\e[13d\b\e[39;49m\e(B\e[m"
+  - delay: 4998
+    content: "\e[?1002l\e[?1006;1000l\e[24;1H\e[?12l\e[?25h\e[?1049l\e[23;0;0t\r\e[?1l\e>"
--- a/assets/async-view-timeout.gif
+++ b/assets/async-view-timeout.gif
--- a/assets/async-view-timeout.yml
+++ b/assets/async-view-timeout.yml
@ -76,7 +76,7 @@ config:
  # Font family
  # You can use any font that is installed on your machine
  # in CSS-like syntax
-  fontFamily: "Hack"
+  fontFamily: "Hack, Twemoji"
  
  # The size of the font
  fontSize: 12
@ -111,317 +111,341 @@ config:
  
 # Records, feel free to edit them
 records:
-  - delay: 500
+  - delay: 545
    content: "\e[?1049h\e[22;0;0t\e[1;24r\e(B\e[m\e[4l\e[?7h\e[?1h\e=\e[?1006;1000h\e[39;49m\e[?25l\e[?1002h\e[39;49m\e[34m\e[44m\e[H\e[2J\e[16d\e[J\e[H\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\n\e[K\e[10;18H\e[1K \e[30m\e[47m┌──────────────────────────────────────────┐\e[34m\e[44m\e[K\e[11;18H\e[1K \e[30m\e[47m│ \e[31m\e[47m━━━━━\e[34m\e[47m━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━\e[30m\e[47m │\e[30m\e[40m \e[34m\e[44m\e[K\e[12;18H\e[1K \e[30m\e[47m│\e[42X\e[12;62H│\e[30m\e[40m \e[34m\e[44m\e[K\e[13;18H\e[1K \e[30m\e[47m│\e[37X\e[13;57H\e[37m\e[41m<Ok>\e[30m\e[47m │\e[30m\e[40m \e[34m\e[44m\e[K\e[14;18H\e[1K \e[30m\e[47m└──────────────────────────────────────────┘\e[30m\e[40m \e[34m\e[44m\e[K\e[15;19H\e[1K \e[30m\e[40m\e[44X\e[15;64H\e[34m\e[44m\e[K\e[13d\b\e[39;49m\e(B\e[m"
-  - delay: 31
+  - delay: 27
    content: "\e[11;26H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
  - delay: 31
    content: "\e[11;27H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 64
+  - delay: 61
    content: "\e[11;28H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
  - delay: 31
    content: "\e[11;30H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;31H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;32H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;33H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
  - delay: 31
    content: "\e[11;35H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 30
    content: "\e[11;21H\e[34m\e[47m━\e[11;37H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;38H\e[31m\e[47m━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;41H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
  - delay: 31
    content: "\e[11;43H\e[31m\e[47m━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;22H\e[34m\e[47m━\e[11;46H\e[31m\e[47m━━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;50H\e[31m\e[47m━━━━━━━━━━━\n\n\e[63G\e[39;49m\e(B\e[m"
  - delay: 31
+    content: "\e[11;50H\e[31m\e[47m━━━━━━━━━━━\n\n\e[63G\e[39;49m\e(B\e[m"
+  - delay: 30
    content: "\e[11;23H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 95
+  - delay: 92
    content: "\e[11;24H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
  - delay: 31
    content: "\e[11;25H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 64
+  - delay: 61
    content: "\e[11;26H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
  - delay: 31
    content: "\e[11;27H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;28H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
+  - delay: 62
    content: "\e[11;29H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;31H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
  - delay: 31
+    content: "\e[11;31H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 30
    content: "\e[11;32H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;33H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;35H\e[34m\e[47m━━━━━━\e[13;63H\e[39;49m\e(B\e[m"
  - delay: 31
    content: "\e[11;41H\e[34m\e[47m━━━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;46H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;48H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
  - delay: 31
+    content: "\e[11;48H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 30
    content: "\e[11;49H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;50H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;52H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
+  - delay: 62
    content: "\e[11;53H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;54H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
+  - delay: 61
    content: "\e[11;55H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;56H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 94
+  - delay: 93
    content: "\e[11;57H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 64
+  - delay: 61
    content: "\e[11;58H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 126
+  - delay: 123
    content: "\e[11;59H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 30
    content: "\e[11;21H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 95
+  - delay: 93
    content: "\e[11;22H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
+  - delay: 62
    content: "\e[11;23H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
+  - delay: 62
    content: "\e[11;24H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 30
    content: "\e[11;25H\e[31m\e[47m━\e[11;60H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
  - delay: 31
    content: "\e[11;26H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;27H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 64
+  - delay: 62
    content: "\e[11;28H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;30H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 30
    content: "\e[11;31H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
  - delay: 31
    content: "\e[11;32H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;33H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;35H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
  - delay: 31
    content: "\e[11;21H\e[34m\e[47m━\e[11;37H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
  - delay: 31
    content: "\e[11;38H\e[31m\e[47m━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 30
    content: "\e[11;41H\e[31m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;43H\e[31m\e[47m━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;22H\e[34m\e[47m━\e[11;46H\e[31m\e[47m━━━━\e[13;63H\e[39;49m\e(B\e[m"
  - delay: 31
    content: "\e[11;50H\e[31m\e[47m━━━━━━━━━━━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;23H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 95
+  - delay: 92
    content: "\e[11;24H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;25H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
+  - delay: 62
    content: "\e[11;26H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
  - delay: 31
    content: "\e[11;27H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 30
    content: "\e[11;28H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 64
+  - delay: 61
    content: "\e[11;29H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
  - delay: 31
    content: "\e[11;31H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
  - delay: 31
    content: "\e[11;32H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 30
-    content: "\e[11;33H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
  - delay: 31
+    content: "\e[11;33H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 30
    content: "\e[11;35H\e[34m\e[47m━━━━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 31
+  - delay: 30
    content: "\e[11;41H\e[34m\e[47m━━━━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
-    content: "\e[11;46H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
  - delay: 31
-    content: "\e[11;48H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+    content: "\e[11;46H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
  - delay: 32
+    content: "\e[11;48H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
+  - delay: 30
    content: "\e[11;49H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;50H\e[34m\e[47m━━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;52H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
+  - delay: 61
    content: "\e[11;53H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;54H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
+  - delay: 61
    content: "\e[11;55H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;56H\e[34m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 95
+  - delay: 92
    content: "\e[11;57H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 64
+  - delay: 62
    content: "\e[11;58H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 127
+  - delay: 123
    content: "\e[11;59H\e[34m\e[47m━\n\n\e[63G\e[39;49m\e(B\e[m"
-  - delay: 32
+  - delay: 31
    content: "\e[11;21H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 95
+  - delay: 92
    content: "\e[11;22H\e[31m\e[47m━\e[13;63H\e[39;49m\e(B\e[m"
-  - delay: 63
+  - delay: 62
    content: "\