November 2022 Summaries

The text discusses the development of command entry improvements within Warp's terminal, focusing on syntax highlighting and error underlining. The author shares their exploration of similar features in other tools like zsh-syntax-highlighting or fish shell, as well as text editors and IDEs such as VSCode or IntelliJ IDEA. They identified two key features to tackle: syntax highlighting and error underlining. The author then delves into the technical implementation of these features, discussing challenges like styling text in-place and handling inheritable text styles. They also mention using a custom command parser based on Nushell for command parsing. Finally, they share their excitement about launching these features to all Warp users during their internship.

The post discusses the difficulties in editing terminal-based input, which seems stuck in the 80s. It highlights issues such as mouse accessibility and multi-line editing, making it less powerful than a typical <textarea> element on a web page or an Integrated Development Environment (IDE). The main reason for this archaic nature is the technical architecture of the terminal, which makes it hard to implement rich editing features. The traditional REPL model used by shells further limits its capabilities. Warp, a Rust-based terminal, has started re-architecting terminal input to work more like an IDE, with challenges such as building a text editor from scratch and reimplementing functionality provided by many shells.

We built syntax highlighting in Warp's terminal input editor to improve user experience, specifically addressing issues with command entry, such as mistyped commands and lack of visual differentiation between command parts. We used a custom text editing library, Apple's Metal graphics library, to style text in-place within the input editor, utilizing a SumTree data structure for efficient text representation and manipulation. The parser was adapted from Nushell to support error underlining and syntax highlighting, with debouncing and short-circuit triggers implemented to prevent performance regressions and ensure instant styling updates when user interactions occur. After launching these features to all users, we received an exciting feedback, showcasing the impact one can have in such a role.