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()
}