<turbo-stream action="append" target="posts_list"><template>    <div class="postbit" id="282844" data-post-id="282844">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="chasers" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/chasers/120/14188_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  chasers
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Nice work this is rad!</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="282844" data-batch-url="/posts/batch_likers">
                        2
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/owl-a-toolkit-for-writing-command-line-user-interfaces/44585/22">Post #21</a>
	                </div>
	            </div>
              <div id="likers-container-282844" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="282844"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #21"></div>
  </section>
</div>
    <div class="postbit" id="335390" data-post-id="335390">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="fuelen" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/fuelen/120/9870_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  fuelen
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>There were a couple of small releases for which I didn’t post updates here.</p>
<p>Owl v0.11.0 has been released today! <img src="https://forum.elixirforum.com/images/emoji/apple/tada.png?v=15" title=":tada:" class="emoji" alt=":tada:" loading="lazy" width="20" height="20"></p><aside class="onebox allowlistedgeneric" data-onebox-src="https://github.com/fuelen/owl/releases/tag/v0.11.0">
  <header class="source">
      <img src="https://github.githubassets.com/favicons/favicon.svg" class="site-icon" alt="" width="32" height="32">

      <a href="https://github.com/fuelen/owl/releases/tag/v0.11.0" target="_blank" rel="noopener nofollow ugc">GitHub</a>
  </header>

  <article class="onebox-body">
    <div class="aspect-image" style="--aspect-ratio:690/344;"><img src="https://opengraph.githubassets.com/985c7fb90781f40439a2b86442b7127638970064f47723c1f7414b3e8b9112b8/fuelen/owl/releases/tag/v0.11.0" class="thumbnail" alt="" width="" height=""></div>

<h3><a href="https://github.com/fuelen/owl/releases/tag/v0.11.0" target="_blank" rel="noopener nofollow ugc">Release v0.11.0 · fuelen/owl</a></h3>

  <p>What's changed

Deprecate to_ansidata/1 and from_ansidata/1 in favour of new to_chardata/1 and from_chardata/1 respectively
Add Owl.TrueColor module
Support complex sequences with multiple display ...</p>


  </article>

  <div class="onebox-metadata">
    
    
  </div>

  <div style="clear: both"></div>
</aside>

<p>The major update here is that <code>Owl.Data.from_ansidata/1</code> has been deprecated in favour of a more convenient <code>Owl.Data.from_chardata/1</code>. The latter can handle output from the CLI utilities as is without additional transformations:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">filename = "README.md"
{output, 0} = Owl.System.cmd("bat", [filename, "--color=always", "--style=plain"])

output
|&gt; Owl.Data.from_chardata()
|&gt; Owl.Box.new(title: Owl.Data.tag(filename, :yellow), border_tag: :light_blue)
|&gt; Owl.IO.puts()
</code></pre>
<p></p><div class="lightbox-wrapper"><a class="lightbox" href="https://forum.elixirforum.com/uploads/default/original/3X/4/5/45f6ce4b60965c9749b8d768f8186616e70aef7d.jpeg" data-download-href="https://forum.elixirforum.com/uploads/default/45f6ce4b60965c9749b8d768f8186616e70aef7d" title="image" rel="nofollow"><img src="https://forum.elixirforum.com/uploads/default/optimized/3X/4/5/45f6ce4b60965c9749b8d768f8186616e70aef7d_2_587x600.jpeg" alt="image" data-base62-sha1="9YVIV5F3TY2lAEiu3zaLu3Hx6S9" width="587" height="600" srcset="https://forum.elixirforum.com/uploads/default/optimized/3X/4/5/45f6ce4b60965c9749b8d768f8186616e70aef7d_2_587x600.jpeg, https://forum.elixirforum.com/uploads/default/optimized/3X/4/5/45f6ce4b60965c9749b8d768f8186616e70aef7d_2_880x900.jpeg 1.5x, https://forum.elixirforum.com/uploads/default/optimized/3X/4/5/45f6ce4b60965c9749b8d768f8186616e70aef7d_2_1174x1200.jpeg 2x" data-dominant-color="0C0D0B"><div class="meta"><svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use href="#far-image"></use></svg><span class="filename">image</span><span class="informations">1200×1225 112 KB</span><svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use href="#discourse-expand"></use></svg></div></a></div><p></p>
<p>Also, a new <code>Owl.TrueColor</code> module has been added in order to handle more colors produced by external CLI utilities.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="335390" data-batch-url="/posts/batch_likers">
                        9
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/owl-a-toolkit-for-writing-command-line-user-interfaces/44585/23">Post #22</a>
	                </div>
	            </div>
              <div id="likers-container-335390" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="335390"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #22"></div>
  </section>
</div>
    <div class="postbit" id="372480" data-post-id="372480">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="fuelen" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/fuelen/120/9870_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  fuelen
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Owl v0.13.0 released <img src="https://forum.elixirforum.com/images/emoji/apple/tada.png?v=15" title=":tada:" class="emoji" alt=":tada:" loading="lazy" width="20" height="20"></p>
<p>Owl now supports clickable hyperlinks in terminal output via OSC 8 sequences. You can wrap text with the <code>{:hyperlink, "https://url"}</code> tag using <code>Owl.Data.tag/2</code>:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">"Docs" |&gt; Owl.Data.tag(hyperlink: "https://hexdocs.pm/owl") |&gt; Owl.IO.puts()
</code></pre> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="372480" data-batch-url="/posts/batch_likers">
                        12
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/owl-a-toolkit-for-writing-command-line-user-interfaces/44585/24">Post #23</a>
	                </div>
	            </div>
              <div id="likers-container-372480" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="372480"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #23"></div>
  </section>
</div>
    <div class="postbit" id="372489" data-post-id="372489">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="greven" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/greven/120/25004_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  greven
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Hey <a class="mention" href="/u/fuelen" rel="nofollow">@fuelen</a> just want to thank you for your work on Owl, such a great library! &lt;3</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="372489" data-batch-url="/posts/batch_likers">
                        2
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/owl-a-toolkit-for-writing-command-line-user-interfaces/44585/25">Post #24</a>
	                </div>
	            </div>
              <div id="likers-container-372489" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="372489"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #24"></div>
  </section>
</div>
    <div class="postbit" id="383911" data-post-id="383911">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="sljuka" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/sljuka/120/35991_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  sljuka
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p><a class="mention" href="/u/fuelen" rel="nofollow">@fuelen</a> Owl is awesome. I’m tutoring myself Elixir by making a TUI elixir tutorial. view/TUI layer is pretty smooth <img src="https://forum.elixirforum.com/images/emoji/apple/blush.png?v=15" title=":blush:" class="emoji" alt=":blush:" loading="lazy" width="20" height="20"></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="383911" data-batch-url="/posts/batch_likers">
                        3
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/owl-a-toolkit-for-writing-command-line-user-interfaces/44585/26">Post #25</a>
	                </div>
	            </div>
              <div id="likers-container-383911" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="383911"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-last-post cat-last-post" title="Last post!"></div>
  </section>
</div>
</template></turbo-stream><turbo-stream action="replace" target="load-more-container"><template><div id="load-more-container" class="load-more-container">
    <span class="all-loaded">— All posts loaded —</span>
</div></template></turbo-stream>