Initial public release of Warp.
Repo-Sync-Origin: warpdotdev/warp-internal@12af1d983b
This commit is contained in:
David Stern
@@ -0,0 +1,81 @@
|
||||
//! "Block banners" are banners that render _inside_ a block, or its snackbar header. Currently it
|
||||
//! will only render inside the active block, though that constraint can be relaxed with a bit more
|
||||
//! work. The most important constraint that makes these different from other UI components is that
|
||||
//! they must conform to a fixed height. This is due to an assumption we made about blocks in order
|
||||
//! to efficiently viewport them: that the block height can be calculated based on Block state alone
|
||||
//! without a LayoutContext. Use the exported BLOCK_BANNER_HEIGHT const when the banner height
|
||||
//! needs to be taken into account.
|
||||
|
||||
mod warpify;
|
||||
|
||||
pub use warpify::*;
|
||||
use warpui::{
|
||||
elements::{
|
||||
ConstrainedBox, Container, CornerRadius, Hoverable, MouseState, MouseStateHandle,
|
||||
ParentElement, Radius, Stack,
|
||||
},
|
||||
Element,
|
||||
};
|
||||
|
||||
use crate::themes::theme::WarpTheme;
|
||||
|
||||
const CONSTRAINED_BANNER_HEIGHT: f32 = 48.;
|
||||
const BANNER_TOP_MARGIN: f32 = 16.;
|
||||
const BANNER_SIDE_MARGIN: f32 = 20.;
|
||||
const BANNER_V_PADDING: f32 = 4.;
|
||||
const BANNER_H_PADDING: f32 = 8.;
|
||||
pub const BLOCK_BANNER_HEIGHT: f32 = CONSTRAINED_BANNER_HEIGHT + BANNER_TOP_MARGIN;
|
||||
pub const BLOCK_BANNER_DESCRIPTION_MAX_HEIGHT: f32 = 24.;
|
||||
|
||||
pub enum WithinBlockBanner {
|
||||
WarpifyBanner(WarpifyBannerState),
|
||||
}
|
||||
|
||||
impl WithinBlockBanner {
|
||||
pub fn banner_height(&self) -> f32 {
|
||||
match self.warpify_mode() {
|
||||
Some(WarpificationMode::Ssh { .. }) => {
|
||||
BLOCK_BANNER_HEIGHT + BLOCK_BANNER_DESCRIPTION_MAX_HEIGHT
|
||||
}
|
||||
Some(WarpificationMode::Subshell { .. }) | None => BLOCK_BANNER_HEIGHT,
|
||||
}
|
||||
}
|
||||
|
||||
pub fn warpify_mode(&self) -> Option<&WarpificationMode> {
|
||||
match self {
|
||||
WithinBlockBanner::WarpifyBanner(state) => Some(&state.mode),
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/// These Elements should be common accross all block banners. The specific content for each banner
|
||||
/// should be passed in here. This function also enforces the height invariant.
|
||||
fn render_block_banner(
|
||||
build_child: impl FnOnce(&MouseState) -> Box<dyn Element>,
|
||||
hover_state: MouseStateHandle,
|
||||
theme: &WarpTheme,
|
||||
) -> Box<dyn Element> {
|
||||
Stack::new()
|
||||
.with_child(
|
||||
Hoverable::new(hover_state, |hover_state| {
|
||||
Container::new(
|
||||
ConstrainedBox::new(
|
||||
Container::new(build_child(hover_state))
|
||||
.with_vertical_padding(BANNER_V_PADDING)
|
||||
.with_horizontal_padding(BANNER_H_PADDING)
|
||||
.with_background_color(theme.block_banner_background().into_solid())
|
||||
.with_corner_radius(CornerRadius::with_all(Radius::Pixels(8.)))
|
||||
.finish(),
|
||||
)
|
||||
.with_max_height(CONSTRAINED_BANNER_HEIGHT)
|
||||
.finish(),
|
||||
)
|
||||
.with_margin_top(BANNER_TOP_MARGIN)
|
||||
.with_margin_left(BANNER_SIDE_MARGIN)
|
||||
.with_margin_right(BANNER_SIDE_MARGIN)
|
||||
.finish()
|
||||
})
|
||||
.finish(),
|
||||
)
|
||||
.finish()
|
||||
}
|
||||
@@ -0,0 +1,278 @@
|
||||
use pathfinder_color::ColorU;
|
||||
use warpui::{
|
||||
elements::{
|
||||
Align, ConstrainedBox, Container, CrossAxisAlignment, Flex, HighlightedHyperlink,
|
||||
MouseStateHandle, ParentElement, Shrinkable,
|
||||
},
|
||||
fonts::Weight,
|
||||
keymap::Keystroke,
|
||||
ui_components::{
|
||||
button::ButtonVariant,
|
||||
components::{Coords, UiComponent, UiComponentStyles},
|
||||
},
|
||||
AppContext, Element,
|
||||
};
|
||||
|
||||
use crate::{
|
||||
appearance::Appearance,
|
||||
terminal::{
|
||||
ssh::warpify::warpify_description,
|
||||
view::{RememberForWarpification, TerminalAction},
|
||||
},
|
||||
themes::theme::Fill,
|
||||
ui_components::blended_colors,
|
||||
};
|
||||
|
||||
use super::{render_block_banner, BLOCK_BANNER_DESCRIPTION_MAX_HEIGHT};
|
||||
|
||||
const CLOSE_BUTTON_DIAMETER: f32 = 20.0;
|
||||
const STANDARD_PADDING: f32 = 8.0;
|
||||
|
||||
#[derive(Clone)]
|
||||
pub enum WarpificationMode {
|
||||
Ssh {
|
||||
command: String,
|
||||
host: Option<String>,
|
||||
hyperlink_index: HighlightedHyperlink,
|
||||
},
|
||||
Subshell {
|
||||
command: String,
|
||||
},
|
||||
}
|
||||
|
||||
impl WarpificationMode {
|
||||
pub fn ssh(command: String, host: Option<String>) -> Self {
|
||||
Self::Ssh {
|
||||
command,
|
||||
host,
|
||||
hyperlink_index: Default::default(),
|
||||
}
|
||||
}
|
||||
|
||||
pub fn has_host(&self) -> bool {
|
||||
matches!(self, Self::Ssh { host: Some(_), .. })
|
||||
}
|
||||
|
||||
pub fn subshell(command: String) -> Self {
|
||||
Self::Subshell { command }
|
||||
}
|
||||
}
|
||||
|
||||
impl WarpificationMode {
|
||||
pub fn is_ssh(&self) -> bool {
|
||||
matches!(self, Self::Ssh { .. })
|
||||
}
|
||||
}
|
||||
|
||||
pub struct WarpifyBannerState {
|
||||
pub mode: WarpificationMode,
|
||||
pub height: f32,
|
||||
pub accept_button_mouse_state: MouseStateHandle,
|
||||
pub dont_ask_button_mouse_state: MouseStateHandle,
|
||||
pub dismiss_button_mouse_state: MouseStateHandle,
|
||||
|
||||
/// This keybinding gets rendered in the Warpification banner, but we can't look it up
|
||||
/// during render as a &mut AppContext is not available then. This needs to get
|
||||
/// looked up during action handling and cached here.
|
||||
pub initialize_warpify_keybinding: Option<Keystroke>,
|
||||
pub hover_state: MouseStateHandle,
|
||||
}
|
||||
|
||||
impl WarpifyBannerState {
|
||||
pub fn new(mode: WarpificationMode, initialize_warpify_keybinding: Option<Keystroke>) -> Self {
|
||||
Self {
|
||||
mode,
|
||||
height: 0.0,
|
||||
initialize_warpify_keybinding,
|
||||
accept_button_mouse_state: Default::default(),
|
||||
dont_ask_button_mouse_state: Default::default(),
|
||||
dismiss_button_mouse_state: Default::default(),
|
||||
hover_state: Default::default(),
|
||||
}
|
||||
}
|
||||
|
||||
pub fn is_ssh(&self) -> bool {
|
||||
self.mode.is_ssh()
|
||||
}
|
||||
|
||||
pub fn title(&self) -> &str {
|
||||
match &self.mode {
|
||||
WarpificationMode::Ssh { .. } => "Warpify SSH session",
|
||||
WarpificationMode::Subshell { .. } => "Warpify subshell",
|
||||
}
|
||||
}
|
||||
|
||||
pub fn action(&self) -> TerminalAction {
|
||||
match &self.mode {
|
||||
WarpificationMode::Ssh { .. } => TerminalAction::WarpifySSHSession,
|
||||
WarpificationMode::Subshell { .. } => TerminalAction::TriggerSubshellBootstrap,
|
||||
}
|
||||
}
|
||||
|
||||
fn remember_for_warpification(&self, should_remember: bool) -> RememberForWarpification {
|
||||
match &self.mode {
|
||||
WarpificationMode::Ssh { command, host, .. } => {
|
||||
let Some(host) = host else {
|
||||
if should_remember {
|
||||
return RememberForWarpification::RememberSubshellCommand(
|
||||
command.to_owned(),
|
||||
);
|
||||
}
|
||||
return RememberForWarpification::DoNotRememberSSHHost;
|
||||
};
|
||||
if should_remember {
|
||||
RememberForWarpification::RememberSSHHost(host.to_owned())
|
||||
} else {
|
||||
RememberForWarpification::DoNotRememberSSHHost
|
||||
}
|
||||
}
|
||||
WarpificationMode::Subshell { command } => {
|
||||
if should_remember {
|
||||
RememberForWarpification::RememberSubshellCommand(command.to_owned())
|
||||
} else {
|
||||
RememberForWarpification::DoNotRememberSubshellCommand
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/// This banner is shown when the user runs a command which is recognized as a subshell-compatible
|
||||
/// command. It asks if they want to boostrap a subshell and, if so, whether we should ask again
|
||||
/// next time they run the same command.
|
||||
pub fn render_warpification_banner(
|
||||
state: &WarpifyBannerState,
|
||||
appearance: &Appearance,
|
||||
app: &AppContext,
|
||||
) -> Box<dyn Element> {
|
||||
let yes_button = render_yes_button(
|
||||
state,
|
||||
&state.initialize_warpify_keybinding,
|
||||
&state.accept_button_mouse_state,
|
||||
appearance,
|
||||
);
|
||||
|
||||
let remember = state.remember_for_warpification(true);
|
||||
let dont_ask_button = Container::new(
|
||||
appearance
|
||||
.ui_builder()
|
||||
.button(
|
||||
ButtonVariant::Text,
|
||||
state.dont_ask_button_mouse_state.clone(),
|
||||
)
|
||||
.with_text_label("Do not show again".to_owned())
|
||||
.build()
|
||||
.on_click(move |ctx, _, _| {
|
||||
ctx.dispatch_typed_action(TerminalAction::DismissWarpifyBanner(
|
||||
remember.to_owned(),
|
||||
));
|
||||
})
|
||||
.finish(),
|
||||
)
|
||||
.with_margin_right(16.)
|
||||
.finish();
|
||||
|
||||
let do_not_remember = state.remember_for_warpification(false);
|
||||
let close_button = appearance
|
||||
.ui_builder()
|
||||
.close_button(
|
||||
CLOSE_BUTTON_DIAMETER,
|
||||
state.dismiss_button_mouse_state.clone(),
|
||||
)
|
||||
.build()
|
||||
.on_click(move |ctx, _, _| {
|
||||
ctx.dispatch_typed_action(TerminalAction::DismissWarpifyBanner(
|
||||
do_not_remember.to_owned(),
|
||||
));
|
||||
})
|
||||
.finish();
|
||||
|
||||
let mut col = Flex::column()
|
||||
.with_child(
|
||||
Flex::row()
|
||||
.with_child(Align::new(yes_button).finish())
|
||||
.with_child(
|
||||
Shrinkable::new(1., Align::new(dont_ask_button).right().finish()).finish(),
|
||||
)
|
||||
.with_child(Align::new(close_button).finish())
|
||||
.with_cross_axis_alignment(CrossAxisAlignment::Center)
|
||||
.finish(),
|
||||
)
|
||||
.with_cross_axis_alignment(CrossAxisAlignment::Start);
|
||||
|
||||
render_block_banner(
|
||||
|hover_state| {
|
||||
if let WarpificationMode::Ssh {
|
||||
hyperlink_index, ..
|
||||
} = &state.mode
|
||||
{
|
||||
let description = Container::new(warpify_description(app, hyperlink_index))
|
||||
.with_uniform_margin(STANDARD_PADDING)
|
||||
.with_margin_top(4.)
|
||||
.finish();
|
||||
let description = if hover_state.is_hovered() {
|
||||
description
|
||||
} else {
|
||||
ConstrainedBox::new(description)
|
||||
.with_max_height(2. * BLOCK_BANNER_DESCRIPTION_MAX_HEIGHT)
|
||||
.finish()
|
||||
};
|
||||
col.add_child(description);
|
||||
}
|
||||
col.finish()
|
||||
},
|
||||
state.hover_state.clone(),
|
||||
appearance.theme(),
|
||||
)
|
||||
}
|
||||
|
||||
fn render_yes_button(
|
||||
state: &WarpifyBannerState,
|
||||
initialize_warpification_keybinding: &Option<Keystroke>,
|
||||
mouse_state: &MouseStateHandle,
|
||||
appearance: &Appearance,
|
||||
) -> Box<dyn Element> {
|
||||
let yes_button = match initialize_warpification_keybinding {
|
||||
Some(keystroke) => appearance
|
||||
.ui_builder()
|
||||
.keyboard_shortcut_button(state.title().to_owned(), keystroke, mouse_state.clone())
|
||||
.with_style(UiComponentStyles {
|
||||
height: Some(36.),
|
||||
padding: Some(Coords {
|
||||
top: 0.,
|
||||
bottom: 0.,
|
||||
left: STANDARD_PADDING,
|
||||
right: STANDARD_PADDING,
|
||||
}),
|
||||
..Default::default()
|
||||
}),
|
||||
None => appearance
|
||||
.ui_builder()
|
||||
.button(ButtonVariant::Basic, mouse_state.clone())
|
||||
.with_text_label(state.title().to_owned())
|
||||
.with_style(UiComponentStyles {
|
||||
background: Some(Fill::Solid(ColorU::transparent_black()).into()),
|
||||
height: Some(36.),
|
||||
font_size: Some(appearance.ui_font_size() + 2.),
|
||||
font_weight: Some(Weight::Bold),
|
||||
font_color: Some(blended_colors::text_main(
|
||||
appearance.theme(),
|
||||
appearance.theme().background(),
|
||||
)),
|
||||
border_color: Some(appearance.theme().surface_3().into()),
|
||||
border_width: Some(1.),
|
||||
padding: Some(Coords::uniform(STANDARD_PADDING)),
|
||||
..Default::default()
|
||||
})
|
||||
.with_hovered_styles(UiComponentStyles {
|
||||
background: Some(appearance.theme().surface_3().into()),
|
||||
border_color: Some(blended_colors::accent(appearance.theme()).into()),
|
||||
..Default::default()
|
||||
}),
|
||||
};
|
||||
let action = state.action();
|
||||
yes_button
|
||||
.build()
|
||||
.on_click(move |ctx, _, _| ctx.dispatch_typed_action(action.to_owned()))
|
||||
.finish()
|
||||
}
|
||||
Reference in New Issue
Block a user