feat(event)!: Improve parity with CrosstermBackend, crossterm, and ratatui.

Cargo.toml

@@ -10,10 +10,10 @@ repository = "https://github.com/orhun/ratzilla"
 keywords = ["tui", "webassembly", "ratatui"]
 categories = ["wasm"]
 include = ["src/**/*", "Cargo.*", "LICENSE", "README.md", "CHANGELOG.md"]
-edition = "2021"
+edition = "2024"
 
 [dependencies]
-web-sys = { version = "0.3.81", features = [
+web-sys = { version = "0.3.82", features = [
     'console',
     'CanvasRenderingContext2d',
     'Document',
@@ -40,6 +40,7 @@ web-sys = { version = "0.3.81", features = [
 compact_str = "0.9.0"
 ratatui = { version = "0.29", default-features = false, features = ["all-widgets"] }
 console_error_panic_hook = "0.1.7"
-thiserror = "2.0.12"
+thiserror = "2.0.17"
 bitvec = { version = "1.0.1", default-features = false, features = ["alloc", "std"] }
 beamterm-renderer = "0.8.0"
+bitflags = "2.10.0"

src/backend/canvas.rs

@@ -3,12 +3,12 @@
 use std::io::Result as IoResult;
 
 use crate::{
+    CursorShape,
     backend::{
         color::{actual_bg_color, actual_fg_color},
         utils::*,
     },
     error::Error,
-    CursorShape,
 };
 use ratatui::{
     backend::WindowSize,
@@ -273,7 +273,7 @@
     /// 1. Only processes cells that have changed since the last render.
     /// 2. Tracks the last foreground color used to avoid unnecessary style changes
     /// 3. Only creates clipping paths for potentially problematic glyphs (non-ASCII)
     /// or when `always_clip_cells` is enabled.
     fn draw_symbols(&mut self) -> Result<(), Error> {
         let changed_cells = &self.changed_cells;
         let mut index = 0;
@@ -405,7 +405,7 @@
     fn draw_debug(&mut self) -> Result<(), Error> {
         self.canvas.context.save();
 
         let color = self.debug_mode.as_ref().unwrap();
         for (y, line) in self.buffer.iter().enumerate() {
             for (x, _) in line.iter().enumerate() {
                 self.canvas.context.set_stroke_style_str(color);

src/backend/color.rs

@@ -91,13 +91,7 @@ fn indexed_color_to_rgb(index: u8) -> u32 {
 
             // Convert 0-5 range to 0-255 RGB
             // Values: 0 -> 0, 1 -> 95, 2 -> 135, 3 -> 175, 4 -> 215, 5 -> 255
-            let to_rgb = |n: u8| -> u32 {
-                if n == 0 {
-                    0
-                } else {
-                    55 + 40 * n as u32
-                }
-            };
+            let to_rgb = |n: u8| -> u32 { if n == 0 { 0 } else { 55 + 40 * n as u32 } };
 
             to_rgb(r) << 16 | to_rgb(g) << 8 | to_rgb(b)
         }

src/backend/dom.rs

@@ -7,11 +7,12 @@
     prelude::Backend,
 };
 use web_sys::{
-    wasm_bindgen::{prelude::Closure, JsCast},
-    window, Document, Element, Window,
+    Document, Element, Window,
+    wasm_bindgen::{JsCast, prelude::Closure},
+    window,
 };
 
-use crate::{backend::utils::*, error::Error, widgets::hyperlink::HYPERLINK_MODIFIER, CursorShape};
+use crate::{CursorShape, backend::utils::*, error::Error, widgets::hyperlink::HYPERLINK_MODIFIER};
 
 /// Options for the [`DomBackend`].
 #[derive(Debug, Default)]
@@ -35,7 +36,7 @@
     ///
     /// - If the grid ID is not set, it returns `"grid"`.
     /// - If the grid ID is set, it returns the grid ID suffixed with
     ///     `"_ratzilla_grid"`.
     pub fn grid_id(&self) -> String {
         match &self.grid_id {
             Some(id) => format!("{id}_ratzilla_grid"),

src/backend/utils.rs

@@ -3,14 +3,15 @@ use crate::{
     error::Error,
     utils::{get_screen_size, get_window_size, is_mobile},
 };
-use compact_str::{format_compact, CompactString};
+use compact_str::{CompactString, format_compact};
 use ratatui::{
     buffer::Cell,
     style::{Color, Modifier},
 };
 use web_sys::{
+    Document, Element, HtmlCanvasElement, Window,
     wasm_bindgen::{JsCast, JsValue},
-    window, Document, Element, HtmlCanvasElement, Window,
+    window,
 };
 
 /// Creates a new `<span>` element with the given cell.

src/backend/webgl2.rs

@@ -1,11 +1,11 @@
 use crate::{
+    CursorShape,
     backend::{color::to_rgb, utils::*},
     error::Error,
     widgets::hyperlink::HYPERLINK_MODIFIER,
-    CursorShape,
 };
 use beamterm_renderer::{
-    mouse::*, select, CellData, GlyphEffect, SelectionMode, Terminal as Beamterm, Terminal,
+    CellData, GlyphEffect, SelectionMode, Terminal as Beamterm, Terminal, mouse::*, select,
 };
 use bitvec::prelude::BitVec;
 use compact_str::CompactString;
@@ -17,7 +17,7 @@
     style::{Color, Modifier},
 };
 use std::{cell::RefCell, io::Result as IoResult, mem::swap, rc::Rc};
-use web_sys::{wasm_bindgen::JsCast, window, Element};
+use web_sys::{Element, wasm_bindgen::JsCast, window};
 
 /// Re-export beamterm's atlas data type. Used by [`WebGl2BackendOptions::font_atlas`].
 pub use beamterm_renderer::FontAtlasData;
@@ -340,11 +340,11 @@
         }
 
         // Reset cursor state when canvas is resized
         if let Some(cursor_state) = &self.cursor_over_hyperlink {
             if let Ok(mut state) = cursor_state.try_borrow_mut() {
                 *state = false;
             }
         }
 
         Ok(())
     }
@@ -431,7 +431,7 @@
                     c.style(c.get_style() ^ (GlyphEffect::Underline as u16));
                 }
             }
-        }
+        };
     }
 
     /// Measures the beginning of a performance mark.
@@ -491,7 +491,7 @@
     fn create_hyperlink_mouse_handler(
         beamterm: &Beamterm,
         hyperlink_cells: Rc<RefCell<BitVec>>,
         callback: Rc<RefCell<dyn FnMut(&str)>>,
         cursor_state: Rc<RefCell<bool>>,
     ) -> Result<TerminalMouseHandler, Error> {
         let grid = beamterm.grid();
@@ -508,17 +508,17 @@
                 match event.event_type {
                     MouseEventType::MouseUp => {
                         // Handle hyperlink clicks (left mouse button only)
                         if event.button() == 0 {
                             if let Some(url) = extract_hyperlink_url(
                                 hyperlink_cells_clone.clone(),
                                 grid,
                                 event.col,
                                 event.row,
                             ) {
                                 if let Ok(mut cb) = callback.try_borrow_mut() {
                                     cb(&url);
                                 }
                             }
                         }
                     }
                     MouseEventType::MouseMove => {
@@ -531,12 +531,12 @@
                         );
 
                         // Only update cursor style if state has changed
                         if let Ok(mut current_state) = cursor_state_clone.try_borrow_mut() {
                             if *current_state != is_over_hyperlink {
                                 *current_state = is_over_hyperlink;
                                 Self::update_canvas_cursor_style(&canvas_clone, is_over_hyperlink);
                             }
                         }
                     }
                     _ => {}
                 }
@@ -816,7 +816,7 @@
 /// A `Debug`-derive friendly convenience wrapper
 #[derive(Clone)]
 struct HyperlinkCallback {
     callback: Rc<RefCell<dyn FnMut(&str)>>,
 }
 
 impl HyperlinkCallback {