ZacharyZhang-NYandClaude Opus 5.5
bb59ae845f
blocked() laid its text as a flex item beside the dot, and gpui measures a text item's least width unwrapped, so a long note ran past its column and the dot shrank to nothing. The text now sits in a flex_1 block with no least width beside a dot that never shrinks, which rests on the first line, as Alert holds its icon. The a11y note and the motion page's Lottie note wrap inside their columns. A failed hue check names both charts in hex. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
123 lines
3.4 KiB
Rust
123 lines
3.4 KiB
Rust
use ely_gpui_component::theme::{ActiveTheme, TextSize};
|
|
use gpui::{
|
|
App, Div, Entity, FontWeight, IntoElement, ParentElement, SharedString, Styled, Window, div,
|
|
};
|
|
|
|
/// Titled block of demos.
|
|
pub fn section(title: impl Into<SharedString>, note: impl Into<SharedString>, cx: &App) -> Div {
|
|
let theme = cx.theme();
|
|
div().flex().flex_col().gap_4().pt_10().child(
|
|
div()
|
|
.flex()
|
|
.flex_col()
|
|
.gap_1()
|
|
.child(
|
|
div()
|
|
.text_size(theme.text_size(TextSize::Md))
|
|
.font_weight(FontWeight::SEMIBOLD)
|
|
.text_color(theme.colors.fg)
|
|
.child(title.into()),
|
|
)
|
|
.child(
|
|
div()
|
|
.text_size(theme.text_size(TextSize::Sm))
|
|
.text_color(theme.colors.fg_muted)
|
|
.child(note.into()),
|
|
),
|
|
)
|
|
}
|
|
|
|
pub fn row() -> Div {
|
|
div().flex().flex_wrap().items_center().gap_3()
|
|
}
|
|
|
|
/// Row whose captions share one line.
|
|
pub fn specimens() -> Div {
|
|
div().flex().flex_wrap().items_end().gap_6()
|
|
}
|
|
|
|
pub fn label(text: impl Into<SharedString>, cx: &App) -> impl IntoElement {
|
|
let theme = cx.theme();
|
|
div()
|
|
.text_size(theme.text_size(TextSize::Xs))
|
|
.text_color(theme.colors.fg_subtle)
|
|
.child(text.into())
|
|
}
|
|
|
|
/// Demo with a caption beneath.
|
|
pub fn specimen(caption: impl Into<SharedString>, body: impl IntoElement, cx: &App) -> Div {
|
|
div()
|
|
.flex()
|
|
.flex_col()
|
|
.gap_2()
|
|
.child(body)
|
|
.child(label(caption, cx))
|
|
}
|
|
|
|
/// Monospace hint naming the call.
|
|
pub fn code(text: impl Into<SharedString>, cx: &App) -> impl IntoElement {
|
|
let theme = cx.theme();
|
|
div()
|
|
.font_family(theme.mono_family.clone())
|
|
.text_size(theme.text_size(TextSize::Xs))
|
|
.text_color(theme.colors.fg_muted)
|
|
.child(text.into())
|
|
}
|
|
|
|
/// Honest note for an entry gpui cannot support.
|
|
pub fn blocked(text: impl Into<SharedString>, cx: &App) -> impl IntoElement {
|
|
let theme = cx.theme();
|
|
div()
|
|
.flex()
|
|
.items_start()
|
|
.gap_2()
|
|
.text_size(theme.text_size(TextSize::Sm))
|
|
.text_color(theme.colors.warning)
|
|
.child(
|
|
div()
|
|
.flex_none()
|
|
.mt_1p5()
|
|
.size_1p5()
|
|
.rounded_full()
|
|
.bg(theme.colors.warning),
|
|
)
|
|
.child(div().flex_1().min_w_0().child(text.into()))
|
|
}
|
|
|
|
/// A demo's state, kept across frames under `key`.
|
|
pub fn keep<T: 'static>(
|
|
key: &'static str,
|
|
init: impl FnOnce() -> T,
|
|
window: &mut Window,
|
|
cx: &mut App,
|
|
) -> Entity<T> {
|
|
window.use_keyed_state(key, cx, move |_, _| init())
|
|
}
|
|
|
|
/// Edits a demo's state in place and redraws.
|
|
pub fn change<T: 'static>(state: &Entity<T>, cx: &mut App, edit: impl FnOnce(&mut T)) {
|
|
state.update(cx, |state, cx| {
|
|
edit(state);
|
|
cx.notify();
|
|
});
|
|
}
|
|
|
|
/// Replaces a demo's state and redraws.
|
|
pub fn set<T: 'static>(state: &Entity<T>, value: T, cx: &mut App) {
|
|
state.update(cx, |state, cx| {
|
|
*state = value;
|
|
cx.notify();
|
|
});
|
|
}
|
|
|
|
/// A steady pseudo-random series, so captures repeat.
|
|
pub fn noise(seed: u64) -> impl FnMut() -> f64 {
|
|
let mut state = seed;
|
|
move || {
|
|
state = state
|
|
.wrapping_mul(6364136223846793005)
|
|
.wrapping_add(1442695040888963407);
|
|
(state >> 33) as f64 / (1u64 << 31) as f64
|
|
}
|
|
}
|