diff --git a/packages/html/src/events.rs b/packages/html/src/events.rs index 853400c28..dbad5a8e6 100644 --- a/packages/html/src/events.rs +++ b/packages/html/src/events.rs @@ -127,6 +127,7 @@ pub fn event_bubbles(evt: &str) -> bool { "loadeddata" => false, "loadedmetadata" => false, "loadstart" => false, + "load" => false, "pause" => false, "play" => false, "playing" => false, diff --git a/packages/html/src/events/image.rs b/packages/html/src/events/image.rs index bf5228409..d5858a7f1 100644 --- a/packages/html/src/events/image.rs +++ b/packages/html/src/events/image.rs @@ -4,6 +4,7 @@ pub type ImageEvent = Event; #[cfg_attr(feature = "serialize", derive(serde::Serialize, serde::Deserialize))] #[derive(Debug, Clone, PartialEq, Eq)] pub struct ImageData { + #[cfg_attr(feature = "serialize", serde(default))] pub load_error: bool, } diff --git a/packages/html/src/transit.rs b/packages/html/src/transit.rs index 651b7e4f6..0b84cbb2f 100644 --- a/packages/html/src/transit.rs +++ b/packages/html/src/transit.rs @@ -91,7 +91,7 @@ fn fun_name( // Touch "touchcancel" | "touchend" | "touchmove" | "touchstart" => Touch(de(data)?), - // Srcoll + // Scroll "scroll" => Scroll(de(data)?), // Wheel @@ -102,7 +102,7 @@ fn fun_name( | "ended" | "interruptbegin" | "interruptend" | "loadeddata" | "loadedmetadata" | "loadstart" | "pause" | "play" | "playing" | "progress" | "ratechange" | "seeked" | "seeking" | "stalled" | "suspend" | "timeupdate" | "volumechange" | "waiting" - | "error" | "load" | "loadend" | "timeout" => Media(de(data)?), + | "loadend" | "timeout" => Media(de(data)?), // Animation "animationstart" | "animationend" | "animationiteration" => Animation(de(data)?), @@ -113,7 +113,8 @@ fn fun_name( // Toggle "toggle" => Toggle(de(data)?), - // ImageData => "load" | "error"; + "load" | "error" => Image(de(data)?), + // OtherData => "abort" | "afterprint" | "beforeprint" | "beforeunload" | "hashchange" | "languagechange" | "message" | "offline" | "online" | "pagehide" | "pageshow" | "popstate" | "rejectionhandled" | "storage" | "unhandledrejection" | "unload" | "userproximity" | "vrdisplayactivate" | "vrdisplayblur" | "vrdisplayconnect" | "vrdisplaydeactivate" | "vrdisplaydisconnect" | "vrdisplayfocus" | "vrdisplaypointerrestricted" | "vrdisplaypointerunrestricted" | "vrdisplaypresentchange"; other => { return Err(serde_value::DeserializerError::UnknownVariant( @@ -134,6 +135,7 @@ impl HtmlEvent { #[derive(Deserialize, Serialize, Debug, Clone, PartialEq)] #[serde(untagged)] +#[non_exhaustive] pub enum EventData { Mouse(MouseData), Clipboard(ClipboardData), @@ -151,6 +153,7 @@ pub enum EventData { Animation(AnimationData), Transition(TransitionData), Toggle(ToggleData), + Image(ImageData), } impl EventData { @@ -172,6 +175,7 @@ impl EventData { EventData::Animation(data) => Rc::new(data) as Rc, EventData::Transition(data) => Rc::new(data) as Rc, EventData::Toggle(data) => Rc::new(data) as Rc, + EventData::Image(data) => Rc::new(data) as Rc, } } } diff --git a/packages/interpreter/src/interpreter.js b/packages/interpreter/src/interpreter.js index e3c8579a4..185976725 100644 --- a/packages/interpreter/src/interpreter.js +++ b/packages/interpreter/src/interpreter.js @@ -894,10 +894,9 @@ function event_bubbles(event) { case "error": return false; case "loadeddata": - return false; case "loadedmetadata": - return false; case "loadstart": + case "load": return false; case "pause": return false; diff --git a/packages/web/src/dom.rs b/packages/web/src/dom.rs index 20119dd25..55c5c8f9f 100644 --- a/packages/web/src/dom.rs +++ b/packages/web/src/dom.rs @@ -17,7 +17,7 @@ use js_sys::Array; use rustc_hash::FxHashMap; use std::{any::Any, rc::Rc, sync::Arc}; use wasm_bindgen::{closure::Closure, prelude::wasm_bindgen, JsCast}; -use web_sys::{console, Document, Element, Event, HtmlElement}; +use web_sys::{Document, Element, Event, HtmlElement}; use crate::{file_engine::WebFileEngine, Config}; @@ -211,7 +211,6 @@ impl WebsysDom { }, SetText { value, id } => i.set_text(id.0 as u32, value), NewEventListener { name, id, .. } => { - console::log_1(&format!("new event listener: {}", name).into()); i.new_event_listener(name, id.0 as u32, event_bubbles(name) as u8); } RemoveEventListener { name, id } => { @@ -230,7 +229,6 @@ impl WebsysDom { // We need tests that simulate clicks/etc and make sure every event type works. pub fn virtual_event_from_websys_event(event: web_sys::Event, target: Element) -> Rc { use dioxus_html::events::*; - console::log_1(&event.clone().into()); match event.type_().as_str() { "copy" | "cut" | "paste" => Rc::new(ClipboardData {}), @@ -266,9 +264,11 @@ pub fn virtual_event_from_websys_event(event: web_sys::Event, target: Element) - } "transitionend" => Rc::new(TransitionData::from(event)), "abort" | "canplay" | "canplaythrough" | "durationchange" | "emptied" | "encrypted" - | "ended" | "error" | "loadeddata" | "loadedmetadata" | "loadstart" | "pause" | "play" + | "ended" | "loadeddata" | "loadedmetadata" | "loadstart" | "pause" | "play" | "playing" | "progress" | "ratechange" | "seeked" | "seeking" | "stalled" | "suspend" | "timeupdate" | "volumechange" | "waiting" => Rc::new(MediaData {}), + "error" => Rc::new(ImageData { load_error: true }), + "load" => Rc::new(ImageData { load_error: false }), "toggle" => Rc::new(ToggleData {}), _ => Rc::new(()),