iced_wry 0.1.0

Embed a WRY webview as a child window inside an Iced application
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96

use iced::{
    Element, Fill, Subscription, Task,
    widget::{column, scrollable, text},
    window,
};
use iced_wry::{IpcMessage, WebViewConfig, WebViewController, webview};

fn main() -> iced::Result {
    tracing_subscriber::fmt::init();
    iced::application(App::new, App::update, App::view)
        .title("WebView IPC")
        .subscription(App::subscription)
        .run()
}

const HTML: &str = r#"<!DOCTYPE html>
<html>
<body style="font-family:sans-serif;padding:2rem;background:#1e1e2e;color:#cdd6f4">
  <h2>IPC Example</h2>
  <button onclick="window.ipc.postMessage('button_clicked')"
          style="padding:0.5rem 1rem;font-size:1rem;cursor:pointer">
    Send IPC Message
  </button>
  <script>
    setInterval(() => window.ipc.postMessage('ping'), 3000);
  </script>
</body>
</html>"#;

struct App {
    controller: WebViewController,
    messages: Vec<String>,
}

#[derive(Debug, Clone)]
enum Message {
    GotWindow(Option<window::Id>),
    WebViewReady(Result<(), String>),
    Ipc(IpcMessage),
}

impl App {
    fn new() -> (Self, Task<Message>) {
        let config = WebViewConfig::default().html(HTML).devtools(true);

        (
            Self {
                controller: WebViewController::new(config),
                messages: Vec::new(),
            },
            window::oldest().map(Message::GotWindow),
        )
    }

    fn update(&mut self, message: Message) -> Task<Message> {
        match message {
            Message::GotWindow(Some(id)) => self.controller.create_task(id, Message::WebViewReady),
            Message::GotWindow(None) => Task::none(),
            Message::WebViewReady(Ok(())) => {
                self.controller.take_staged();
                Task::none()
            }
            Message::WebViewReady(Err(e)) => {
                eprintln!("WebView failed: {e}");
                Task::none()
            }
            Message::Ipc(msg) => {
                self.messages.push(msg.body);
                if self.messages.len() > 20 {
                    self.messages.remove(0);
                }
                Task::none()
            }
        }
    }

    fn subscription(&self) -> Subscription<Message> {
        self.controller.ipc_subscription().map(Message::Ipc)
    }

    fn view(&self) -> Element<'_, Message> {
        let log = self
            .messages
            .iter()
            .rev()
            .fold(column![].spacing(4), |col, msg| {
                col.push(text(format!("← {msg}")).size(14))
            });

        column![
            webview(&self.controller).height(200),
            scrollable(log).height(Fill),
        ]
        .into()
    }
}