How to get multiple events to use the same closure?

[veniamin-ilmer]

I have code which resizes an object when the window gets resized. This works fine window_event_listener and the event ev::resize
However, I find I need to run this code for when the page first loads as well.

There is a good handful of lines in this closure, and I'd want to avoid rewriting it. Essentially, I'd like to be able to do something like this:

  let (grid_width, set_grid_width) = leptos::create_signal(600.0);
  let (grid_height, set_grid_height) = leptos::create_signal(400.0);
  
  let resize_closure = move |_| {
    let window = leptos::window();
    if let Ok(jsvalue) = window.inner_height() {
      if let Some(height) = jsvalue.as_f64() {
        if let Ok(jsvalue) = window.inner_width() {
          if let Some(width) = jsvalue.as_f64() {
            if height * 8.0 / 5.0 < width {
              set_grid_width(height * 8.0 / 5.0);
              set_grid_height(height);
            } else {
              set_grid_width(width);
              set_grid_height(width * 5.0 / 8.0);
            }
          }
        }
      }
    }
  };
  
  let handle1 = leptos::window_event_listener(leptos::ev::resize, resize_closure);
  let handle2 = leptos::window_event_listener(leptos::ev::load, resize_closure);

  on_cleanup(move || {
    handle1.remove();
    handle2.remove();
  });

However, this move closure gets consumed, so it cannot be used twice.
I am not sure how this can be properly handled.

[gbj]

Isn’t this a question of calling .clone() on the closure on the first window event listener so it’s not consumed by that call?