Integrating midir with Yew Framework for web MIDI

[stuartwk]

Hello 👋 , I'm relatively new to Rust and trying to build a simple example repo that uses midir with the Yew framework Yew-MIDI.
Dropping the midir browser example into a Yew app works easily and logs MIDI data as it's entered (which is very cool!).
The issue I'm running into is passing MIDI messages back out of the Closure so Yew can handle that data. For example, getting the message from midi_in.connect and simply rendering it in the view.

I get compile-time errors trying to pass a Yew callback into the Closure

let callback = self
    .link
    .callback(|response: Vec<u8>| Msg::MidiReceived(response));

let closure: Closure<dyn FnMut()> = Closure::wrap(Box::new(move || {
    if Self::run_midi(callback).unwrap() == true { // <-- no luck
        if let Some(token) = *token.lock().unwrap() {
            web_sys::window().unwrap().clear_interval_with_handle(token);
        }
    }
}));

The idea would be to fire the callback on incoming MIDI messages

let _conn_in = midi_in.connect(
    in_port,
    "midir-read-input",
    // cb,
    move |stamp, message, _| {
        log::info!("{}: {:?} (len = {})", stamp, message, message.len());
        callback.emit(message); <!-- emit message
    },
    (),
)?;

[stuartwk]

Got a simple example working at https://github.com/stuartwk/yew-midi