Update example

README.md

@@ -30,7 +30,7 @@ This library provides a generic diffing engine for user-interfaces and other rea
 
 This crate is inspired by Jetpack Compose, [xilem](https://github.com/linebender/xilem), and [dioxus](https://github.com/dioxuslabs/dioxus).
 
-## Web
+
 ```rust
 #[derive(PartialEq)]
 struct Counter {
@@ -43,17 +43,34 @@ impl View for Counter {
 
  (
  "High five count: {count}",
- div("Up High").on_click(|| count += 1),
- div("Down low").on_click(|| count -= 1),
+ button("Up High").on_click(|| count += 1),
+ button("Down low").on_click(|| count -= 1),
  )
  }
 }
+```
 
+## Web
+```rust
 fn main() {
  concoct::web::run(Counter { initial_value: 0 })
 }
 ```
 
+## Native (WebView)
+```rust
+fn main() {
+ concoct::webview::run(Counter { initial_value: 0 })
+}
+```
+
+## Native (Wgpu) - Planned
+```rust
+fn main() {
+ concoct::native::run(Counter { initial_value: 0 })
+}
+```
+
 ## Installation
 This crate currently requires rust nightly.
 You can install concoct by running:

src/webview/mod.rs

@@ -44,15 +44,27 @@ impl WebViewContext {
  }
 }
 
-pub fn div<C>(child: C) -> Html<WebHtml, C> {
- Html::new(WebHtml {}, child)
+pub fn div<C>(child: C) -> Html<WebViewHtml, C> {
+ Html::new(WebViewHtml {}, child)
 }
 
 #[derive(PartialEq, Eq)]
-pub struct WebHtml {}
+pub struct WebViewHtml {}
 
-impl HtmlPlatform for WebHtml {
- fn html(&mut self, html: &mut Builder) -> impl IntoView {}
+impl HtmlPlatform for WebViewHtml {
+ fn html(&mut self, html: &mut Builder) -> impl IntoView {
+ WebViewContext::current()
+ .inner
+ .borrow()
+ .web_view
+ .evaluate_script(&format!(
+ r#"
+ var element = document.createElement("div");
+ document.body.appendChild(element);
+ "#
+ ))
+ .unwrap();
+ }
 }
 
 pub struct WebView;