first commit
DavidOConnor
6 years ago
commit
907f5c2442
@ -0,0 +1,3 @@
|
|||||||
|
/target
|
||||||
|
**/*.rs.bk
|
||||||
|
Cargo.lock
|
||||||
@ -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"
|
||||||
@ -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>
|
||||||
@ -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()
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue