ratatui · junkdog · Sep 25, 2025 · Jun 26, 2025 · Jun 28, 2025 · Jun 28, 2025
diff --git a/Cargo.lock b/Cargo.lock
diff --git a/Cargo.toml b/Cargo.toml
@@ -42,4 +42,4 @@ ratatui = { version = "0.29", default-features = false, features = ["all-widgets
 console_error_panic_hook = "0.1.7"
 thiserror = "2.0.12"
 bitvec = { version = "1.0.1", default-features = false, features = ["alloc", "std"] }
-beamterm-renderer = "0.1.1"
+beamterm-renderer = "0.7.0"
diff --git a/examples/animations/Cargo.toml b/examples/animations/Cargo.toml
@@ -6,6 +6,6 @@ publish = false
 
 [dependencies]
 ratzilla = { path = "../../" }
-tachyonfx = { version = "0.13.0", default-features = false, features = ["web-time"] }
+tachyonfx = { version = "0.16.0", default-features = false, features = ["web-time"] }
 console_error_panic_hook = "0.1.7"
 examples-shared = { path = "../shared" }
diff --git a/examples/canvas_waves/Cargo.toml b/examples/canvas_waves/Cargo.toml
@@ -7,6 +7,6 @@ publish = false
 [dependencies]
 ratzilla = { path = "../../" }
 console_error_panic_hook = "0.1.7"
-tachyonfx = { version = "0.15.0", default-features = false, features = ["web-time"] }
+tachyonfx = { version = "0.16.0", default-features = false, features = ["web-time"] }
 web-time = "1.1.0"
 examples-shared = { path = "../shared" }
diff --git a/examples/canvas_waves/src/main.rs b/examples/canvas_waves/src/main.rs
@@ -11,7 +11,11 @@ use wave_effect::WaveInterference;
 fn main() -> std::io::Result<()> {
     std::panic::set_hook(Box::new(console_error_panic_hook::hook));
     let terminal = MultiBackendBuilder::with_fallback(BackendType::WebGl2)
-        .webgl2_options(WebGl2BackendOptions::new().measure_performance(true).grid_id("container"))
+        .webgl2_options(WebGl2BackendOptions::new()
+            .measure_performance(true)
+            .grid_id("container")
+            .enable_console_debug_api()
+        )
         .build_terminal()?;
 
     let mut effect = WaveInterference::new().into_effect();

diff --git a/examples/clipboard/index.html b/examples/clipboard/index.html
@@ -30,10 +30,5 @@
       }
     </style>
   </head>
-  <body>
-    <script type="module">
-      import init from "./pkg/ratzilla.js";
-      init();
-    </script>
-  </body>
+  <body></body>
 </html>
diff --git a/examples/colors_rgb/src/main.rs b/examples/colors_rgb/src/main.rs
@@ -7,7 +7,6 @@ use ratzilla::{
         layout::{Position, Rect},
         style::Color,
         widgets::Widget,
-        Terminal,
     },
     WebRenderer,
 };

diff --git a/examples/demo/Cargo.toml b/examples/demo/Cargo.toml
@@ -8,7 +8,7 @@ publish = false
 clap = { version = "4.5.23", features = ["derive"] }
 rand = { version = "0.8.5", features = ["small_rng"], default-features = false }
 ratzilla = { path = "../../" }
-tachyonfx = { version = "0.15.0", default-features = false, features = ["web-time"] }
+tachyonfx = { version = "0.16.0", default-features = false, features = ["web-time"] }
 web-time = "1.1.0"
 examples-shared = { path = "../shared" }
 # tui-big-text = "0.6.1"
diff --git a/examples/demo/src/main.rs b/examples/demo/src/main.rs
@@ -44,6 +44,8 @@ fn main() -> Result<()> {
 
     let webgl2_options = WebGl2BackendOptions::new()
         .measure_performance(true)
+        .enable_console_debug_api()
+        .enable_mouse_selection()
         .size((1600, 900));
 
     let terminal = MultiBackendBuilder::with_fallback(BackendType::WebGl2)

diff --git a/examples/demo2/src/main.rs b/examples/demo2/src/main.rs
@@ -48,7 +48,11 @@ fn main() -> std::io::Result<()> {
     let viewport = Viewport::Fixed(Rect::new(0, 0, 81, 18));
 
     let terminal = MultiBackendBuilder::with_fallback(BackendType::Canvas)
-        .webgl2_options(WebGl2BackendOptions::new().measure_performance(true))
+        .webgl2_options(WebGl2BackendOptions::new()
+            .measure_performance(true)
+            .enable_mouse_selection()
+            .enable_console_debug_api()
+        )
         .terminal_options(TerminalOptions { viewport })
         .build_terminal()?;
 

diff --git a/examples/minimal/src/main.rs b/examples/minimal/src/main.rs
@@ -11,6 +11,7 @@ use ratzilla::{
 };
 
 use examples_shared::backend::{BackendType, MultiBackendBuilder};
+use ratzilla::backend::webgl2::WebGl2BackendOptions;
 
 fn main() -> io::Result<()> {
     let counter = Rc::new(RefCell::new(0));
@@ -19,6 +20,10 @@ fn main() -> io::Result<()> {
     let mouse_event_kind = Rc::new(RefCell::new(None::<MouseEventKind>));
 
     let terminal = MultiBackendBuilder::with_fallback(BackendType::Dom)
+        .webgl2_options(WebGl2BackendOptions::new()
+            .enable_console_debug_api()
+            .enable_mouse_selection()
+        )
         .build_terminal()?;
 
     terminal.on_key_event({

diff --git a/examples/pong/index.html b/examples/pong/index.html
@@ -22,7 +22,17 @@
         font-size: 16px;
         margin: 0px;
       }
+
+      #container {
+        flex: 1; /* Take all remaining space */
+        width: 100%;
+        position: relative; /* For absolute positioning of canvas if needed */
+        overflow: hidden; /* Prevent any overflow */
+      }
     </style>
   </head>
-  <body></body>
+  <body>
+    <div id="container"></div>
+    <div style="height: 50px;"></div>
+  </body>
 </html>
diff --git a/examples/pong/src/main.rs b/examples/pong/src/main.rs
@@ -1,8 +1,6 @@
 use std::{cell::RefCell, rc::Rc};
 
-use ratzilla::{
-    event::KeyCode, utils::set_document_title, widgets::Hyperlink, WebRenderer,
-};
+use ratzilla::{event::KeyCode, utils::set_document_title, widgets::Hyperlink, CursorShape, WebRenderer};
 
 use ratzilla::ratatui::{
     layout::{Alignment, Constraint, Layout, Rect},
@@ -12,9 +10,11 @@ use ratzilla::ratatui::{
         canvas::{Canvas, Circle},
         Block, Paragraph, Widget,
     },
-    Terminal,
 };
 use examples_shared::backend::{BackendType, MultiBackendBuilder};
+use ratzilla::backend::canvas::CanvasBackendOptions;
+use ratzilla::backend::dom::DomBackendOptions;
+use ratzilla::backend::webgl2::WebGl2BackendOptions;
 
 struct App {
     count: u64,
@@ -64,8 +64,19 @@ impl App {
 fn main() -> std::io::Result<()> {
     std::panic::set_hook(Box::new(console_error_panic_hook::hook));
     let app_state = Rc::new(RefCell::new(App::new()));
+
     let terminal = MultiBackendBuilder::with_fallback(BackendType::Dom)
+        .webgl2_options(WebGl2BackendOptions::new()
+            .grid_id("container")
+            .enable_hyperlinks()
+            .enable_mouse_selection()
+        )
+        .canvas_options(CanvasBackendOptions::new()
+            .grid_id("container")
+        )
+        .dom_options(DomBackendOptions::new(Some("container".into()), CursorShape::SteadyBlock))
         .build_terminal()?;
+
     terminal.on_key_event({
         let app_state_cloned = app_state.clone();
         move |event| {

diff --git a/examples/tauri/Cargo.toml b/examples/tauri/Cargo.toml
@@ -6,6 +6,6 @@ publish = false
 
 [dependencies]
 ratzilla = { path = "../../" }
-tachyonfx = { version = "0.13.0", default-features = false, features = ["web-time"] }
+tachyonfx = { version = "0.16.0", default-features = false, features = ["web-time"] }
 console_error_panic_hook = "0.1.7"
 examples-shared = { path = "../shared" }