Initial public release of Warp.

Repo-Sync-Origin: warpdotdev/warp-internal@12af1d983b
2026-04-28 08:43:33 -05:00
commit 0dbd3d567a
4982 changed files with 1431549 additions and 0 deletions
@@ -0,0 +1,163 @@
+pub mod feature_section;
+pub use feature_section::FeatureSectionView;
+pub mod content_section;
+pub use content_section::ContentSectionView;
+use warp_core::features::FeatureFlag;
+pub mod changelog_section;
+use crate::{
+    appearance::Appearance,
+    resource_center::{section_views::feature_section::FeatureSection, TipAction},
+};
+pub use changelog_section::ChangelogSectionView;
+use warpui::{
+    elements::{
+        Align, Border, ConstrainedBox, Container, CrossAxisAlignment, Element, Flex, Hoverable,
+        Icon, MouseStateHandle, ParentElement, ScrollbarWidth, Shrinkable,
+    },
+    platform::Cursor,
+    ui_components::components::{UiComponent, UiComponentStyles},
+    AppContext, ViewContext, ViewHandle,
+};
+
+pub const HEADER_FONT_SIZE: f32 = 16.;
+pub const SECTION_HEADER_FONT_SIZE: f32 = 16.;
+pub const DESCRIPTION_FONT_SIZE: f32 = 14.;
+pub const DETAIL_FONT_SIZE: f32 = 12.;
+
+pub const KEYBOARD_ICON_SIZE: f32 = 30.;
+pub const CHEVRON_ICON_SIZE: f32 = 20.;
+pub const FOOTER_ICON_SIZE: f32 = 15.;
+pub const ELLIPSE_ICON_SIZE: f32 = 8.;
+pub const ICON_PADDING: f32 = 3.;
+
+pub const DROPDOWN_ICON_OPACITY: u8 = 75;
+
+// TODO: update scrollbar behaviour to not take up space when non-active
+// Spacing to offset scrollbar width (which makes things off-centered)
+pub const SCROLLBAR_OFFSET: f32 = 7.;
+pub const SCROLLBAR_WIDTH: ScrollbarWidth = ScrollbarWidth::Auto;
+
+pub const SECTION_SPACING_BOTTOM: f32 = 24.;
+pub const SECTION_SPACING: f32 = 12.;
+pub const BUTTON_PADDING: f32 = 10.;
+pub const ITEM_PADDING_BOTTOM: f32 = 6.;
+
+pub const CHEVRON_DOWN_SKINNY_SVG_PATH: &str = "bundled/svg/chevron-down-skinny.svg";
+pub const CHEVRON_RIGHT_SKINNY_SVG_PATH: &str = "bundled/svg/chevron-right-skinny.svg";
+pub const ELLIPSE_SVG_PATH: &str = "bundled/svg/ellipse.svg";
+
+pub enum SectionViewHandle {
+    Feature(ViewHandle<FeatureSectionView>),
+    Content(ViewHandle<ContentSectionView>),
+    Changelog(ViewHandle<ChangelogSectionView>),
+}
+
+#[derive(Debug)]
+pub enum SectionAction {
+    OpenUrl(String),
+    ToggleExpanded,
+    Click(TipAction),
+    CloseResourceCenter,
+    CompleteGamified,
+    SkipTips,
+    OpenSection(FeatureSection),
+}
+
+pub trait SectionView {
+    fn is_expanded(&self) -> bool;
+
+    fn toggle_expanded(&mut self, ctx: &mut ViewContext<Self>);
+
+    fn section_progress_indicator(
+        &self,
+        show_gamified: bool,
+        appearance: &Appearance,
+        ctx: &AppContext,
+    ) -> Option<Box<dyn Element>>;
+
+    fn section_link(&self, appearance: &Appearance) -> Option<Box<dyn Element>>;
+
+    fn render_section_header(
+        &self,
+        section_name: FeatureSection,
+        show_gamified: bool,
+        appearance: &Appearance,
+        top_bar_mouse_state: MouseStateHandle,
+        ctx: &AppContext,
+    ) -> Box<dyn Element> {
+        Hoverable::new(top_bar_mouse_state, |state| {
+            let mut section_header = Flex::row();
+
+            let section_title = Shrinkable::new(
+                1.0,
+                Align::new(
+                    appearance
+                        .ui_builder()
+                        .wrappable_text(section_name.section_name_string().to_string(), false)
+                        .with_style(UiComponentStyles {
+                            font_family_id: Some(appearance.ui_font_family()),
+                            font_size: Some(SECTION_HEADER_FONT_SIZE),
+                            ..Default::default()
+                        })
+                        .build()
+                        .finish(),
+                )
+                .left()
+                .finish(),
+            )
+            .finish();
+
+            let icon_path = if self.is_expanded() {
+                CHEVRON_DOWN_SKINNY_SVG_PATH
+            } else {
+                CHEVRON_RIGHT_SKINNY_SVG_PATH
+            };
+
+            let icon_color = if state.is_hovered() {
+                appearance.theme().active_ui_detail()
+            } else {
+                appearance
+                    .theme()
+                    .active_ui_detail()
+                    .with_opacity(DROPDOWN_ICON_OPACITY)
+            };
+
+            let dropdown_icon =
+                ConstrainedBox::new(Icon::new(icon_path, icon_color.into_solid()).finish())
+                    .with_height(CHEVRON_ICON_SIZE)
+                    .with_width(CHEVRON_ICON_SIZE)
+                    .finish();
+
+            if !FeatureFlag::AvatarInTabBar.is_enabled() {
+                section_header.add_child(dropdown_icon);
+            }
+            section_header.add_child(section_title);
+
+            if let Some(progress_indicator) =
+                self.section_progress_indicator(show_gamified, appearance, ctx)
+            {
+                section_header.add_child(progress_indicator)
+            }
+
+            if let Some(link) = self.section_link(appearance) {
+                section_header.add_child(link)
+            }
+
+            Container::new(
+                section_header
+                    .with_cross_axis_alignment(CrossAxisAlignment::Center)
+                    .finish(),
+            )
+            .with_uniform_padding(SECTION_SPACING)
+            .with_background(appearance.theme().surface_2())
+            .with_border(
+                Border::top(1.)
+                    .with_border_color(appearance.theme().split_pane_border_color().into()),
+            )
+            .finish()
+        })
+        .on_click(move |ctx, _, _| ctx.dispatch_typed_action(SectionAction::ToggleExpanded))
+        .with_cursor(Cursor::PointingHand)
+        .finish()
+    }
+}