T06a forms text: text input core, fields, numbers, masks, pin, inline, groups, tags, pairs, path, regex, expression, hotkey, mention

src/forms/checked.rs

@@ -0,0 +1,148 @@
+use std::sync::LazyLock;
+
+use gpui::{
+    App, Entity, IntoElement, ParentElement, RenderOnce, SharedString, Styled, Window, div,
+    prelude::*,
+};
+use regex::Regex;
+
+use super::{Input, TextInput};
+use crate::{
+    primitives::{Icon, IconName},
+    theme::{ActiveTheme, ControlSize, IconSize, TextSize},
+};
+
+static EMAIL: LazyLock<Regex> =
+    LazyLock::new(|| Regex::new(r"^[^\s@]+@[^\s@]+\.[^\s@]+$").expect("email pattern compiles"));
+static URL: LazyLock<Regex> = LazyLock::new(|| {
+    Regex::new(r"^https?://[^\s/?#]+\.[^\s/?#]+\S*$").expect("url pattern compiles")
+});
+
+pub(crate) fn is_email(text: &str) -> bool {
+    EMAIL.is_match(text)
+}
+
+pub(crate) fn is_url(text: &str) -> bool {
+    URL.is_match(text)
+}
+
+/// A field checked once focus leaves it; a note explains a miss.
+fn checked(
+    state: &Entity<TextInput>,
+    icon: IconName,
+    valid: fn(&str) -> bool,
+    note: &'static str,
+    size: ControlSize,
+    window: &Window,
+    cx: &App,
+) -> impl IntoElement + use<> {
+    let input = state.read(cx);
+    let miss = !input.focus().is_focused(window) && !input.is_empty() && !valid(input.text());
+    let theme = cx.theme();
+    let (subtle, danger) = (theme.colors.fg_subtle, theme.colors.danger);
+    div()
+        .flex()
+        .flex_col()
+        .gap_1()
+        .w_full()
+        .child(
+            Input::new(state)
+                .size(size)
+                .invalid(miss)
+                .prefix(Icon::new(icon).size(IconSize::Sm).color(subtle)),
+        )
+        .when(miss, |field| {
+            field.child(
+                div()
+                    .text_size(theme.text_size(TextSize::Xs))
+                    .text_color(danger)
+                    .child(SharedString::from(note)),
+            )
+        })
+}
+
+/// An email field, checked when focus leaves it.
+#[derive(IntoElement)]
+pub struct EmailInput {
+    state: Entity<TextInput>,
+    size: ControlSize,
+}
+
+impl EmailInput {
+    pub fn new(state: &Entity<TextInput>) -> Self {
+        Self {
+            state: state.clone(),
+            size: ControlSize::default(),
+        }
+    }
+
+    pub fn size(mut self, size: ControlSize) -> Self {
+        self.size = size;
+        self
+    }
+}
+
+impl RenderOnce for EmailInput {
+    fn render(self, window: &mut Window, cx: &mut App) -> impl IntoElement {
+        checked(
+            &self.state,
+            IconName::AtSign,
+            is_email,
+            "Enter an address like name@example.com",
+            self.size,
+            window,
+            cx,
+        )
+    }
+}
+
+/// A link field, checked when focus leaves it.
+#[derive(IntoElement)]
+pub struct UrlInput {
+    state: Entity<TextInput>,
+    size: ControlSize,
+}
+
+impl UrlInput {
+    pub fn new(state: &Entity<TextInput>) -> Self {
+        Self {
+            state: state.clone(),
+            size: ControlSize::default(),
+        }
+    }
+
+    pub fn size(mut self, size: ControlSize) -> Self {
+        self.size = size;
+        self
+    }
+}
+
+impl RenderOnce for UrlInput {
+    fn render(self, window: &mut Window, cx: &mut App) -> impl IntoElement {
+        checked(
+            &self.state,
+            IconName::Link,
+            is_url,
+            "Enter a link that starts with https://",
+            self.size,
+            window,
+            cx,
+        )
+    }
+}
+
+#[cfg(test)]
+mod tests {
+    use super::{is_email, is_url};
+
+    #[test]
+    fn emails_and_urls() {
+        assert!(is_email("ada@example.com"));
+        assert!(!is_email("ada@example"));
+        assert!(!is_email("ada example.com"));
+        assert!(is_url("https://ely.dev/docs?x=1"));
+        assert!(is_url("http://localhost.test"));
+        assert!(!is_url("ely.dev"));
+        assert!(!is_url("https://nodot"));
+    }
+}