{"version":3,"sources":["../../src/use-fullscreen/index.ts"],"sourcesContent":["import { useCreation } from '../use-creation'\nimport { useEventListener } from '../use-event-listener'\nimport { useLatest } from '../use-latest'\nimport { useSafeState } from '../use-safe-state'\nimport { useStableFn } from '../use-stable-fn'\nimport { useSupported } from '../use-supported'\nimport { useTargetElement } from '../use-target-element'\nimport { useUnmount } from '../use-unmount'\nimport { isDefined, isFunction, noNullish } from '../utils/basic'\nimport { EventHandlerList, getCompatibleAttr } from './compatible-attributes'\n\nimport type { ElementTarget } from '../use-target-element'\n\nexport interface UseFullscreenOptions {\n /**\n * Automatically exit fullscreen when component is unmounted\n *\n * @defaultValue false\n */\n autoExit?: boolean\n}\n\nexport interface UseFullscreenReturns {\n /**\n * Whether the browser supports fullscreen API\n */\n isSupported: boolean\n /**\n * Whether the element is in fullscreen mode\n */\n isFullscreen: boolean\n /**\n * Whether the element itself is in fullscreen mode\n */\n isSelfFullscreen: boolean\n /**\n * Enter fullscreen mode\n */\n enter(): Promise\n /**\n * Exit fullscreen mode\n */\n exit(): Promise\n /**\n * Toggle fullscreen mode\n */\n toggle(): Promise\n}\n\n/**\n * A React Hook that allows you to use the [requestFullscreen API](https://developer.mozilla.org/en-US/docs/Web/API/Element/requestFullscreen) with ease.\n */\nexport function useFullscreen(\n target: ElementTarget = 'html',\n options: UseFullscreenOptions = {},\n): UseFullscreenReturns {\n const { autoExit = false } = options\n\n const el = useTargetElement(target)\n const [isFullscreen, setIsFullscreen] = useSafeState(false)\n\n const isSupported = useSupported(() => {\n const attrs = getCompatibleAttr(el.current)\n return Object.values(attrs).every(isDefined)\n }, [el.current])\n\n const latest = useLatest({ isFullscreen, isSupported })\n\n const isCurrentElementFullscreen = useStableFn(() => {\n const { fsElement } = getCompatibleAttr(el.current)\n\n if (fsElement) {\n return Boolean(document && document[fsElement as 'fullscreenElement'] === el.current)\n }\n\n return false\n })\n\n const isElementFullscreen = useStableFn(() => {\n const { fsEnabled } = getCompatibleAttr(el.current)\n\n if (fsEnabled) {\n if (document && noNullish(document[fsEnabled as 'fullscreen'])) {\n return document[fsEnabled as 'fullscreen']\n }\n if (el.current && noNullish(el.current[fsEnabled as never])) {\n return Boolean(el.current[fsEnabled as never])\n }\n }\n return false\n })\n\n const exit = useStableFn(async () => {\n const { exit } = getCompatibleAttr(el.current)\n const { isFullscreen, isSupported } = latest.current\n\n if (!el.current || !document || !isSupported || !isFullscreen) return\n\n if (isFunction(document[exit as 'exitFullscreen'])) {\n await document[exit as 'exitFullscreen']()\n } else {\n if (isFunction(el.current[exit as never])) {\n await (el.current[exit as never] as any)?.()\n }\n }\n\n setIsFullscreen(false)\n })\n\n const enter = useStableFn(async () => {\n const { enter } = getCompatibleAttr(el.current)\n const { isFullscreen, isSupported } = latest.current\n\n if (!el.current || !isSupported || isFullscreen) return\n if (isElementFullscreen()) await exit()\n\n if (isFunction(el.current[enter as 'requestFullscreen'])) {\n await el.current[enter as 'requestFullscreen']()\n setIsFullscreen(true)\n }\n })\n\n const toggle = useStableFn(() => (latest.current.isFullscreen ? exit() : enter()))\n\n const handlerFullscreenChange = useStableFn(() => {\n const isFullscreenValue = isElementFullscreen()\n\n if (!isFullscreenValue || (isFullscreenValue && isCurrentElementFullscreen())) {\n setIsFullscreen(isFullscreenValue)\n }\n })\n\n useEventListener(() => document, [...EventHandlerList], handlerFullscreenChange, false)\n useEventListener(el, [...EventHandlerList], handlerFullscreenChange, false)\n\n useUnmount(() => autoExit && exit())\n\n const isSelfFullscreen = useCreation(() => isFullscreen && isCurrentElementFullscreen(), [isFullscreen])\n\n return {\n isSupported,\n isFullscreen,\n isSelfFullscreen,\n enter,\n exit,\n toggle,\n }\n}\n"],"names":["useFullscreen","target","options","autoExit","el","useTargetElement","useSafeState","isFullscreen","setIsFullscreen","isSupported","useSupported","attrs","getCompatibleAttr","current","Object","values","every","isDefined","latest","useLatest","isCurrentElementFullscreen","useStableFn","fsElement","Boolean","document","isElementFullscreen","fsEnabled","noNullish","exit","isFunction","enter","toggle","handlerFullscreenChange","isFullscreenValue","useEventListener","EventHandlerList","useUnmount","isSelfFullscreen","useCreation"],"mappings":"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"}