Files
oak-gpui/crates/repl/src/outputs.rs
T
Kyle Kelley 442ff94d58 Further document repl outputs (#16962)
Adding more docs to the repl outputs modules.

Release Notes:

- N/A
2024-08-27 12:34:16 -07:00

452 lines
17 KiB
Rust

//! # REPL Output Module
//!
//! This module provides the core functionality for handling and displaying
//! various types of output from Jupyter kernels.
//!
//! ## Key Components
//!
//! - `Output`: Represents a single output item, which can be of various types.
//! - `OutputContent`: An enum that encapsulates different types of output content.
//! - `ExecutionView`: Manages the display of outputs for a single execution.
//! - `ExecutionStatus`: Represents the current status of an execution.
//!
//! ## Output Types
//!
//! The module supports several output types, including:
//! - Plain text
//! - Markdown
//! - Images (PNG and JPEG)
//! - Tables
//! - Error messages
//!
//! ## Clipboard Support
//!
//! Most output types implement the `SupportsClipboard` trait, allowing
//! users to easily copy output content to the system clipboard.
//!
//! ## Rendering
//!
//! The module provides rendering capabilities for each output type,
//! ensuring proper display within the REPL interface.
//!
//! ## Jupyter Integration
//!
//! This module is designed to work with Jupyter message protocols,
//! interpreting and displaying various types of Jupyter output.
use std::time::Duration;
use gpui::{
percentage, Animation, AnimationExt, AnyElement, ClipboardItem, Render, Transformation, View,
};
use runtimelib::{ExecutionState, JupyterMessageContent, MimeBundle, MimeType};
use ui::{div, prelude::*, v_flex, IntoElement, Styled, Tooltip, ViewContext};
mod image;
use image::ImageView;
mod markdown;
use markdown::MarkdownView;
mod table;
use table::TableView;
pub mod plain;
use plain::TerminalOutput;
mod user_error;
use user_error::ErrorView;
/// When deciding what to render from a collection of mediatypes, we need to rank them in order of importance
fn rank_mime_type(mimetype: &MimeType) -> usize {
match mimetype {
MimeType::DataTable(_) => 6,
MimeType::Png(_) => 4,
MimeType::Jpeg(_) => 3,
MimeType::Markdown(_) => 2,
MimeType::Plain(_) => 1,
// All other media types are not supported in Zed at this time
_ => 0,
}
}
pub(crate) trait SupportsClipboard {
fn clipboard_content(&self, cx: &WindowContext) -> Option<ClipboardItem>;
fn has_clipboard_content(&self, cx: &WindowContext) -> bool;
}
pub struct Output {
content: OutputContent,
display_id: Option<String>,
}
impl Output {
pub fn new(data: &MimeBundle, display_id: Option<String>, cx: &mut WindowContext) -> Self {
Self {
content: OutputContent::new(data, cx),
display_id,
}
}
pub fn from(content: OutputContent) -> Self {
Self {
content,
display_id: None,
}
}
}
impl SupportsClipboard for Output {
fn clipboard_content(&self, cx: &WindowContext) -> Option<ClipboardItem> {
match &self.content {
OutputContent::Plain(terminal) => terminal.clipboard_content(cx),
OutputContent::Stream(terminal) => terminal.clipboard_content(cx),
OutputContent::Image(image) => image.clipboard_content(cx),
OutputContent::ErrorOutput(error) => error.traceback.clipboard_content(cx),
OutputContent::Message(_) => None,
OutputContent::Table(table) => table.clipboard_content(cx),
OutputContent::Markdown(markdown) => markdown.read(cx).clipboard_content(cx),
OutputContent::ClearOutputWaitMarker => None,
}
}
fn has_clipboard_content(&self, cx: &WindowContext) -> bool {
match &self.content {
OutputContent::Plain(terminal) => terminal.has_clipboard_content(cx),
OutputContent::Stream(terminal) => terminal.has_clipboard_content(cx),
OutputContent::Image(image) => image.has_clipboard_content(cx),
OutputContent::ErrorOutput(error) => error.traceback.has_clipboard_content(cx),
OutputContent::Message(_) => false,
OutputContent::Table(table) => table.has_clipboard_content(cx),
OutputContent::Markdown(markdown) => markdown.read(cx).has_clipboard_content(cx),
OutputContent::ClearOutputWaitMarker => false,
}
}
}
pub enum OutputContent {
Plain(TerminalOutput),
Stream(TerminalOutput),
Image(ImageView),
ErrorOutput(ErrorView),
Message(String),
Table(TableView),
Markdown(View<MarkdownView>),
ClearOutputWaitMarker,
}
impl OutputContent {
fn render(&self, cx: &mut ViewContext<ExecutionView>) -> Option<AnyElement> {
let el = match self {
// Note: in typical frontends we would show the execute_result.execution_count
// Here we can just handle either
Self::Plain(stdio) => Some(stdio.render(cx)),
Self::Markdown(markdown) => Some(markdown.clone().into_any_element()),
Self::Stream(stdio) => Some(stdio.render(cx)),
Self::Image(image) => Some(image.render(cx)),
Self::Message(message) => Some(div().child(message.clone()).into_any_element()),
Self::Table(table) => Some(table.render(cx)),
Self::ErrorOutput(error_view) => error_view.render(cx),
Self::ClearOutputWaitMarker => None,
};
el
}
pub fn new(data: &MimeBundle, cx: &mut WindowContext) -> Self {
match data.richest(rank_mime_type) {
Some(MimeType::Plain(text)) => OutputContent::Plain(TerminalOutput::from(text, cx)),
Some(MimeType::Markdown(text)) => {
let view = cx.new_view(|cx| MarkdownView::from(text.clone(), cx));
OutputContent::Markdown(view)
}
Some(MimeType::Png(data)) | Some(MimeType::Jpeg(data)) => match ImageView::from(data) {
Ok(view) => OutputContent::Image(view),
Err(error) => OutputContent::Message(format!("Failed to load image: {}", error)),
},
Some(MimeType::DataTable(data)) => {
OutputContent::Table(TableView::new(data.clone(), cx))
}
// Any other media types are not supported
_ => OutputContent::Message("Unsupported media type".to_string()),
}
}
}
#[derive(Default, Clone, Debug)]
pub enum ExecutionStatus {
#[default]
Unknown,
ConnectingToKernel,
Queued,
Executing,
Finished,
ShuttingDown,
Shutdown,
KernelErrored(String),
Restarting,
}
/// An ExecutionView shows the outputs of an execution.
/// It can hold zero or more outputs, which the user
/// sees as "the output" for a single execution.
pub struct ExecutionView {
pub outputs: Vec<Output>,
pub status: ExecutionStatus,
}
impl ExecutionView {
pub fn new(status: ExecutionStatus, _cx: &mut ViewContext<Self>) -> Self {
Self {
outputs: Default::default(),
status,
}
}
/// Accept a Jupyter message belonging to this execution
pub fn push_message(&mut self, message: &JupyterMessageContent, cx: &mut ViewContext<Self>) {
let output: Output = match message {
JupyterMessageContent::ExecuteResult(result) => Output::new(
&result.data,
result.transient.as_ref().and_then(|t| t.display_id.clone()),
cx,
),
JupyterMessageContent::DisplayData(result) => {
Output::new(&result.data, result.transient.display_id.clone(), cx)
}
JupyterMessageContent::StreamContent(result) => {
// Previous stream data will combine together, handling colors, carriage returns, etc
if let Some(new_terminal) = self.apply_terminal_text(&result.text, cx) {
Output::from(new_terminal)
} else {
return;
}
}
JupyterMessageContent::ErrorOutput(result) => {
let mut terminal = TerminalOutput::new(cx);
terminal.append_text(&result.traceback.join("\n"));
Output::from(OutputContent::ErrorOutput(ErrorView {
ename: result.ename.clone(),
evalue: result.evalue.clone(),
traceback: terminal,
}))
}
JupyterMessageContent::ExecuteReply(reply) => {
for payload in reply.payload.iter() {
match payload {
// Pager data comes in via `?` at the end of a statement in Python, used for showing documentation.
// Some UI will show this as a popup. For ease of implementation, it's included as an output here.
runtimelib::Payload::Page { data, .. } => {
let output = Output::new(data, None, cx);
self.outputs.push(output);
}
// There are other payloads that could be handled here, such as updating the input.
// Below are the other payloads that _could_ be handled, but are not required for Zed.
// Set next input adds text to the next cell. Not required to support.
// However, this could be implemented by adding text to the buffer.
// Trigger in python using `get_ipython().set_next_input("text")`
//
// runtimelib::Payload::SetNextInput { text, replace } => {},
// Not likely to be used in the context of Zed, where someone could just open the buffer themselves
// Python users can trigger this with the `%edit` magic command
// runtimelib::Payload::EditMagic { filename, line_number } => {},
// Ask the user if they want to exit the kernel. Not required to support.
// runtimelib::Payload::AskExit { keepkernel } => {},
_ => {}
}
}
cx.notify();
return;
}
JupyterMessageContent::ClearOutput(options) => {
if !options.wait {
self.outputs.clear();
cx.notify();
return;
}
// Create a marker to clear the output after we get in a new output
Output::from(OutputContent::ClearOutputWaitMarker)
}
JupyterMessageContent::Status(status) => {
match status.execution_state {
ExecutionState::Busy => {
self.status = ExecutionStatus::Executing;
}
ExecutionState::Idle => self.status = ExecutionStatus::Finished,
}
cx.notify();
return;
}
_msg => {
return;
}
};
// Check for a clear output marker as the previous output, so we can clear it out
if let Some(output) = self.outputs.last() {
if let OutputContent::ClearOutputWaitMarker = output.content {
self.outputs.clear();
}
}
self.outputs.push(output);
cx.notify();
}
pub fn update_display_data(
&mut self,
data: &MimeBundle,
display_id: &str,
cx: &mut ViewContext<Self>,
) {
let mut any = false;
self.outputs.iter_mut().for_each(|output| {
if let Some(other_display_id) = output.display_id.as_ref() {
if other_display_id == display_id {
output.content = OutputContent::new(data, cx);
any = true;
}
}
});
if any {
cx.notify();
}
}
fn apply_terminal_text(
&mut self,
text: &str,
cx: &mut ViewContext<Self>,
) -> Option<OutputContent> {
if let Some(last_output) = self.outputs.last_mut() {
match &mut last_output.content {
OutputContent::Stream(last_stream) => {
last_stream.append_text(text);
// Don't need to add a new output, we already have a terminal output
cx.notify();
return None;
}
// Edge case note: a clear output marker
OutputContent::ClearOutputWaitMarker => {
// Edge case note: a clear output marker is handled by the caller
// since we will return a new output at the end here as a new terminal output
}
// A different output type is "in the way", so we need to create a new output,
// which is the same as having no prior output
_ => {}
}
}
let mut new_terminal = TerminalOutput::new(cx);
new_terminal.append_text(text);
Some(OutputContent::Stream(new_terminal))
}
}
impl Render for ExecutionView {
fn render(&mut self, cx: &mut ViewContext<Self>) -> impl IntoElement {
let status = match &self.status {
ExecutionStatus::ConnectingToKernel => Label::new("Connecting to kernel...")
.color(Color::Muted)
.into_any_element(),
ExecutionStatus::Executing => h_flex()
.gap_2()
.child(
Icon::new(IconName::ArrowCircle)
.size(IconSize::Small)
.color(Color::Muted)
.with_animation(
"arrow-circle",
Animation::new(Duration::from_secs(3)).repeat(),
|icon, delta| icon.transform(Transformation::rotate(percentage(delta))),
),
)
.child(Label::new("Executing...").color(Color::Muted))
.into_any_element(),
ExecutionStatus::Finished => Icon::new(IconName::Check)
.size(IconSize::Small)
.into_any_element(),
ExecutionStatus::Unknown => Label::new("Unknown status")
.color(Color::Muted)
.into_any_element(),
ExecutionStatus::ShuttingDown => Label::new("Kernel shutting down...")
.color(Color::Muted)
.into_any_element(),
ExecutionStatus::Restarting => Label::new("Kernel restarting...")
.color(Color::Muted)
.into_any_element(),
ExecutionStatus::Shutdown => Label::new("Kernel shutdown")
.color(Color::Muted)
.into_any_element(),
ExecutionStatus::Queued => Label::new("Queued...")
.color(Color::Muted)
.into_any_element(),
ExecutionStatus::KernelErrored(error) => Label::new(format!("Kernel error: {}", error))
.color(Color::Error)
.into_any_element(),
};
if self.outputs.len() == 0 {
return v_flex()
.min_h(cx.line_height())
.justify_center()
.child(status)
.into_any_element();
}
div()
.w_full()
.children(self.outputs.iter().enumerate().map(|(index, output)| {
h_flex()
.w_full()
.items_start()
.child(
div().flex_1().child(
output
.content
.render(cx)
.unwrap_or_else(|| div().into_any_element()),
),
)
.when(output.has_clipboard_content(cx), |el| {
let clipboard_content = output.clipboard_content(cx);
el.child(
div().pl_1().child(
IconButton::new(
ElementId::Name(format!("copy-output-{}", index).into()),
IconName::Copy,
)
.style(ButtonStyle::Transparent)
.tooltip(move |cx| Tooltip::text("Copy Output", cx))
.on_click(cx.listener(
move |_, _, cx| {
if let Some(clipboard_content) = clipboard_content.as_ref()
{
cx.write_to_clipboard(clipboard_content.clone());
// todo!(): let the user know that the content was copied
}
},
)),
),
)
})
}))
.children(match self.status {
ExecutionStatus::Executing => vec![status],
ExecutionStatus::Queued => vec![status],
_ => vec![],
})
.into_any_element()
}
}