Join GitHub today
GitHub is home to over 40 million developers working together to host and review code, manage projects, and build software together.
Sign upHow to use setInterval? #16
Comments
This comment has been minimized.
This comment has been minimized.
This is a bug in the framework - I'll update once fixed. |
This comment has been minimized.
This comment has been minimized.
I got this working with a refactoring of your view func: fn view(state: seed::App<Msg, Model>, model: Model) -> El<Msg> {
div![
did_mount(move |_| {
let state2 = state.clone();
let callback = Closure::wrap(Box::new(move || {
state2.update(Msg::Increment);
}) as Box<dyn Fn()>);
let window = web_sys::window().unwrap();
window
.set_interval_with_callback_and_timeout_and_arguments_0(
// Note this method call, which uses `as_ref()` to get a `JsValue`
// from our `Closure` which is then converted to a `&Function`
// using the `JsCast::unchecked_ref` function.
callback.as_ref().unchecked_ref(),
1_000,
)
.unwrap();
callback.forget();
}),
button![
simple_ev("click", Msg::Increment),
format!("Hello, World × {}", model.val)
]
]
} The key differences are moving the callback into the did_mount closure, using a clone of state to avoid closure/moving problems, and forgetting the callback. I'm not sure if the best approach here is to make a change in the library to facilitate doing things like this, or to update the docs. |
This comment has been minimized.
This comment has been minimized.
This will work in the next version: fn view(state: seed::App<Msg, Model>, model: Model) -> El<Msg> {
div![
did_mount(move |_| {
let state2 = state.clone();
let callback = move || {
state2.update(Msg::Increment);
};
seed::set_interval(Box::new(callback), 1000);
}),
button![
simple_ev("click", Msg::Increment),
format!("Hello, World × {}", model.val)
]
]
} My intent is to make things like this easy by providing a high-level API. The raw wasm-bindgen code your sample was based on's not something I'd like anyone to have to use. |
This comment has been minimized.
This comment has been minimized.
@David-OConnor Oh awesome! Thanks for looking into this. |
This comment has been minimized.
This comment has been minimized.
Published in v0.2.2 |
First off, this is a pretty cool Rust web framework!👍
I was playing with the quickstart repo, and tried to add a
setInterval
example:https://github.com/dashed/seed-quickstart/blob/70b3f2c76e5d205b06adb4734cfcc1a08f412c5c/src/lib.rs#L42-L57
But I'm getting this error:
I'm pretty much new to WASM, and I'm unsure how to debug this😞 ; I'm hoping if there's some guidance to this.