redscorpion-utils/lib/screenfull/index.js

A good JavaScript tools

const methodMap=[['requestFullscreen','exitFullscreen','fullscreenElement','fullscreenEnabled','fullscreenchange','fullscreenerror'],['webkitRequestFullscreen','webkitExitFullscreen','webkitFullscreenElement','webkitFullscreenEnabled','webkitfullscreenchange','webkitfullscreenerror'],['webkitRequestFullScreen','webkitCancelFullScreen','webkitCurrentFullScreenElement','webkitCancelFullScreen','webkitfullscreenchange','webkitfullscreenerror'],['mozRequestFullScreen','mozCancelFullScreen','mozFullScreenElement','mozFullScreenEnabled','mozfullscreenchange','mozfullscreenerror'],['msRequestFullscreen','msExitFullscreen','msFullscreenElement','msFullscreenEnabled','MSFullscreenChange','MSFullscreenError']];const nativeApi=(()=>{if(typeof document==='undefined'){return false}const unprefixedMethods=methodMap[0];const returnValue={};for(const methodList of methodMap){const exitFullscreenMethod=methodList?.[1];if(exitFullscreenMethod in document){for(const[index,method]of methodList.entries()){returnValue[unprefixedMethods[index]]=method}return returnValue}}return false})();const eventNameMap={change:nativeApi.fullscreenchange,error:nativeApi.fullscreenerror};let screenfull={request(element=document.documentElement,options){return new Promise((resolve,reject)=>{const onFullScreenEntered=()=>{screenfull.off('change',onFullScreenEntered);resolve()};screenfull.on('change',onFullScreenEntered);const returnPromise=element[nativeApi.requestFullscreen](options);if(returnPromise instanceof Promise){returnPromise.then(onFullScreenEntered).catch(reject)}})},exit(){return new Promise((resolve,reject)=>{if(!screenfull.isFullscreen){resolve();return}const onFullScreenExit=()=>{screenfull.off('change',onFullScreenExit);resolve()};screenfull.on('change',onFullScreenExit);const returnPromise=document[nativeApi.exitFullscreen]();if(returnPromise instanceof Promise){returnPromise.then(onFullScreenExit).catch(reject)}})},toggle(element,options){return screenfull.isFullscreen?screenfull.exit():screenfull.request(element,options)},onchange(callback){screenfull.on('change',callback)},onerror(callback){screenfull.on('error',callback)},on(event,callback){const eventName=eventNameMap[event];if(eventName){document.addEventListener(eventName,callback,false)}},off(event,callback){const eventName=eventNameMap[event];if(eventName){document.removeEventListener(eventName,callback,false)}},raw:nativeApi};Object.defineProperties(screenfull,{isFullscreen:{get:()=>Boolean(document[nativeApi.fullscreenElement])},element:{enumerable:true,get:()=>document[nativeApi.fullscreenElement]??undefined},isEnabled:{enumerable:true,get:()=>Boolean(document[nativeApi.fullscreenEnabled])}});if(!nativeApi){screenfull={isEnabled:false}}export default screenfull;