mirror of
https://github.com/livebook-dev/livebook.git
synced 2024-11-16 12:57:32 +08:00
6615422613
* Restructure frame output * Reboot JSComponent when ref changes * Prune outputs from LV, handle frame and stdout updates via component messaging * Keep ANSI modifiers as keyword list * Don't re-render pruned outputs * Improve empty frame styling * Use more specific id * Add clarification on trailing CR * Handle output group borders with CSS * Keep only relevant outputs in memory * Adjust borders * Update lib/livebook/live_markdown/import.ex Co-authored-by: José Valim <jose.valim@dashbit.co> * Apply review comments Co-authored-by: José Valim <jose.valim@dashbit.co>
81 lines
2.7 KiB
Elixir
81 lines
2.7 KiB
Elixir
defmodule LivebookWeb.Output.StdoutComponent do
|
|
use LivebookWeb, :live_component
|
|
|
|
@impl true
|
|
def mount(socket) do
|
|
{:ok, assign(socket, modifiers: [], last_line: nil, last_html_line: nil),
|
|
temporary_assigns: [html_lines: []]}
|
|
end
|
|
|
|
@impl true
|
|
def update(assigns, socket) do
|
|
{text, assigns} = Map.pop(assigns, :text)
|
|
socket = assign(socket, assigns)
|
|
|
|
if text do
|
|
text = (socket.assigns.last_line || "") <> text
|
|
|
|
# Captured output usually has a trailing newline that we ignore
|
|
# for HTML conversion, since each line is an HTML block anyway
|
|
trailing_newline? = String.ends_with?(text, "\n")
|
|
text = String.replace_suffix(text, "\n", "")
|
|
|
|
text = Livebook.Utils.apply_rewind(text)
|
|
|
|
last_line =
|
|
case Livebook.Utils.split_at_last_occurrence(text, "\n") do
|
|
:error -> text
|
|
{:ok, _, last_line} -> last_line
|
|
end
|
|
|
|
last_line = last_line <> if(trailing_newline?, do: "\n", else: "")
|
|
|
|
{html_lines, modifiers} =
|
|
LivebookWeb.Helpers.ANSI.ansi_string_to_html_lines_step(text, socket.assigns.modifiers)
|
|
|
|
{html_lines, [last_html_line]} = Enum.split(html_lines, -1)
|
|
|
|
{:ok,
|
|
assign(socket,
|
|
html_lines: html_lines,
|
|
last_html_line: last_html_line,
|
|
last_line: last_line,
|
|
modifiers: modifiers
|
|
)}
|
|
else
|
|
{:ok, socket}
|
|
end
|
|
end
|
|
|
|
@impl true
|
|
def render(assigns) do
|
|
~H"""
|
|
<div id={"virtualized-text-#{@id}"}
|
|
class="relative"
|
|
phx-hook="VirtualizedLines"
|
|
data-max-height="300"
|
|
data-follow={to_string(@follow)}>
|
|
<%# Note 1: We add a newline to each element, so that multiple lines can be copied properly as element.textContent %>
|
|
<%# Note 2: We use comments to avoid inserting unintended whitespace %>
|
|
<div data-template class="hidden" id={"virtualized-text-#{@id}-template"}><%#
|
|
%><div id={"virtualized-text-#{@id}-template-append"} phx-update="append"><%#
|
|
%><%= for html_line <- @html_lines do %><%#
|
|
%><div data-line id={Livebook.Utils.random_id()}><%= [html_line, "\n"] %></div><%#
|
|
%><% end %><%#
|
|
%></div><%#
|
|
%><div data-line><%= @last_html_line %></div><%#
|
|
%></div>
|
|
<div data-content class="overflow-auto whitespace-pre font-editor text-gray-500 tiny-scrollbar"
|
|
id={"virtualized-text-#{@id}-content"}
|
|
phx-update="ignore"></div>
|
|
<div class="absolute right-2 top-0 z-10">
|
|
<button class="icon-button bg-gray-100"
|
|
data-element="clipcopy"
|
|
phx-click={JS.dispatch("lb:clipcopy", to: "#virtualized-text-#{@id}-template")}>
|
|
<.remix_icon icon="clipboard-line" class="text-lg" />
|
|
</button>
|
|
</div>
|
|
</div>
|
|
"""
|
|
end
|
|
end
|