T17 Editor: CodeEditor with gutter, folds, minimap, rulers, guides, brackets, whitespace, cursors, multi-cursor, sticky scroll, inlay hints, lenses, decorations, ghost text, inline chat and diff (T17a); completions, signatures, hover, code actions, rename, references, outline, go to symbol, call and type hierarchy (T17b); find and replace, search panel and filters (T17c); problems, output, debug console, extensions, settings with JSON, keybindings, theme previews, welcome, recent projects, switcher, task runner (T17d); status items (T17e)
Shared: generic undo History, OverflowMenu icon and tooltip, StatusBarItem leading, six Lucide icons. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
ZacharyZhang-NYandClaude Opus 5.5 committed
1 parent
c229a096ca
commit
d05754ac19
59 files changed
+10820
-71
No files matched your search
@@ -0,0 +1,170 @@
|
||||
use std::time::Duration;
|
||||
|
||||
use ely_gpui_component::{
|
||||
buttons::Button,
|
||||
editor::{
|
||||
Project, ProjectSwitcher, RecentProjects, Task, TaskRunner, TaskState, ThemePreview,
|
||||
WelcomePage,
|
||||
},
|
||||
primitives::IconName,
|
||||
theme::{ActiveTheme, Mode, Palette, Theme},
|
||||
typography::Caption,
|
||||
};
|
||||
use gpui::{App, IntoElement, ParentElement, SharedString, Styled, Window, div, px};
|
||||
|
||||
use crate::ui::{keep, row, section, set};
|
||||
|
||||
fn projects() -> Vec<Project> {
|
||||
let project = |name: &str, path: &str, branch: Option<&str>, opened: &str, pinned| Project {
|
||||
name: name.to_string().into(),
|
||||
path: path.to_string().into(),
|
||||
branch: branch.map(|branch| branch.to_string().into()),
|
||||
opened: opened.to_string().into(),
|
||||
pinned,
|
||||
};
|
||||
vec![
|
||||
project(
|
||||
"ely-gpui-component",
|
||||
"~/Documents/GitHub/Ely-GPUI-Components",
|
||||
Some("main"),
|
||||
"now",
|
||||
true,
|
||||
),
|
||||
project(
|
||||
"palette",
|
||||
"~/Code/palette",
|
||||
Some("feature/lift"),
|
||||
"2 h ago",
|
||||
false,
|
||||
),
|
||||
project("notes", "~/Code/notes", None, "yesterday", false),
|
||||
project("zed", "~/Code/zed", Some("main"), "3 days ago", false),
|
||||
]
|
||||
}
|
||||
|
||||
pub fn start(window: &mut Window, cx: &mut App) -> impl IntoElement + use<> {
|
||||
let switching = keep("panels-switcher", || false, window, cx);
|
||||
let opened = keep("panels-opened", || None::<SharedString>, window, cx);
|
||||
let show = keep("panels-welcome", || true, window, cx);
|
||||
let tasks = keep(
|
||||
"panels-tasks",
|
||||
|| {
|
||||
vec![
|
||||
TaskState::Passed(Duration::from_secs(14)),
|
||||
TaskState::Running,
|
||||
TaskState::Failed(101),
|
||||
TaskState::Idle,
|
||||
]
|
||||
},
|
||||
window,
|
||||
cx,
|
||||
);
|
||||
let open_task = keep("panels-task-open", || Some(2usize), window, cx);
|
||||
let (now_switching, said, now_show, now_tasks, now_open) = (
|
||||
*switching.read(cx),
|
||||
opened.read(cx).clone(),
|
||||
*show.read(cx),
|
||||
tasks.read(cx).clone(),
|
||||
*open_task.read(cx),
|
||||
);
|
||||
let mode = cx.theme().mode();
|
||||
let task = |name: &str, group: &str, command: &str, state| Task {
|
||||
name: name.to_string().into(),
|
||||
group: group.to_string().into(),
|
||||
command: command.to_string().into(),
|
||||
cwd: "~/Documents/GitHub/Ely-GPUI-Components".into(),
|
||||
env: vec![("RUST_LOG".into(), "info".into())],
|
||||
state,
|
||||
};
|
||||
let task_list = vec![
|
||||
task("check", "Build", "cargo check --all-targets", now_tasks[0]),
|
||||
task(
|
||||
"gallery",
|
||||
"Run",
|
||||
"cargo run --example gallery",
|
||||
now_tasks[1],
|
||||
),
|
||||
task(
|
||||
"test",
|
||||
"Test",
|
||||
"cargo test --lib --features test-support",
|
||||
now_tasks[2],
|
||||
),
|
||||
task(
|
||||
"clippy",
|
||||
"Test",
|
||||
"cargo clippy --all-targets -- -D warnings",
|
||||
now_tasks[3],
|
||||
),
|
||||
];
|
||||
let (open, pin, close, pick, start_run, stop_run, fold) = (
|
||||
opened.clone(),
|
||||
opened.clone(),
|
||||
switching.clone(),
|
||||
opened.clone(),
|
||||
tasks.clone(),
|
||||
tasks.clone(),
|
||||
open_task.clone(),
|
||||
);
|
||||
let (opener, toggle) = (switching.clone(), show.clone());
|
||||
let recent = RecentProjects::new("panels-recent", projects())
|
||||
.on_open(move |ix, _, cx| {
|
||||
set(
|
||||
&open,
|
||||
Some(format!("Opened {}.", projects()[ix].name).into()),
|
||||
cx,
|
||||
)
|
||||
})
|
||||
.on_pin(move |ix, _, cx| {
|
||||
set(
|
||||
&pin,
|
||||
Some(format!("Pinned {}.", projects()[ix].name).into()),
|
||||
cx,
|
||||
)
|
||||
});
|
||||
section(
|
||||
"WelcomePage / RecentProjects / ProjectSwitcher / ThemePreview / TaskRunner / RunConfiguration",
|
||||
"Where an editor starts: ways in, recent projects and a switcher; each theme painted in its own colors; and tasks with how their last run went, one open to its configuration.",
|
||||
cx,
|
||||
)
|
||||
.child(
|
||||
div().w(px(840.)).child(
|
||||
WelcomePage::new("panels-welcome-page", "Ely Editor", "Quiet tools for careful code.")
|
||||
.action(IconName::FilePlus, "New file", Some("secondary-n"))
|
||||
.action(IconName::FolderOpen, "Open folder", Some("secondary-o"))
|
||||
.action(IconName::GitBranch, "Clone repository", None)
|
||||
.recent(recent)
|
||||
.show_at_start(now_show)
|
||||
.on_show(move |on, _, cx| set(&toggle, on, cx)),
|
||||
),
|
||||
)
|
||||
.child(row().child(Button::new("panels-switch", "Switch project…").on_click(move |_, _, cx| set(&opener, true, cx))))
|
||||
.children(said.map(Caption::new))
|
||||
.child(
|
||||
row()
|
||||
.gap_6()
|
||||
.child(div().w(px(260.)).child(ThemePreview::new("panels-light", "Ely Light", Palette::light(false)).selected(mode == Mode::Light).on_pick(|_, cx| Theme::set_mode(Mode::Light, cx))))
|
||||
.child(div().w(px(260.)).child(ThemePreview::new("panels-dark", "Ely Dark", Palette::dark(false)).selected(mode == Mode::Dark).on_pick(|_, cx| Theme::set_mode(Mode::Dark, cx)))),
|
||||
)
|
||||
.child(
|
||||
div().w(px(840.)).child(
|
||||
TaskRunner::new("panels-tasks", task_list)
|
||||
.open(now_open)
|
||||
.on_open(move |ix, _, cx| set(&fold, ix, cx))
|
||||
.on_run(move |ix, _, cx| {
|
||||
let mut next = start_run.read(cx).clone();
|
||||
next[ix] = TaskState::Running;
|
||||
set(&start_run, next, cx)
|
||||
})
|
||||
.on_stop(move |ix, _, cx| {
|
||||
let mut next = stop_run.read(cx).clone();
|
||||
next[ix] = TaskState::Idle;
|
||||
set(&stop_run, next, cx)
|
||||
}),
|
||||
),
|
||||
)
|
||||
.children(now_switching.then(|| {
|
||||
ProjectSwitcher::new("panels-switcher-palette", projects(), move |_, cx| set(&close, false, cx))
|
||||
.on_open(move |ix, _, cx| set(&pick, Some(format!("Switched to {}.", projects()[ix].name).into()), cx))
|
||||
}))
|
||||
}
|
||||
Reference in new issue
Block a user