Function App

src/app.rs:263–457

()

#[tracing::instrument(level = "debug", skip())]
#[component]
pub fn App() -> impl IntoView {
    let _ = use_event_listener(document().body(), keydown, |ev| {
        if ev.shift_key() && ev.ctrl_key() && ev.key_code() == 75 {
            spawn_local(async move {
                let _ = toggle_dev_tools().await;
            });
        }
    });

    provide_context_menu_state();
    provide_context(RwSignal::new(UiStore::new()));
    provide_context(RwSignal::new(ModalStore::default()));

    {
        let ui_store = expect_context::<RwSignal<UiStore>>();
        let is_mobile = window()
            .get("is_mobile")
            .and_then(|v| v.as_bool())
            .unwrap_or_default();
        ui_store.update(|u| u.set_is_mobile(is_mobile));
        let is_mobile_player = window()
            .get("is_mobile_player")
            .and_then(|v| v.as_bool())
            .unwrap_or_default();
        ui_store.update(|u| u.set_is_mobile_player(is_mobile_player));

        if is_mobile {
            let body = document().body().unwrap();
            body.set_class_name("body-mobile");
        }
    }

    provide_context(PlayerStore::new());
    provide_context(Arc::new(ProviderStore::new()));

    spawn_local(async move {
        let id = load_selective("themes.active_theme".into()).await.unwrap();
        handle_theme(serde_wasm_bindgen::from_value(id).unwrap());
    });

    let _ = use_event_listener(document().body(), contextmenu, |ev| {
        ev.prevent_default();
    });

    let owner = Owner::new();
    let ui_requests_unlisten = listen_event("ui-requests", move |data| {
        owner.with(|| {
            let payload = js_sys::Reflect::get(&data, &JsValue::from_str("payload")).unwrap();
            let payload: ExtensionUIRequest = serde_wasm_bindgen::from_value(payload).unwrap();

            #[tracing::instrument(level = "debug", skip(payload, data))]
            fn send_reply<T>(payload: ExtensionUIRequest, data: T)
            where
                T: Serialize + Clone,
            {
                let value = serde_wasm_bindgen::to_value(&data).unwrap();
                spawn_local(async move {
                    let res = emit(format!("ui-reply-{}", payload.channel).as_str(), value);