Add sass

.gitignore

@@ -1,3 +1,4 @@
 target
 **/*.rs.bk
 Cargo.lock
+*.css

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "ui/styles/vuetify"]
+ path = ui/styles/vuetify
+ url = [email protected]:vuetifyjs/vuetify.git

Cargo.toml

@@ -3,8 +3,8 @@ name = "facade"
 version = "0.1.0"
 authors = ["Denis Kolodin <[email protected]>"]
 edition = "2018"
-repository = "https://github.com/DenisKolodin/facade"
-homepage = "https://github.com/DenisKolodin/facade"
+repository = "https://github.com/yewstack/facade"
+homepage = "https://github.com/yewstack/facade"
 documentation = "https://docs.rs/facade/"
 license = "MIT/Apache-2.0"
 readme = "README.md"
@@ -17,6 +17,7 @@ config = "0.9.3"
 headers = "0.2.1"
 failure = "0.1.5"
 flate2 = "1.0.9"
+futures-timer = "0.2.1"
 log = "0.4.6"
 mime_guess = "2.0.0-alpha.6"
 serde = { version = "1.0.94", features = ["derive"] }
@@ -25,15 +26,13 @@ tar = "0.4.26"
 tokio = "0.1.22"
 warp = "0.1.16"
 
-futures-timer = "0.2.1"
-
 [dependencies.futures-legacy]
 package = "futures"
 version = "0.1.28"
 
 [dependencies.futures]
 package = "futures-preview"
-version = "0.3.0-alpha.17"
+version = "=0.3.0-alpha.17"
 features = ["async-await", "nightly", "compat"]
 
 [dependencies.protocol]
@@ -44,6 +43,12 @@ path = "protocol"
 [build-dependencies]
 failure = "0.1.5"
 
+[dev-dependencies]
+env_logger = "0.6.2"
+runtime = "0.3.0-alpha.6"
+runtime-tokio = "0.3.0-alpha.5"
+tokio-signal = "0.2.7"
+
 [features]
 default = []
 refresh = []

README.md

@@ -6,6 +6,12 @@
 
 To achieve that effect **Facade** uses [Yew](https://github.com/DenisKolodin/yew) framework to build a universal UI and use WebSocket connection to interact with your app that supply live updates to UI that renders them reactively.
 
+## Vuetify relations
+
+We reuse CSS components' styles from Vuetify project: https://github.com/vuetifyjs/vuetify
+
+You can read the license of Vuetify here: https://github.com/vuetifyjs/vuetify/blob/master/LICENSE.md
+
 ## Use-cases
 
 Uses-cases of this framework are unlimited and include but are not limited to the following cases

examples/baseline/main.rs

@@ -0,0 +1,40 @@
+#![feature(async_await)]
+
+use failure::Error;
+use futures::compat::Future01CompatExt;
+use futures::future::select;
+use futures::{FutureExt, StreamExt};
+use futures_legacy::{Future as _, Stream as _};
+
+#[runtime::main(runtime_tokio::Tokio)]
+pub async fn main() -> Result<(), Error> {
+ env_logger::try_init()?;
+ let ctrl_c = tokio_signal::ctrl_c()
+ .flatten_stream()
+ .into_future()
+ .compat();
+
+ let mut control = facade::main()?;
+ let scene = {
+ use facade::dsl::*;
+ Scene(App(
+ NavigationDrawer(
+ List(vec![
+ ListItem(Icon::Home, "Home".into()),
+ ListItem(Icon::ContactMail, "Contact".into()),
+ ])
+ ),
+ Container(
+ Layout(vec![
+ Flex(),
+ Flex(),
+ Flex(),
+ ])
+ )
+ ))
+ };
+ control.scene(scene);
+
+ ctrl_c.await;
+ Ok(())
+}

protocol/Cargo.toml

@@ -17,3 +17,5 @@ bigdecimal = { version = "0.1.0", features = ["serde"] }
 failure = "0.1.5"
 serde = { version = "1.0.94", features = ["derive"] }
 serde_json = "1.0.40"
+strum = "0.15.0"
+strum_macros = "0.15.0"