wry_cmd 0.1.3

Facade crate combining wry_cmd_core (runtime) and wry_cmd_macro (IPC-command registration) for Wry.
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
97
98
99
100

use serde::Deserialize;
use tao::{
    event::{Event, WindowEvent},
    event_loop::{self, ControlFlow, EventLoop},
    window::WindowBuilder,
};
use wry::WebViewBuilder;
use wry_cmd::{commands, use_wry_cmd_protocol};

// Let's define our traits - imagine this is in a separate file

#[derive(serde::Deserialize, Default)]
struct GreetArgs {
    name: String,
}

#[derive(serde::Serialize, Default)]
struct GreetReply {
    message: String,
}

trait MyCommands {
    fn greet(&self, args: GreetArgs) -> GreetReply;
    async fn fetch(&self, id: u32) -> Result<String, String>;
}

// Let's implement our trait
struct MyApp;

static INSTANCE: MyApp = MyApp;

#[commands]
impl MyCommands for MyApp {
    fn greet(&self, args: GreetArgs) -> GreetReply {
        GreetReply {
            message: format!("hi {}", args.name),
        }
    }

    async fn fetch(&self, id: u32) -> Result<String, String> {
        Ok(format!("Fetched {}", id))
    }
}

fn main() -> wry::Result<()> {
    let html = r#"
    <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Wry Custom Protocol Example</title>
</head>
<body>
  <input id="name" placeholder="Enter your name" />
  <button onclick="sendGreet()">Greet</button>
  <p id="response"></p>

  <script>
async function sendGreet() {
  const name = document.getElementById('name').value;
  const res = await fetch(`http://mado.mycommands/greet/`, {
    method: 'POST',
    body: JSON.stringify({ name }),
    headers: { 'Content-Type': 'application/json' }
  });
  const data = await res.json();
  document.getElementById('response').textContent =
    data.error ? 'Error: ' + data.error : data.message;
}
</script>
</body>
</html>

    "#;

    // Build the Wry window + webview
    let event_loop = EventLoop::new();
    let window = WindowBuilder::new()
        .build(&event_loop)
        .expect("Failed to create window");
    let wv = WebViewBuilder::new()
        .with_transparent(true)
        .with_background_color((0, 0, 0, 0)) // transparent background
        .with_html(html)
        .with_asynchronous_custom_protocol("mado".to_string(), use_wry_cmd_protocol!("mado"))
        .build(&window)
        .expect("Failed to build WebView");
    let event_loop = EventLoop::new();
    event_loop.run(move |event, _, control_flow| {
        *control_flow = ControlFlow::Wait;

        if let Event::WindowEvent {
            event: WindowEvent::CloseRequested,
            ..
        } = event
        {
            *control_flow = ControlFlow::Exit;
        }
    });
}