wry 0.10.2

Cross-platform WebView rendering library
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

// Copyright 2019-2021 Tauri Programme within The Commons Conservancy
// SPDX-License-Identifier: Apache-2.0
// SPDX-License-Identifier: MIT

fn main() -> wry::Result<()> {
  use wry::{
    application::{
      event::{Event, StartCause, WindowEvent},
      event_loop::{ControlFlow, EventLoop},
      window::WindowBuilder,
    },
    webview::WebViewBuilder,
  };

  let event_loop = EventLoop::new();
  let window = WindowBuilder::new()
    .with_title("Hello World")
    .build(&event_loop)
    .unwrap();

  let _webview = WebViewBuilder::new(window)
    .unwrap()
    .with_custom_protocol("wry.dev".into(), move |_, requested_asset_path| {
      // remove the protocol from the path for easiest match
      let requested_asset_path = requested_asset_path.replace("wry.dev://", "");

      // sample index.html file
      // files can be bundled easilly into the binary
      // with https://doc.rust-lang.org/std/macro.include_bytes.html

      let index_html = r#"
      <!DOCTYPE html>
      <html lang="en">
        <head>
          <meta charset="UTF-8" />
          <meta http-equiv="X-UA-Compatible" content="IE=edge" />
          <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        </head>
        <body>
          <h1>Welcome to WRY!</h1>
          <a href="/hello.html">Link</a>
          <script type="text/javascript" src="/hello.js"></script>
        </body>
      </html>"#;

      // sample hello.js file
      let hello_js = "console.log(\"hello from javascript\");";

      // sample hello.html file
      let hello_html = r#"
      <!DOCTYPE html>
      <html lang="en">
        <head>
          <meta charset="UTF-8" />
          <meta http-equiv="X-UA-Compatible" content="IE=edge" />
          <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        </head>
        <body>
          <h1>Sample page!</h1>
          <a href="/index.html">Back home</a>
          <script type="text/javascript" src="/hello.js"></script>
        </body>
      </html>"#;

      match requested_asset_path.as_str() {
        // if our path match /hello.html
        "/hello.html" => Ok((hello_html.as_bytes().into(), "text/html".into())),
        // if our path match /hello.js
        "/hello.js" => Ok((hello_js.as_bytes().into(), "text/javascript".into())),
        // other paths should resolve index
        // more logic can be applied here
        _ => Ok((index_html.as_bytes().into(), "text/html".into())),
      }
    })
    // tell the webview to load the custom protocol
    .with_url("wry.dev://")?
    .build()?;

  event_loop.run(move |event, _, control_flow| {
    *control_flow = ControlFlow::Wait;

    match event {
      Event::NewEvents(StartCause::Init) => println!("Wry application started!"),
      Event::WindowEvent {
        event: WindowEvent::CloseRequested,
        ..
      } => *control_flow = ControlFlow::Exit,
      _ => (),
    }
  });
}