first commit

6 years ago · 907f5c2442
commit 907f5c2442
4 changed files with 123 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,3 @@
+/target
+**/*.rs.bk
+Cargo.lock
--- a/Cargo.toml
+++ b/Cargo.toml
@ -0,0 +1,13 @@
+[package]
+name = "appname"
+version = "0.1.0"
+authors = ["DavidOConnor <david.alan.oconnor@gmail.com>"]
+edition = "2018"
+
+
+[lib]
+crate-type = ["cdylib"]
+
+[dependencies]
+wasm-bindgen = "^0.2.28"
+rebar = "^0.1.0"
--- a/index.html
+++ b/index.html
@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <meta name="description" content="">
+
+    <link rel="icon" type="image/png" href="./public/favicon.png">
+
+    <link href="https://fonts.googleapis.com/css?family=Karla" rel="stylesheet">
+
+    <!--<link rel="stylesheet" type="text/css" href="./public/style.css">-->
+
+    <title>A Title</title>
+
+</head>
+<body>
+<div id="main"></div>
+
+<script>
+    // The `--no-modules`-generated JS from `wasm-bindgen` attempts to use
+    // `WebAssembly.instantiateStreaming` to instantiate the wasm module,
+    // but this doesn't work with `file://` urls. This example is frequently
+    // viewed by simply opening `index.html` in a browser (with a `file://`
+    // url), so it would fail if we were to call this function!
+    //
+    // Work around this for now by deleting the function to ensure that the
+    // `no_modules.js` script doesn't have access to it. You won't need this
+    // hack when deploying over HTTP.
+    delete WebAssembly.instantiateStreaming;
+</script>
+
+<script src='./pkg/appname.js'></script>
+
+<script>
+    // the `wasm_bindgen` global is set to the exports of the Rust module
+    const { render } = wasm_bindgen;
+    // we'll defer our execution until the wasm is ready to go
+    function run() {
+        render();
+    }
+    // here we tell bindgen the path to the wasm file so it can run
+    // initialization and return to us a promise when it's done
+    wasm_bindgen('./pkg/appname.wasm')
+        .then(run)
+        .catch(console.error);
+</script>
+
+</body>
+</html>
--- a/src/lib.rs
+++ b/src/lib.rs
@ -0,0 +1,56 @@
+use wasm_bindgen::prelude::*;
+
+// This prelude is the equivalent of the following imports:
+// use rebar::dom_types::{El, Style, Attrs, Tag, Event, Events, UpdateEl};
+// use rebar::vdom::App;
+use crate::prelude::*;
+
+
+// Model
+
+#[derive(Clone, Debug)] // todo
+struct Model {
+    pub val: i32,
+}
+
+// Setup a default here, for initialization later.
+impl Default for Model {
+    fn default() -> Self {
+        Self {
+            val: 0,
+        }
+    }
+}
+
+// Update
+
+enum Msg {
+    Increment,
+}
+
+//fn update(msg: &Msg, model: Rc<Model>) -> Model {
+fn update(msg: &Msg, model: Rc<RefCell<Model>>) -> Model {
+    // todo msg probably doesn't need to be a ref.
+//    let model2 = model.clone(); // todo deal with this.
+    match msg {
+        &Msg::Increment => {
+//            Model {clicks: model.clicks + 1, ..model.unwrap()}
+            Model {clicks: model.borrow().clicks + 1, what_we_count: String::from("test")}
+        },
+    }
+}
+
+// View
+
+// Top-level component we pass to the virtual dom. Must accept the model as its only argument.
+fn comp(model: &Model) -> El<Msg> {
+    !div[]]
+}
+
+#[wasm_bindgen]
+pub fn render() -> Result<(), JsValue> {
+    let model = Model::default();
+
+    let mut app = App::new(model, update, comp, "main");
+    app.mount()
+}