Files
Ely-GPUI-Components/examples/gallery/pages/terminal/mod.rs
T
ZacharyZhang-NY 48c7b09d8d T44d Web · Gallery builds for wasm32: one story per section by URL, themed by the host
The gallery's entry runs natively or, on wasm32, from a wasm_bindgen start
through gpui_web, single-threaded with WebGL2 fallback. ?page, ?story and
?theme choose what shows; an unknown one fails in the page and the log.
set_theme switches the mode later. Pictures load from ELY_GALLERY_ASSETS.
scripts/stories.py writes examples/gallery/stories.json from the pages.
2026-09-29 19:16:41 -04:00

68 lines
2.3 KiB
Rust

mod blocks;
#[cfg(not(target_family = "wasm"))]
mod live;
mod panels;
use gpui::{AnyElement, App, IntoElement, ParentElement, Window, div};
use super::Page;
use crate::{step::Step, ui::section};
pub const PAGE: Page = Page {
number: 18,
slug: "terminal",
title: "Terminal",
summary: "A real shell drawn cell by cell, with tabs, splits, find and links; command blocks and history; colored output, logs and processes.",
render,
script: SCRIPT,
};
const SCRIPT: &[Step] = &[
Step::Rest,
Step::DownAt("terminal-tabs", 46.0, 16.0),
Step::UpAt("terminal-tabs", 46.0, 16.0),
Step::Wait(300),
Step::DownAt("terminal", 200.0, 150.0),
Step::UpAt("terminal", 200.0, 150.0),
Step::Wait(400),
Step::Type("ls -G src"),
Step::Key("enter"),
Step::Wait(800),
Step::Shot("shell"),
Step::Key("ctrl-l"),
Step::DownAt("terminal-tabs", 155.0, 16.0),
Step::UpAt("terminal-tabs", 155.0, 16.0),
Step::Wait(400),
Step::Shot("find"),
Step::Rest,
];
/// A live shell natively; a browser runs no processes, so there it says so.
fn live(window: &mut Window, cx: &mut App) -> impl IntoElement + use<> {
let section = section(
"Terminal / TerminalTabs / TerminalSplit / TerminalToolbar / ShellSelector / TerminalSearch / TerminalLink",
"A real shell on a pseudo-terminal, drawn cell by cell in the theme's sixteen colors. Tabs hold shells and output; split for another shell beside it. Find lights every match through the scrollback. Cmd-press a link or a path:line.",
cx,
);
#[cfg(not(target_family = "wasm"))]
return section.child(live::shell(window, cx));
#[cfg(target_family = "wasm")]
{
let _ = window;
section.child(crate::ui::blocked(
"A browser starts no processes and has no pseudo-terminal, so no shell runs here, and alacritty's grid, which draws the build's output, does not build for the web. The blocks, colored output, logs and processes below draw without one.",
cx,
))
}
}
fn render(window: &mut Window, cx: &mut App) -> AnyElement {
div()
.child(live(window, cx))
.child(blocks::blocks(window, cx))
.child(blocks::ansi(cx))
.child(panels::logs(window, cx))
.child(panels::process_list(window, cx))
.into_any_element()
}