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

2026-09-25 05:38:24 -04:00
1 parent 817da41c22
commit ec5713c10b
@@ -0,0 +1,137 @@
+mod formats;
+mod numbers;
+mod rich;
+mod text;
+
+use gpui::{AnyElement, App, IntoElement, ParentElement, Window, div};
+
+use super::Page;
+use crate::script::Step;
+
+pub const PAGE: Page = Page {
+    number: 6,
+    slug: "forms",
+    title: "Forms",
+    summary: "Text, choices, dates, colors, files: every way to say what you mean.",
+    render,
+    script: SCRIPT,
+};
+
+const SCRIPT: &[Step] = &[
+    Step::Rest,
+    Step::Click("input-name"),
+    Step::Key("secondary-a"),
+    Step::Type("Ada Lovelace"),
+    Step::Key("shift-left"),
+    Step::Key("shift-left"),
+    Step::Key("shift-left"),
+    Step::Wait(300),
+    Step::Shot("typed"),
+    Step::Click("textarea"),
+    Step::Key("secondary-a"),
+    Step::Type("First line of notes"),
+    Step::Key("enter"),
+    Step::Type("Second line, longer, so the words wrap when they reach the edge of the box"),
+    Step::Wait(300),
+    Step::Shot("textarea"),
+    Step::Click("password"),
+    Step::Key("secondary-a"),
+    Step::Type("hunter2"),
+    Step::Wait(200),
+    Step::Shot("password"),
+    Step::Click("search"),
+    Step::Wait(300),
+    Step::Shot("search-history"),
+    Step::Click("number"),
+    Step::Key("up"),
+    Step::Key("up"),
+    Step::Wait(300),
+    Step::Shot("number"),
+    Step::DownAt("scrub", 12.0, 14.0),
+    Step::DragTo("scrub", 72.0, 14.0),
+    Step::UpAt("scrub", 72.0, 14.0),
+    Step::Wait(300),
+    Step::Shot("scrubbed"),
+    Step::Click("email"),
+    Step::Key("secondary-a"),
+    Step::Type("ada@example"),
+    Step::Click("phone"),
+    Step::Key("secondary-a"),
+    Step::Type("4155550132"),
+    Step::Click("masked"),
+    Step::Key("secondary-a"),
+    Step::Type("ab1234"),
+    Step::Wait(300),
+    Step::Shot("formats"),
+    Step::Click("pin"),
+    Step::Key("secondary-a"),
+    Step::Type("4821"),
+    Step::Wait(300),
+    Step::Shot("pin"),
+    Step::Click("inline"),
+    Step::Key("secondary-a"),
+    Step::Type("Q3 planning"),
+    Step::Key("enter"),
+    Step::Wait(300),
+    Step::Shot("inline"),
+    Step::Click("mention"),
+    Step::Key("secondary-a"),
+    Step::Type("Ask @gr"),
+    Step::Wait(300),
+    Step::Shot("mention"),
+    Step::Key("enter"),
+    Step::Type("about #rel"),
+    Step::Key("down"),
+    Step::Key("enter"),
+    Step::Wait(300),
+    Step::Shot("mentioned"),
+    Step::Click("tags"),
+    Step::Type("motion,design"),
+    Step::Key("enter"),
+    Step::Wait(300),
+    Step::Shot("tags"),
+    Step::Click("regex"),
+    Step::Key("secondary-a"),
+    Step::Type("^(ab+"),
+    Step::Wait(300),
+    Step::Shot("regex"),
+    Step::Click("expression"),
+    Step::Key("secondary-a"),
+    Step::Type("price * qty + max(2, 4)"),
+    Step::Wait(300),
+    Step::Shot("expression"),
+    Step::Click("hotkey"),
+    Step::Key("cmd-shift-k"),
+    Step::Wait(300),
+    Step::Shot("hotkey"),
+    Step::DownAt("path", 380.0, 16.0),
+    Step::UpAt("path", 380.0, 16.0),
+    Step::Wait(1200),
+    Step::CancelPanel,
+    Step::Wait(600),
+    Step::Rest,
+];
+
+fn render(window: &mut Window, cx: &mut App) -> AnyElement {
+    div()
+        .child(text::input(window, cx))
+        .child(text::text_area(window, cx))
+        .child(text::password(window, cx))
+        .child(text::search(window, cx))
+        .child(numbers::number_input(window, cx))
+        .child(numbers::scrub(window, cx))
+        .child(numbers::money(window, cx))
+        .child(formats::email_url(window, cx))
+        .child(formats::phone_masked(window, cx))
+        .child(formats::pin(window, cx))
+        .child(formats::inline_edit(window, cx))
+        .child(text::group(window, cx))
+        .child(rich::mention(window, cx))
+        .child(rich::tags(window, cx))
+        .child(rich::rows(cx))
+        .child(rich::path(window, cx))
+        .child(rich::regex(window, cx))
+        .child(rich::expression(window, cx))
+        .child(rich::hotkey(window, cx))
+        .into_any_element()
+}