v0.8.0

v0.8.0 (2025-10-02)

I got the idea today to try use Effect and the Boxes to creat Web Components, and so i needed to add a new Renderer. Introducing the HtmlRenderer which can create html documentation from boxes. This is pretty interesting and could probably be used with other frameworks or server side rendering, but for now I'm gonna try use it to make an Effect based web component.

const htmlBox = Box.vcat(
  [
    Box.text("Welcome").pipe(Box.annotate(Html.h1())),
    Box.text("This is a paragraph of text.").pipe(Box.annotate(Html.p())),
    Box.hcat(
      [
        Box.text("Item 1").pipe(Box.annotate(Html.li())),
        Box.text("Item 2").pipe(Box.annotate(Html.li())),
        Box.text("Item 3").pipe(Box.annotate(Html.li())),
      ],
      Box.left
    ).pipe(Box.annotate(Html.ul())),
  ],
  Box.left
).pipe(Box.annotate(Html.div({ class: "container" })));

<div class="container">
    <h1>
      Welcome
    </h1>
    <p>
      This is a paragraph of text.
    </p>
    <ul>
          <li>
            Item 1
          </li>
          <li>
            Item 2
          </li>
          <li>
            Item 3
          </li>
    </ul>
</div>

Features

• ✨ add HtmlRenderer by @lloydrichards in #16

Fixes

• ♻️ double annotations 4069aa1

Full Changelog: v0.7.0...v0.8.0