wasm-react 0.6.0

use js_sys::Function;
use wasm_bindgen::{prelude::Closure, JsCast, JsValue, UnwrapThrowExt};

use crate::react_bindings;

/// Allows access to the transition state.
#[derive(Debug, Clone)]
pub struct Transition {
  is_pending: bool,
  start_transition: Function,
}

impl Transition {
  /// Returns whether the transition is active or not.
  pub fn is_pending(&self) -> bool {
    self.is_pending
  }

  /// Marks the updates in the given closure as transitions.
  pub fn start(&mut self, f: impl FnOnce() + 'static) {
    self
      .start_transition
      .call1(&JsValue::NULL, &Closure::once_into_js(f))
      .expect_throw("unable to call start function");
  }
}

/// Returns a stateful value for the pending state of the transition, and a
/// function to start it.
///
/// # Example
///
/// ```
/// # use wasm_react::{*, hooks::*};
/// #
/// # fn render() -> VNode {
/// let count = use_state(|| 0);
/// let transition = use_transition();
///
/// h!(div).build((
///   transition.is_pending().then(||
///     h!(div).build("Loading…")
///   ),
///   h!(button).on_click(&Callback::new({
///     clones!(count, mut transition);
///
///     move |_| {
///       transition.start({
///         clones!(mut count);
///
///         move || {
///           count.set(|c| c + 1);
///         }
///       });
///     }
///   })).build("Increment"),
/// ))
/// # }
/// ```
pub fn use_transition() -> Transition {
  let result = react_bindings::use_transition();

  let is_pending = result
    .get(0)
    .as_bool()
    .expect_throw("unable to read pending state from transition");
  let start_transition = result
    .get(1)
    .dyn_into::<Function>()
    .expect_throw("unable to read start function from transition");

  Transition {
    is_pending,
    start_transition,
  }
}