Web: remove queuing fullscreen request (#3242)
This commit is contained in:
parent
af93167237
commit
f2c5127f27
7 changed files with 79 additions and 199 deletions
|
|
@ -1,5 +1,5 @@
|
|||
use std::cell::Cell;
|
||||
use std::rc::{Rc, Weak};
|
||||
use std::rc::Rc;
|
||||
use std::sync::{Arc, Mutex};
|
||||
|
||||
use smol_str::SmolStr;
|
||||
|
|
@ -18,11 +18,10 @@ use crate::window::{WindowAttributes, WindowId as RootWindowId};
|
|||
use super::super::WindowId;
|
||||
use super::animation_frame::AnimationFrameHandler;
|
||||
use super::event_handle::EventListenerHandle;
|
||||
use super::fullscreen::FullscreenHandler;
|
||||
use super::intersection_handle::IntersectionObserverHandle;
|
||||
use super::media_query_handle::MediaQueryListHandle;
|
||||
use super::pointer::PointerHandler;
|
||||
use super::{event, ButtonsState, ResizeScaleHandle};
|
||||
use super::{event, fullscreen, ButtonsState, ResizeScaleHandle};
|
||||
|
||||
#[allow(dead_code)]
|
||||
pub struct Canvas {
|
||||
|
|
@ -52,7 +51,6 @@ pub struct Common {
|
|||
style: Style,
|
||||
old_size: Rc<Cell<PhysicalSize<u32>>>,
|
||||
current_size: Rc<Cell<PhysicalSize<u32>>>,
|
||||
fullscreen_handler: Rc<FullscreenHandler>,
|
||||
}
|
||||
|
||||
#[derive(Clone, Debug)]
|
||||
|
|
@ -105,7 +103,6 @@ impl Canvas {
|
|||
style,
|
||||
old_size: Rc::default(),
|
||||
current_size: Rc::default(),
|
||||
fullscreen_handler: Rc::new(FullscreenHandler::new(document.clone(), canvas.clone())),
|
||||
};
|
||||
|
||||
if let Some(size) = attr.inner_size {
|
||||
|
|
@ -129,7 +126,7 @@ impl Canvas {
|
|||
}
|
||||
|
||||
if attr.fullscreen.0.is_some() {
|
||||
common.fullscreen_handler.request_fullscreen();
|
||||
fullscreen::request_fullscreen(&document, &canvas);
|
||||
}
|
||||
|
||||
if attr.active {
|
||||
|
|
@ -281,7 +278,7 @@ impl Canvas {
|
|||
where
|
||||
F: 'static + FnMut(PhysicalKey, Key, Option<SmolStr>, KeyLocation, bool, ModifiersState),
|
||||
{
|
||||
self.on_keyboard_press = Some(self.common.add_transient_event(
|
||||
self.on_keyboard_press = Some(self.common.add_event(
|
||||
"keydown",
|
||||
move |event: KeyboardEvent| {
|
||||
if prevent_default {
|
||||
|
|
@ -441,20 +438,16 @@ impl Canvas {
|
|||
self.animation_frame_handler.on_animation_frame(f)
|
||||
}
|
||||
|
||||
pub(crate) fn on_touch_end(&mut self) {
|
||||
self.on_touch_end = Some(self.common.add_transient_event("touchend", |_| {}));
|
||||
}
|
||||
|
||||
pub fn request_fullscreen(&self) {
|
||||
self.common.fullscreen_handler.request_fullscreen()
|
||||
fullscreen::request_fullscreen(self.document(), self.raw());
|
||||
}
|
||||
|
||||
pub fn exit_fullscreen(&self) {
|
||||
self.common.fullscreen_handler.exit_fullscreen()
|
||||
fullscreen::exit_fullscreen(self.document(), self.raw());
|
||||
}
|
||||
|
||||
pub fn is_fullscreen(&self) -> bool {
|
||||
self.common.fullscreen_handler.is_fullscreen()
|
||||
fullscreen::is_fullscreen(self.document(), self.raw())
|
||||
}
|
||||
|
||||
pub fn request_animation_frame(&self) {
|
||||
|
|
@ -505,10 +498,6 @@ impl Canvas {
|
|||
}
|
||||
}
|
||||
|
||||
pub(crate) fn transient_activation(&self) {
|
||||
self.common.fullscreen_handler.transient_activation()
|
||||
}
|
||||
|
||||
pub fn remove_listeners(&mut self) {
|
||||
self.on_touch_start = None;
|
||||
self.on_focus = None;
|
||||
|
|
@ -522,7 +511,6 @@ impl Canvas {
|
|||
self.on_intersect = None;
|
||||
self.animation_frame_handler.cancel();
|
||||
self.on_touch_end = None;
|
||||
self.common.fullscreen_handler.cancel();
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -538,29 +526,6 @@ impl Common {
|
|||
{
|
||||
EventListenerHandle::new(self.raw.clone(), event_name, Closure::new(handler))
|
||||
}
|
||||
|
||||
// The difference between add_event and add_user_event is that the latter has a special meaning
|
||||
// for browser security. A user event is a deliberate action by the user (like a mouse or key
|
||||
// press) and is the only time things like a fullscreen request may be successfully completed.)
|
||||
pub fn add_transient_event<E, F>(
|
||||
&self,
|
||||
event_name: &'static str,
|
||||
mut handler: F,
|
||||
) -> EventListenerHandle<dyn FnMut(E)>
|
||||
where
|
||||
E: 'static + AsRef<web_sys::Event> + wasm_bindgen::convert::FromWasmAbi,
|
||||
F: 'static + FnMut(E),
|
||||
{
|
||||
let fullscreen_handler = Rc::downgrade(&self.fullscreen_handler);
|
||||
|
||||
self.add_event(event_name, move |event: E| {
|
||||
handler(event);
|
||||
|
||||
if let Some(fullscreen_handler) = Weak::upgrade(&fullscreen_handler) {
|
||||
fullscreen_handler.transient_activation()
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
impl Style {
|
||||
|
|
|
|||
|
|
@ -1,6 +1,3 @@
|
|||
use std::cell::Cell;
|
||||
use std::rc::Rc;
|
||||
|
||||
use js_sys::Promise;
|
||||
use once_cell::unsync::OnceCell;
|
||||
use wasm_bindgen::closure::Closure;
|
||||
|
|
@ -8,138 +5,86 @@ use wasm_bindgen::prelude::wasm_bindgen;
|
|||
use wasm_bindgen::{JsCast, JsValue};
|
||||
use web_sys::{Document, Element, HtmlCanvasElement};
|
||||
|
||||
use super::EventListenerHandle;
|
||||
pub fn request_fullscreen(document: &Document, canvas: &HtmlCanvasElement) {
|
||||
if is_fullscreen(document, canvas) {
|
||||
return;
|
||||
}
|
||||
|
||||
thread_local! {
|
||||
static FULLSCREEN_API_SUPPORT: OnceCell<bool> = OnceCell::new();
|
||||
#[wasm_bindgen]
|
||||
extern "C" {
|
||||
#[wasm_bindgen(extends = HtmlCanvasElement)]
|
||||
type RequestFullscreen;
|
||||
|
||||
#[wasm_bindgen(method, js_name = requestFullscreen)]
|
||||
fn request_fullscreen(this: &RequestFullscreen) -> Promise;
|
||||
|
||||
#[wasm_bindgen(method, js_name = webkitRequestFullscreen)]
|
||||
fn webkit_request_fullscreen(this: &RequestFullscreen);
|
||||
}
|
||||
|
||||
let canvas: &RequestFullscreen = canvas.unchecked_ref();
|
||||
|
||||
if has_fullscreen_api_support(canvas) {
|
||||
thread_local! {
|
||||
static REJECT_HANDLER: Closure<dyn FnMut(JsValue)> = Closure::new(|_| ());
|
||||
}
|
||||
REJECT_HANDLER.with(|handler| {
|
||||
let _ = canvas.request_fullscreen().catch(handler);
|
||||
});
|
||||
} else {
|
||||
canvas.webkit_request_fullscreen();
|
||||
}
|
||||
}
|
||||
|
||||
pub struct FullscreenHandler {
|
||||
document: Document,
|
||||
canvas: HtmlCanvasElement,
|
||||
fullscreen_requested: Rc<Cell<bool>>,
|
||||
_fullscreen_change: EventListenerHandle<dyn FnMut()>,
|
||||
pub fn is_fullscreen(document: &Document, canvas: &HtmlCanvasElement) -> bool {
|
||||
#[wasm_bindgen]
|
||||
extern "C" {
|
||||
type FullscreenElement;
|
||||
|
||||
#[wasm_bindgen(method, getter, js_name = webkitFullscreenElement)]
|
||||
fn webkit_fullscreen_element(this: &FullscreenElement) -> Option<Element>;
|
||||
}
|
||||
|
||||
let element = if has_fullscreen_api_support(canvas) {
|
||||
#[allow(clippy::disallowed_methods)]
|
||||
document.fullscreen_element()
|
||||
} else {
|
||||
let document: &FullscreenElement = document.unchecked_ref();
|
||||
document.webkit_fullscreen_element()
|
||||
};
|
||||
|
||||
match element {
|
||||
Some(element) => {
|
||||
let canvas: &Element = canvas;
|
||||
canvas == &element
|
||||
}
|
||||
None => false,
|
||||
}
|
||||
}
|
||||
|
||||
impl FullscreenHandler {
|
||||
pub fn new(document: Document, canvas: HtmlCanvasElement) -> Self {
|
||||
let fullscreen_requested = Rc::new(Cell::new(false));
|
||||
let fullscreen_change = EventListenerHandle::new(
|
||||
canvas.clone(),
|
||||
if has_fullscreen_api_support(&canvas) {
|
||||
"fullscreenchange"
|
||||
} else {
|
||||
"webkitfullscreenchange"
|
||||
},
|
||||
Closure::new({
|
||||
let fullscreen_requested = fullscreen_requested.clone();
|
||||
move || {
|
||||
// It doesn't matter if the canvas entered or exitted fullscreen mode,
|
||||
// we don't want to request it again later.
|
||||
fullscreen_requested.set(false);
|
||||
}
|
||||
}),
|
||||
);
|
||||
pub fn exit_fullscreen(document: &Document, canvas: &HtmlCanvasElement) {
|
||||
#[wasm_bindgen]
|
||||
extern "C" {
|
||||
type ExitFullscreen;
|
||||
|
||||
Self {
|
||||
document,
|
||||
canvas,
|
||||
fullscreen_requested,
|
||||
_fullscreen_change: fullscreen_change,
|
||||
}
|
||||
#[wasm_bindgen(method, js_name = webkitExitFullscreen)]
|
||||
fn webkit_exit_fullscreen(this: &ExitFullscreen);
|
||||
}
|
||||
|
||||
fn internal_request_fullscreen(&self) {
|
||||
#[wasm_bindgen]
|
||||
extern "C" {
|
||||
type RequestFullscreen;
|
||||
|
||||
#[wasm_bindgen(method, js_name = requestFullscreen)]
|
||||
fn request_fullscreen(this: &RequestFullscreen) -> Promise;
|
||||
|
||||
#[wasm_bindgen(method, js_name = webkitRequestFullscreen)]
|
||||
fn webkit_request_fullscreen(this: &RequestFullscreen);
|
||||
}
|
||||
|
||||
let canvas: &RequestFullscreen = self.canvas.unchecked_ref();
|
||||
|
||||
if has_fullscreen_api_support(&self.canvas) {
|
||||
thread_local! {
|
||||
static REJECT_HANDLER: Closure<dyn FnMut(JsValue)> = Closure::new(|_| ());
|
||||
}
|
||||
REJECT_HANDLER.with(|handler| {
|
||||
let _ = canvas.request_fullscreen().catch(handler);
|
||||
});
|
||||
} else {
|
||||
canvas.webkit_request_fullscreen();
|
||||
}
|
||||
}
|
||||
|
||||
pub fn request_fullscreen(&self) {
|
||||
if !self.is_fullscreen() {
|
||||
self.internal_request_fullscreen();
|
||||
self.fullscreen_requested.set(true);
|
||||
}
|
||||
}
|
||||
|
||||
pub fn transient_activation(&self) {
|
||||
if self.fullscreen_requested.get() {
|
||||
self.internal_request_fullscreen()
|
||||
}
|
||||
}
|
||||
|
||||
pub fn is_fullscreen(&self) -> bool {
|
||||
#[wasm_bindgen]
|
||||
extern "C" {
|
||||
type FullscreenElement;
|
||||
|
||||
#[wasm_bindgen(method, getter, js_name = webkitFullscreenElement)]
|
||||
fn webkit_fullscreen_element(this: &FullscreenElement) -> Option<Element>;
|
||||
}
|
||||
|
||||
let element = if has_fullscreen_api_support(&self.canvas) {
|
||||
#[allow(clippy::disallowed_methods)]
|
||||
self.document.fullscreen_element()
|
||||
} else {
|
||||
let document: &FullscreenElement = self.document.unchecked_ref();
|
||||
document.webkit_fullscreen_element()
|
||||
};
|
||||
|
||||
match element {
|
||||
Some(element) => {
|
||||
let canvas: &Element = &self.canvas;
|
||||
canvas == &element
|
||||
}
|
||||
None => false,
|
||||
}
|
||||
}
|
||||
|
||||
pub fn exit_fullscreen(&self) {
|
||||
#[wasm_bindgen]
|
||||
extern "C" {
|
||||
type ExitFullscreen;
|
||||
|
||||
#[wasm_bindgen(method, js_name = webkitExitFullscreen)]
|
||||
fn webkit_exit_fullscreen(this: &ExitFullscreen);
|
||||
}
|
||||
|
||||
if has_fullscreen_api_support(&self.canvas) {
|
||||
#[allow(clippy::disallowed_methods)]
|
||||
self.document.exit_fullscreen()
|
||||
} else {
|
||||
let document: &ExitFullscreen = self.document.unchecked_ref();
|
||||
document.webkit_exit_fullscreen()
|
||||
}
|
||||
|
||||
self.fullscreen_requested.set(false);
|
||||
}
|
||||
|
||||
pub fn cancel(&self) {
|
||||
self.fullscreen_requested.set(false);
|
||||
if has_fullscreen_api_support(canvas) {
|
||||
#[allow(clippy::disallowed_methods)]
|
||||
document.exit_fullscreen()
|
||||
} else {
|
||||
let document: &ExitFullscreen = document.unchecked_ref();
|
||||
document.webkit_exit_fullscreen()
|
||||
}
|
||||
}
|
||||
|
||||
fn has_fullscreen_api_support(canvas: &HtmlCanvasElement) -> bool {
|
||||
thread_local! {
|
||||
static FULLSCREEN_API_SUPPORT: OnceCell<bool> = OnceCell::new();
|
||||
}
|
||||
|
||||
FULLSCREEN_API_SUPPORT.with(|support| {
|
||||
*support.get_or_init(|| {
|
||||
#[wasm_bindgen]
|
||||
|
|
|
|||
|
|
@ -80,7 +80,7 @@ impl PointerHandler {
|
|||
T: 'static + FnMut(ModifiersState, i32, PhysicalPosition<f64>, Force),
|
||||
{
|
||||
let window = canvas_common.window.clone();
|
||||
self.on_pointer_release = Some(canvas_common.add_transient_event(
|
||||
self.on_pointer_release = Some(canvas_common.add_event(
|
||||
"pointerup",
|
||||
move |event: PointerEvent| {
|
||||
let modifiers = event::mouse_modifiers(&event);
|
||||
|
|
@ -118,7 +118,7 @@ impl PointerHandler {
|
|||
{
|
||||
let window = canvas_common.window.clone();
|
||||
let canvas = canvas_common.raw.clone();
|
||||
self.on_pointer_press = Some(canvas_common.add_transient_event(
|
||||
self.on_pointer_press = Some(canvas_common.add_event(
|
||||
"pointerdown",
|
||||
move |event: PointerEvent| {
|
||||
if prevent_default {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue