ZacharyZhang-NYandClaude Opus 5.5
5f951ea581
install_inspector draws gpui's debug inspector in Ely's look: a panel with the picked box's source, ids and box model, and its margin, border, padding and size drawn over the page through raise, since the panel scrolls. FpsMeter counts frames on the executor's clock and colors each by the frames it missed. RenderCounter counts the renders of the view that draws it. EventLogger lists the input that reaches what it holds, its canvas laid first so a child's stop hides nothing. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
62 lines
1.9 KiB
Rust
62 lines
1.9 KiB
Rust
use gpui::{
|
|
App, ElementId, InteractiveElement, IntoElement, ParentElement, RenderOnce, SharedString,
|
|
Styled, Window, div,
|
|
};
|
|
|
|
use crate::{
|
|
theme::{ActiveTheme, TextSize},
|
|
typography::tabular,
|
|
};
|
|
|
|
/// How many times the view that draws it has rendered, beside a label: place it in a view's render to see how often that view redraws. It shows the count and nothing moves, since any motion would redraw the view it counts.
|
|
#[derive(IntoElement)]
|
|
pub struct RenderCounter {
|
|
id: ElementId,
|
|
label: SharedString,
|
|
}
|
|
|
|
impl RenderCounter {
|
|
pub fn new(id: impl Into<ElementId>, label: impl Into<SharedString>) -> Self {
|
|
Self {
|
|
id: id.into(),
|
|
label: label.into(),
|
|
}
|
|
}
|
|
}
|
|
|
|
impl RenderOnce for RenderCounter {
|
|
fn render(self, window: &mut Window, cx: &mut App) -> impl IntoElement {
|
|
let renders = window.use_keyed_state((self.id.clone(), "renders"), cx, |_, _| 0u64);
|
|
let count = renders.update(cx, |renders, _| {
|
|
*renders += 1;
|
|
*renders
|
|
});
|
|
let theme = cx.theme();
|
|
let colors = &theme.colors;
|
|
let label = self.label;
|
|
div()
|
|
.debug_selector({
|
|
let label = label.clone();
|
|
move || format!("renders-{label}-{count}")
|
|
})
|
|
.flex()
|
|
.flex_none()
|
|
.items_center()
|
|
.gap_1p5()
|
|
.px_2()
|
|
.py_0p5()
|
|
.rounded_full()
|
|
.border_1()
|
|
.border_color(colors.border)
|
|
.bg(colors.surface)
|
|
.text_size(theme.text_size(TextSize::Xs))
|
|
.child(div().text_color(colors.fg_muted).child(label))
|
|
.child(
|
|
tabular(div())
|
|
.font_weight(gpui::FontWeight::SEMIBOLD)
|
|
.text_color(colors.fg)
|
|
.child(count.to_string()),
|
|
)
|
|
}
|
|
}
|