PoC: build terminal components with HTML+CSS?

[zoedsoupe]

Well… My ideas go beyond anything right now 😄

try to reuse as much functionallity as possible from phoenix live view

defmodule MyCLI do
  use Nexus.Component

  attr :cols, :integer, required: true

  slot :inner_block, required: true
   
  def box(assigns) do
    ~H”””
    <div style=“width: #{@cols}px”>
      <%= render_slot(@inner_block) %>
    </div>
    ””"
  end
end

[zoedsoupe]

ok, better proposal: we don't need to handle HTML

[zoedsoupe]

we can leverage the live view HTMLEngine implementation and build a DSL based into the owl package, that way we will have something live that:

defmodule MyCLI do
  use Nexus.TUI

  def mount(ctx) do
    {:ok, ctx}
  end
  
  @impl true
  def render(assigns) do
    ~T"""
    <.box rows="10" cols="20" phx-click="react">
      <!-- ... -->
    </.box>
    """
  end

  @impl true
  def handle_event("react", _args, ctx) do
    {:noreply, ctx}
  end
end