feat: unicode example from ratatui#121

benoitlx · benoitlx · commit 94af383d010f · 2025-12-01T13:54:55.000+01:00
diff --git a/examples/unicode/Cargo.toml b/examples/unicode/Cargo.toml
@@ -0,0 +1,9 @@
+[package]
+name = "minimal"
+version = "0.1.0"
+edition = "2021"
+publish = false
+
+[dependencies]
+ratzilla = { path = "../../" }
+examples-shared = { path = "../shared" }
diff --git a/examples/unicode/index.html b/examples/unicode/index.html
@@ -0,0 +1,36 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
+  <link rel="preload" as="style" crossorigin href="https://fontsapi.zeoseven.com/442/main/result.css"
+    onload="this.rel='stylesheet'" onerror="this.href='https://fontsapi-storage.zeoseven.com/442/main/result.css'" />
+  <noscript>
+    <link rel="stylesheet" href="https://fontsapi.zeoseven.com/442/main/result.css" />
+  </noscript>
+  <title>Ratzilla</title>
+  <style>
+    body {
+      margin: 0;
+      width: 100%;
+      height: 100vh;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      align-content: center;
+      background-color: #121212;
+    }
+
+    pre {
+      font-family: "Maple Mono NF CN", monospace;
+      font-size: 15px;
+      margin: 0px;
+    }
+  </style>
+</head>
+
+<body></body>
+
+</html>
diff --git a/examples/unicode/src/main.rs b/examples/unicode/src/main.rs
@@ -0,0 +1,40 @@
+use std::io;
+
+use ratzilla::ratatui::{
+    layout::Alignment,
+    style::Color,
+    widgets::{Block, Paragraph},
+};
+
+use ratzilla::WebRenderer;
+
+use examples_shared::backend::{BackendType, MultiBackendBuilder};
+
+fn main() -> io::Result<()> {
+    let terminal = MultiBackendBuilder::with_fallback(BackendType::Dom).build_terminal()?;
+
+    terminal.draw_web(move |f| {
+        f.render_widget(
+            Paragraph::new(
+                [
+                    "Hello, world!",
+                    "你好，世界！",
+                    "世界、こんにちは。",
+                    // "헬로우 월드！",
+                    // "👨💻👋🌐",
+                ]
+                .join("\n"),
+            )
+            .alignment(Alignment::Center)
+            .block(
+                Block::bordered()
+                    .title("Ratzilla")
+                    .title_alignment(Alignment::Center)
+                    .border_style(Color::Yellow),
+            ),
+            f.area(),
+        );
+    });
+
+    Ok(())
+}
