@zuude-ui/video 0.1.92 → 0.1.95

package/dist/chunk-2LPC7QHR.js

@@ -0,0 +1,2 @@
+import $ from"react";var X=(r,u,t)=>{$.useEffect(()=>{if(!(r!=null&&r.current)||!u)return;(async()=>{var n;try{await((n=r.current)==null?void 0:n.play())}catch(s){if(s instanceof Error&&s.name==="NotAllowedError"){if(t==null||t("NotAllowedError"),console.error("NotAllowedError"),r!=null&&r.current){r.current.muted=!0;try{await r.current.play()}catch(a){console.error(a)}}}else console.error(s)}})()},[u,r==null?void 0:r.current])};import z from"react";var i=(r,u,t=!0)=>{z.useEffect(()=>{if(!(r!=null&&r.current)||!t)return;let c=new IntersectionObserver(n=>{n.forEach(s=>{var a;r!=null&&r.current&&(s.isIntersecting?r.current.play().catch(e=>{r.current&&(r.current.pause(),r.current.muted=!0,r.current.play(),console.error(e))}):(a=r.current)==null||a.pause())})},{threshold:u!=null?u:.5});return c.observe(r==null?void 0:r.current),()=>{c.disconnect()}},[r==null?void 0:r.current])};import U from"react";var v=r=>{let[u,t]=U.useState(!1);U.useEffect(()=>{let n=()=>{t==null||t(!!document.fullscreenElement),c()};return document.addEventListener("fullscreenchange",n),()=>document.removeEventListener("fullscreenchange",n)},[u]);let c=()=>{console.log("toggleFullscreen");let n=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),s=r==null?void 0:r.current;if(s&&n){if(s.webkitEnterFullscreen){s.webkitEnterFullscreen();return}else if(s.requestFullscreen){s.requestFullscreen();return}}let a=s==null?void 0:s.closest("[data-zuude-video-wrapper]");a&&(u?(document.exitFullscreen(),s&&(s.style.objectFit="cover")):(a.requestFullscreen(),s&&(s.style.objectFit="contain")))};return{isFullscreen:u!=null?u:!1,toggleFullscreen:c}};import V from"react";var tr=r=>{let[u,t]=V.useState(!1),[c,n]=V.useState(null);return V.useEffect(()=>{if(!(r!=null&&r.current))return;t(!0);let s=()=>{var l,p;n((p=(l=r.current)==null?void 0:l.duration)!=null?p:null),t(!1)},a=()=>{t(!1)},e=r.current;if(e.duration&&!isNaN(e.duration))n(e.duration),t(!1);else return e.addEventListener("loadedmetadata",s),e.addEventListener("error",a),e.addEventListener("loadeddata",s),()=>{e.removeEventListener("loadedmetadata",s),e.removeEventListener("error",a),e.removeEventListener("loadeddata",s)}},[r]),{duration:c,isLoading:u}};import{useEffect as G}from"react";var er=(r,u,t=!0)=>{let c=n=>{n.key===r&&(n.preventDefault(),u(n))};G(()=>{if(t)return document.addEventListener("keydown",c),()=>{document.removeEventListener("keydown",c)}},[r,u,t])};import b from"react";var ar=r=>{let[u,t]=b.useState(!1),c=b.useCallback(()=>{r!=null&&r.current&&(r.current.muted=!r.current.muted)},[r==null?void 0:r.current]),n=b.useCallback(()=>{r!=null&&r.current&&(r.current.muted=!0)},[r==null?void 0:r.current]),s=b.useCallback(()=>{r!=null&&r.current&&(r.current.muted=!1)},[r==null?void 0:r.current]);return b.useEffect(()=>{if(!(r!=null&&r.current))return;t(r.current.muted);let a=()=>{r.current&&t(r.current.muted)};return r.current.addEventListener("volumechange",a),()=>{var e;(e=r.current)==null||e.removeEventListener("volumechange",a)}},[r==null?void 0:r.current]),{toggleMute:c,isMuted:u,mute:n,unmute:s}};var mr=r=>({togglePictureInPicture:async()=>{let n=r==null?void 0:r.current;if(n)try{document.pictureInPictureElement?await document.exitPictureInPicture():await n.requestPictureInPicture()}catch(s){if(/^((?!chrome|android).)*safari/i.test(navigator.userAgent))n.webkitEnterFullscreen?n.webkitEnterFullscreen():n.requestFullscreen&&n.requestFullscreen();else{let e=n.closest("[data-zuude-video-wrapper]");e&&(document.fullscreenElement?await document.exitFullscreen():await e.requestFullscreen())}}},requestPictureInPicture:async()=>{let n=r==null?void 0:r.current;n&&await n.requestPictureInPicture()},exitPictureInPicture:async()=>{r!=null&&r.current&&await document.exitPictureInPicture()}});import h from"react";var yr=r=>{let[u,t]=h.useState(!1),c=h.useCallback(()=>{r!=null&&r.current&&(r.current.paused?r.current.play():r.current.pause())},[r==null?void 0:r.current]),n=h.useCallback(()=>{r!=null&&r.current&&r.current.play()},[r==null?void 0:r.current]),s=h.useCallback(()=>{r!=null&&r.current&&r.current.pause()},[r==null?void 0:r.current]);return h.useEffect(()=>{if(!(r!=null&&r.current))return;let a=()=>{t(!0)},e=()=>{t(!1)};if(t(!(r!=null&&r.current.paused)),r!=null&&r.current)return r.current.addEventListener("play",a),r.current.addEventListener("pause",e),()=>{var l,p;(l=r.current)==null||l.removeEventListener("play",a),(p=r.current)==null||p.removeEventListener("pause",e)}},[r==null?void 0:r.current]),{togglePlay:c,isPlaying:u,play:n,pause:s}};import N from"react";var br=(r,u=10)=>{let t=N.useCallback(()=>{r!=null&&r.current&&(r.current.currentTime+=u)},[r==null?void 0:r.current]),c=N.useCallback(()=>{r!=null&&r.current&&(r.current.currentTime-=u)},[r==null?void 0:r.current]);return{seekForward:t,seekBackward:c}};import x from"react";var Lr=r=>{let[u,t]=x.useState(1),c=n=>{t(n)};return x.useEffect(()=>{r!=null&&r.current&&t(r.current.playbackRate)},[r==null?void 0:r.current]),x.useEffect(()=>{r!=null&&r.current&&(r.current.playbackRate=u)},[u,r==null?void 0:r.current]),{speed:u,onChangeSpeed:c}};import _ from"react";var Pr=(r,u)=>{_.useEffect(()=>{if(!(r!=null&&r.current)||!u)return;let t=r==null?void 0:r.current;t&&u&&(t.currentTime=u)},[u,r==null?void 0:r.current])};import w from"react";var Sr=(r,u=10)=>{let[t,c]=w.useState(!1),[n,s]=w.useState(0);return w.useEffect(()=>{if(r!=null&&r.current&&t){let e=setInterval(()=>{var l;s(((l=r.current)==null?void 0:l.currentTime)||0)},u);return()=>clearInterval(e)}},[r==null?void 0:r.current,t]),w.useEffect(()=>{if(r!=null&&r.current)return r.current.addEventListener("play",()=>c(!0)),r.current.addEventListener("pause",()=>c(!1)),()=>{var e,l;(e=r.current)==null||e.removeEventListener("play",()=>c(!0)),(l=r.current)==null||l.removeEventListener("pause",()=>c(!1))}},[r==null?void 0:r.current]),{currentTime:n,onTimeUpdate:e=>{r!=null&&r.current&&(s(e),r.current.currentTime=e)}}};import{useEffect as P,useState as k}from"react";var Dr=r=>{let[u,t]=k(!1),[c,n]=k(!1),[s,a]=k(!1);return P(()=>{let e=r.current;if(e)return e.addEventListener("play",()=>t(!0)),e.addEventListener("pause",()=>t(!1)),()=>{e.removeEventListener("play",()=>t(!0)),e.removeEventListener("pause",()=>t(!1))}},[r]),P(()=>{if(!(r!=null&&r.current))return;n(r.current.muted);let e=()=>{r.current&&n(r.current.muted)};return r.current.addEventListener("volumechange",e),()=>{var l;(l=r.current)==null||l.removeEventListener("volumechange",e)}},[r]),P(()=>{if(!(r!=null&&r.current))return;let e=()=>{a(!!document.fullscreenElement)};return document.addEventListener("fullscreenchange",e),()=>document.removeEventListener("fullscreenchange",e)},[r]),{isPlaying:u,isMuted:c,isFullscreen:s}};import I from"react";var jr=(r,u=100)=>{let[t,c]=I.useState(u),n=s=>{c(s)};return I.useEffect(()=>{r!=null&&r.current&&c(r.current.volume*100)},[r==null?void 0:r.current]),I.useEffect(()=>{r!=null&&r.current&&(r.current.volume=t/100)},[t,r==null?void 0:r.current]),{volume:t,onChangeVolume:n}};import L from"react";var Br=(r,u)=>{let[t,c]=L.useState(!1),[n,s]=L.useState(0);return L.useEffect(()=>{if(r!=null&&r.current&&t){let a=setInterval(()=>{var e;(e=r.current)!=null&&e.buffered.length&&s(r.current.buffered.end(r.current.buffered.length-1))},10);return()=>clearInterval(a)}},[r==null?void 0:r.current,t]),L.useEffect(()=>{if(r!=null&&r.current)return r.current.addEventListener("play",()=>c(!0)),r.current.addEventListener("pause",()=>c(!1)),()=>{var a,e;(a=r.current)==null||a.removeEventListener("play",()=>c(!0)),(e=r.current)==null||e.removeEventListener("pause",()=>c(!1))}},[]),{buffered:n,bufferedPercentage:n/(u||0)*100||0}};import{useEffect as J,useState as S,useCallback as B}from"react";var Hr=r=>{let[u,t]=S(!1),[c,n]=S(0),[s,a]=S(null),e=B(async p=>{var m;if(!(r!=null&&r.current)){a("Video element not found");return}let y=r.current,E=y.src||y.currentSrc;if(!E){a("No video source found");return}try{t(!0),a(null),n(0);let o=await fetch(E);if(!o.ok)throw new Error(`Failed to fetch video: ${o.statusText}`);let F=o.headers.get("content-length"),C=F?parseInt(F,10):0,T=(m=o.body)==null?void 0:m.getReader();if(!T)throw new Error("Failed to create download stream");let D=[],q=0;for(;;){let{done:H,value:j}=await T.read();if(H)break;if(D.push(j),q+=j.length,C>0){let K=q/C*100;n(Math.round(K))}}let O=new Blob(D,{type:o.headers.get("content-type")||"video/mp4"}),M=URL.createObjectURL(O),g=document.createElement("a");g.href=M;let A=p||`video-${Date.now()}.mp4`;g.download=A,document.body.appendChild(g),g.click(),document.body.removeChild(g),URL.revokeObjectURL(M),n(100),t(!1)}catch(o){a(o instanceof Error?o.message:"Download failed"),t(!1),n(0)}},[r]),l=B(p=>{if(!(r!=null&&r.current)){a("Video element not found");return}let y=r.current,E=y.src||y.currentSrc;if(!E){a("No video source found");return}try{t(!0),a(null),n(0);let m=document.createElement("a");m.href=E,m.download=p||`video-${Date.now()}.mp4`,m.target="_blank",document.body.appendChild(m),m.click(),document.body.removeChild(m),t(!1),n(100)}catch(m){a(m instanceof Error?m.message:"Download failed"),t(!1),n(0)}},[r]);return J(()=>()=>{t(!1),n(0),a(null)},[]),{downloadVideo:e,downloadDirect:l,isDownloading:u,downloadProgress:c,error:s,resetError:()=>a(null)}};import Q from"react";var zr=(r,u)=>{Q.useEffect(()=>{if(!(r!=null&&r.current)||!u)return;let t=r.current;if(t){let c=()=>{(t.currentTime>=u[1]||t.currentTime<=u[0])&&(t.currentTime=u[0])};return t.addEventListener("timeupdate",c),()=>{t.removeEventListener("timeupdate",c)}}},[u,r==null?void 0:r.current])};export{X as a,er as b,br as c,yr as d,ar as e,v as f,mr as g,i as h,tr as i,Lr as j,Pr as k,Sr as l,Dr as m,jr as n,Br as o,Hr as p,zr as q};
+//# sourceMappingURL=chunk-2LPC7QHR.js.map

package/dist/chunk-2LPC7QHR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-autoplay-by-force.tsx","../src/hooks/use-autoplay-on-visible.tsx","../src/hooks/use-fullscreen.tsx","../src/hooks/use-get-duration.tsx","../src/hooks/use-hot-keys.tsx","../src/hooks/use-mute-unmute.tsx","../src/hooks/use-picture-in-picture.tsx","../src/hooks/use-play-pause.tsx","../src/hooks/use-seek.tsx","../src/hooks/use-speed.tsx","../src/hooks/use-start-at.tsx","../src/hooks/use-current-time.tsx","../src/hooks/use-video-state.tsx","../src/hooks/use-volume.tsx","../src/hooks/use-buffer.tsx","../src/hooks/use-download.tsx","../src/hooks/use-range.tsx"],"sourcesContent":["import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useAutoplayByForce = (\n  videoRef: VideoRef,\n  enabled: boolean,\n  setError?: (error: string | null) => void\n) => {\n  React.useEffect(() => {\n    if (!videoRef?.current || !enabled) return;\n\n    const playVideo = async () => {\n      try {\n        await videoRef.current?.play();\n      } catch (error) {\n        // If autoplay fails, try muting and playing again\n        if (error instanceof Error && error.name === \"NotAllowedError\") {\n          setError?.(\"NotAllowedError\");\n          console.error(\"NotAllowedError\");\n          if (videoRef?.current) {\n            videoRef.current.muted = true;\n            try {\n              await videoRef.current.play();\n            } catch (retryError) {\n              console.error(retryError);\n            }\n          }\n        } else {\n          console.error(error);\n        }\n      }\n    };\n\n    playVideo();\n  }, [enabled, videoRef?.current]);\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useAutoplayOnVisible = (\n  videoRef: VideoRef,\n  threshold: number | undefined,\n  enabled = true\n) => {\n  React.useEffect(() => {\n    if (!videoRef?.current || !enabled) return;\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (!videoRef?.current) return;\n\n          if (entry.isIntersecting) {\n            videoRef.current.play().catch((error) => {\n              if (!videoRef.current) return;\n\n              videoRef.current.pause();\n              videoRef.current.muted = true;\n              videoRef.current.play();\n              console.error(error);\n            });\n          } else {\n            videoRef.current?.pause();\n          }\n        });\n      },\n      { threshold: threshold ?? 0.5 }\n    );\n\n    observer.observe(videoRef?.current);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [videoRef?.current]);\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nconst useFullscreen = (videoRef: VideoRef) => {\n  const [isFullscreen, setIsFullscreen] = React.useState(false);\n\n  React.useEffect(() => {\n    const handleFullscreenChange = () => {\n      setIsFullscreen?.(!!document.fullscreenElement);\n      toggleFullscreen();\n    };\n\n    document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\n    return () =>\n      document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\n  }, [isFullscreen]);\n\n  const toggleFullscreen = () => {\n    console.log(\"toggleFullscreen\");\n    const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\n    const video = videoRef?.current;\n\n    if (video && isSafari) {\n      if ((video as any).webkitEnterFullscreen) {\n        (video as any).webkitEnterFullscreen();\n        return;\n      } else if (video.requestFullscreen) {\n        video.requestFullscreen();\n        return;\n      }\n    }\n\n    const videoContainer = video?.closest(\n      \"[data-zuude-video-wrapper]\"\n    ) as HTMLElement;\n\n    if (videoContainer) {\n      if (!isFullscreen) {\n        videoContainer.requestFullscreen();\n        if (video) {\n          video.style.objectFit = \"contain\";\n        }\n      } else {\n        document.exitFullscreen();\n        if (video) {\n          video.style.objectFit = \"cover\";\n        }\n      }\n    }\n  };\n\n  return { isFullscreen: isFullscreen ?? false, toggleFullscreen };\n};\n\nexport { useFullscreen };\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useGetDuration = (videoRef: VideoRef) => {\n  const [isLoading, setIsLoading] = React.useState(false);\n  const [duration, setDuration] = React.useState<number | null>(null);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    setIsLoading(true);\n\n    const getDuration = () => {\n      setDuration(videoRef.current?.duration ?? null);\n      setIsLoading(false);\n    };\n\n    const handleError = () => {\n      setIsLoading(false);\n    };\n\n    const video = videoRef.current;\n\n    // Check if duration is already available\n    if (video.duration && !isNaN(video.duration)) {\n      setDuration(video.duration);\n      setIsLoading(false);\n    } else {\n      // Add event listeners\n      video.addEventListener(\"loadedmetadata\", getDuration);\n      video.addEventListener(\"error\", handleError);\n      video.addEventListener(\"loadeddata\", getDuration);\n\n      return () => {\n        video.removeEventListener(\"loadedmetadata\", getDuration);\n        video.removeEventListener(\"error\", handleError);\n        video.removeEventListener(\"loadeddata\", getDuration);\n      };\n    }\n  }, [videoRef]);\n\n  return { duration, isLoading };\n};\n","import { useEffect } from \"react\";\n\nexport const useHotKeys = (\n  key: string,\n  func: (event: KeyboardEvent) => void,\n  enabled = true\n) => {\n  const handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === key) {\n      event.preventDefault();\n      func(event);\n    }\n  };\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [key, func, enabled]);\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useMuteUnmute = (videoRef: VideoRef) => {\n  const [isMuted, setIsMuted] = React.useState(false);\n\n  const toggleMute = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.muted = !videoRef.current.muted;\n    }\n  }, [videoRef?.current]);\n\n  const mute = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.muted = true;\n    }\n  }, [videoRef?.current]);\n\n  const unmute = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.muted = false;\n    }\n  }, [videoRef?.current]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    // Set the initial state\n    setIsMuted(videoRef.current.muted);\n\n    const handleVolumeChange = () => {\n      if (videoRef.current) {\n        setIsMuted(videoRef.current.muted);\n      }\n    };\n\n    videoRef.current.addEventListener(\"volumechange\", handleVolumeChange);\n\n    return () => {\n      videoRef.current?.removeEventListener(\"volumechange\", handleVolumeChange);\n    };\n  }, [videoRef?.current]);\n\n  return { toggleMute, isMuted, mute, unmute };\n};\n","import type { VideoRef } from \"../types\";\n\nexport const usePictureInPicture = (videoRef: VideoRef) => {\n  const togglePictureInPicture = async () => {\n    const video = videoRef?.current;\n    if (!video) return;\n\n    try {\n      if (document.pictureInPictureElement) {\n        await document.exitPictureInPicture();\n      } else {\n        await video.requestPictureInPicture();\n      }\n    } catch (error) {\n      // Fallback for browsers that don't support PiP\n      const isSafari = /^((?!chrome|android).)*safari/i.test(\n        navigator.userAgent\n      );\n\n      if (isSafari) {\n        if ((video as any).webkitEnterFullscreen) {\n          (video as any).webkitEnterFullscreen();\n        } else if (video.requestFullscreen) {\n          video.requestFullscreen();\n        }\n      } else {\n        const videoContainer = video.closest(\n          \"[data-zuude-video-wrapper]\"\n        ) as HTMLElement;\n        if (videoContainer) {\n          if (!document.fullscreenElement) {\n            await videoContainer.requestFullscreen();\n          } else {\n            await document.exitFullscreen();\n          }\n        }\n      }\n    }\n  };\n\n  const requestPictureInPicture = async () => {\n    const video = videoRef?.current;\n    if (!video) return;\n    await video.requestPictureInPicture();\n  };\n\n  const exitPictureInPicture = async () => {\n    const video = videoRef?.current;\n    if (!video) return;\n    await document.exitPictureInPicture();\n  };\n\n  return {\n    togglePictureInPicture,\n    requestPictureInPicture,\n    exitPictureInPicture,\n  };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const usePlayPause = (videoRef: VideoRef) => {\n  const [isPlaying, setIsPlaying] = React.useState(false);\n\n  const togglePlay = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.paused\n        ? videoRef.current.play()\n        : videoRef.current.pause();\n    }\n  }, [videoRef?.current]);\n\n  const play = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.play();\n    }\n  }, [videoRef?.current]);\n\n  const pause = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.pause();\n    }\n  }, [videoRef?.current]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    const handlePlay = () => {\n      setIsPlaying(true);\n    };\n    const handlePause = () => {\n      setIsPlaying(false);\n    };\n\n    setIsPlaying(!videoRef?.current.paused);\n\n    if (videoRef?.current) {\n      videoRef.current.addEventListener(\"play\", handlePlay);\n      videoRef.current.addEventListener(\"pause\", handlePause);\n\n      return () => {\n        videoRef.current?.removeEventListener(\"play\", handlePlay);\n        videoRef.current?.removeEventListener(\"pause\", handlePause);\n      };\n    }\n  }, [videoRef?.current]);\n\n  return { togglePlay, isPlaying, play, pause };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useSeek = (videoRef: VideoRef, value = 10) => {\n  const seekForward = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.currentTime += value;\n    }\n  }, [videoRef?.current]);\n\n  const seekBackward = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.currentTime -= value;\n    }\n  }, [videoRef?.current]);\n\n  return { seekForward, seekBackward };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useSpeed = (videoRef: VideoRef) => {\n  const [speed, setSpeed] = React.useState(1);\n\n  const onChangeSpeed = (speed: number) => {\n    setSpeed(speed);\n  };\n\n  // Get the speed from the video element\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n    setSpeed(videoRef.current.playbackRate);\n  }, [videoRef?.current]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    videoRef.current.playbackRate = speed;\n  }, [speed, videoRef?.current]);\n\n  return { speed, onChangeSpeed };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useStartAt = (videoRef: VideoRef, startAt: number) => {\n  React.useEffect(() => {\n    if (!videoRef?.current || !startAt) return;\n\n    const video = videoRef?.current;\n    if (video && startAt) {\n      video.currentTime = startAt;\n    }\n  }, [startAt, videoRef?.current]);\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types.js\";\n\nexport const useCurrentTime = (videoRef: VideoRef, interval = 10) => {\n  const [isPlaying, setIsPlaying] = React.useState(false);\n  const [currentTime, setCurrentTime] = React.useState(0);\n\n  React.useEffect(() => {\n    if (videoRef?.current && isPlaying) {\n      const intervalId = setInterval(() => {\n        setCurrentTime(videoRef.current?.currentTime || 0);\n      }, interval);\n\n      return () => clearInterval(intervalId);\n    }\n  }, [videoRef?.current, isPlaying]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    videoRef.current.addEventListener(\"play\", () => setIsPlaying(true));\n    videoRef.current.addEventListener(\"pause\", () => setIsPlaying(false));\n\n    return () => {\n      videoRef.current?.removeEventListener(\"play\", () => setIsPlaying(true));\n      videoRef.current?.removeEventListener(\"pause\", () => setIsPlaying(false));\n    };\n  }, [videoRef?.current]);\n\n  const onTimeUpdate = (time: number) => {\n    if (videoRef?.current) {\n      setCurrentTime(time);\n      videoRef.current.currentTime = time;\n    }\n  };\n\n  return {\n    currentTime,\n    onTimeUpdate,\n  };\n};\n","import { RefObject, useEffect, useState } from \"react\";\n\nconst useVideoState = (videoRef: RefObject<HTMLVideoElement | null>) => {\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [isMuted, setIsMuted] = useState(false);\n  const [isFullscreen, setIsFullscreen] = useState(false);\n\n  useEffect(() => {\n    const video = videoRef.current;\n\n    if (video) {\n      video.addEventListener(\"play\", () => setIsPlaying(true));\n      video.addEventListener(\"pause\", () => setIsPlaying(false));\n\n      return () => {\n        video.removeEventListener(\"play\", () => setIsPlaying(true));\n        video.removeEventListener(\"pause\", () => setIsPlaying(false));\n      };\n    }\n  }, [videoRef]);\n\n  useEffect(() => {\n    if (!videoRef?.current) return;\n\n    // Set the initial state\n    setIsMuted(videoRef.current.muted);\n\n    const handleVolumeChange = () => {\n      if (videoRef.current) {\n        setIsMuted(videoRef.current.muted);\n      }\n    };\n\n    videoRef.current.addEventListener(\"volumechange\", handleVolumeChange);\n\n    return () => {\n      videoRef.current?.removeEventListener(\"volumechange\", handleVolumeChange);\n    };\n  }, [videoRef]);\n\n  useEffect(() => {\n    if (!videoRef?.current) return;\n\n    const handleFullscreenChange = () => {\n      setIsFullscreen(!!document.fullscreenElement);\n    };\n\n    document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\n    return () =>\n      document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\n  }, [videoRef]);\n\n  return { isPlaying, isMuted, isFullscreen };\n};\n\nexport { useVideoState };\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useVolume = (videoRef: VideoRef, initialVolume = 100) => {\n  const [volume, setVolume] = React.useState(initialVolume);\n\n  const onChangeVolume = (volume: number) => {\n    setVolume(volume);\n  };\n\n  // Get the volume from the video element\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n    setVolume(videoRef.current.volume * 100);\n  }, [videoRef?.current]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    videoRef.current.volume = volume / 100;\n  }, [volume, videoRef?.current]);\n\n  return { volume, onChangeVolume };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types.js\";\n\nexport const useBuffer = (videoRef: VideoRef, duration?: number) => {\n  const [isPlaying, setIsPlaying] = React.useState(false);\n  const [buffered, setBuffered] = React.useState(0);\n\n  React.useEffect(() => {\n    if (videoRef?.current && isPlaying) {\n      const intervalId = setInterval(() => {\n        if (videoRef.current?.buffered.length) {\n          setBuffered(\n            videoRef.current.buffered.end(videoRef.current.buffered.length - 1)\n          );\n        }\n      }, 10);\n\n      return () => clearInterval(intervalId);\n    }\n  }, [videoRef?.current, isPlaying]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    videoRef.current.addEventListener(\"play\", () => setIsPlaying(true));\n    videoRef.current.addEventListener(\"pause\", () => setIsPlaying(false));\n\n    return () => {\n      videoRef.current?.removeEventListener(\"play\", () => setIsPlaying(true));\n      videoRef.current?.removeEventListener(\"pause\", () => setIsPlaying(false));\n    };\n  }, []);\n\n  return {\n    buffered,\n    bufferedPercentage: (buffered / (duration || 0)) * 100 || 0,\n  };\n};\n","import { useEffect, useState, useCallback } from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useDownload = (videoRef: VideoRef) => {\n  const [isDownloading, setIsDownloading] = useState(false);\n  const [downloadProgress, setDownloadProgress] = useState(0);\n  const [error, setError] = useState<string | null>(null);\n\n  const downloadVideo = useCallback(\n    async (filename?: string) => {\n      if (!videoRef?.current) {\n        setError(\"Video element not found\");\n        return;\n      }\n\n      const video = videoRef.current;\n      const videoSrc = video.src || video.currentSrc;\n\n      if (!videoSrc) {\n        setError(\"No video source found\");\n        return;\n      }\n\n      try {\n        setIsDownloading(true);\n        setError(null);\n        setDownloadProgress(0);\n\n        // Fetch the video file\n        const response = await fetch(videoSrc);\n\n        if (!response.ok) {\n          throw new Error(`Failed to fetch video: ${response.statusText}`);\n        }\n\n        // Get the content length for progress tracking\n        const contentLength = response.headers.get(\"content-length\");\n        const total = contentLength ? parseInt(contentLength, 10) : 0;\n\n        // Create a readable stream to track progress\n        const reader = response.body?.getReader();\n        if (!reader) {\n          throw new Error(\"Failed to create download stream\");\n        }\n\n        const chunks: BlobPart[] = [];\n        let receivedLength = 0;\n\n        while (true) {\n          const { done, value } = await reader.read();\n\n          if (done) break;\n\n          chunks.push(value);\n          receivedLength += value.length;\n\n          if (total > 0) {\n            const progress = (receivedLength / total) * 100;\n            setDownloadProgress(Math.round(progress));\n          }\n        }\n\n        // Combine chunks into a single blob\n        const blob = new Blob(chunks, {\n          type: response.headers.get(\"content-type\") || \"video/mp4\",\n        });\n\n        // Create download link\n        const url = URL.createObjectURL(blob);\n        const link = document.createElement(\"a\");\n        link.href = url;\n\n        // Generate filename if not provided\n        const defaultFilename = filename || `video-${Date.now()}.mp4`;\n        link.download = defaultFilename;\n\n        // Trigger download\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n\n        // Clean up\n        URL.revokeObjectURL(url);\n\n        setDownloadProgress(100);\n        setIsDownloading(false);\n      } catch (err) {\n        setError(err instanceof Error ? err.message : \"Download failed\");\n        setIsDownloading(false);\n        setDownloadProgress(0);\n      }\n    },\n    [videoRef]\n  );\n\n  // Alternative simple download method for direct video URLs\n  const downloadDirect = useCallback(\n    (filename?: string) => {\n      if (!videoRef?.current) {\n        setError(\"Video element not found\");\n        return;\n      }\n\n      const video = videoRef.current;\n      const videoSrc = video.src || video.currentSrc;\n\n      if (!videoSrc) {\n        setError(\"No video source found\");\n        return;\n      }\n\n      try {\n        setIsDownloading(true);\n        setError(null);\n        setDownloadProgress(0);\n\n        const link = document.createElement(\"a\");\n        link.href = videoSrc;\n        link.download = filename || `video-${Date.now()}.mp4`;\n        link.target = \"_blank\";\n\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n\n        setIsDownloading(false);\n        setDownloadProgress(100);\n      } catch (err) {\n        setError(err instanceof Error ? err.message : \"Download failed\");\n        setIsDownloading(false);\n        setDownloadProgress(0);\n      }\n    },\n    [videoRef]\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      setIsDownloading(false);\n      setDownloadProgress(0);\n      setError(null);\n    };\n  }, []);\n\n  return {\n    downloadVideo,\n    downloadDirect,\n    isDownloading,\n    downloadProgress,\n    error,\n    resetError: () => setError(null),\n  };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useRange = (videoRef: VideoRef, range: [number, number]) => {\n  React.useEffect(() => {\n    if (!videoRef?.current || !range) return;\n\n    const video = videoRef.current;\n\n    if (video) {\n      const handleTimeUpdate = () => {\n        if (video.currentTime >= range[1]) {\n          video.currentTime = range[0];\n        } else if (video.currentTime <= range[0]) {\n          video.currentTime = range[0];\n        }\n      };\n\n      video.addEventListener(\"timeupdate\", handleTimeUpdate);\n\n      return () => {\n        video.removeEventListener(\"timeupdate\", handleTimeUpdate);\n      };\n    }\n  }, [range, videoRef?.current]);\n};\n"],"mappings":"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","names":["React","useAutoplayByForce","videoRef","enabled","setError","_a","error","retryError","React","useAutoplayOnVisible","videoRef","threshold","enabled","observer","entries","entry","_a","error","React","useFullscreen","videoRef","isFullscreen","setIsFullscreen","handleFullscreenChange","toggleFullscreen","isSafari","video","videoContainer","React","useGetDuration","videoRef","isLoading","setIsLoading","duration","setDuration","getDuration","_a","_b","handleError","video","useEffect","useHotKeys","key","func","enabled","handleKeyDown","event","React","useMuteUnmute","videoRef","isMuted","setIsMuted","toggleMute","mute","unmute","handleVolumeChange","_a","usePictureInPicture","videoRef","video","error","videoContainer","React","usePlayPause","videoRef","isPlaying","setIsPlaying","togglePlay","play","pause","handlePlay","handlePause","_a","_b","React","useSeek","videoRef","value","seekForward","seekBackward","React","useSpeed","videoRef","speed","setSpeed","onChangeSpeed","React","useStartAt","videoRef","startAt","video","React","useCurrentTime","videoRef","interval","isPlaying","setIsPlaying","currentTime","setCurrentTime","intervalId","_a","_b","time","useEffect","useState","useVideoState","videoRef","isPlaying","setIsPlaying","isMuted","setIsMuted","isFullscreen","setIsFullscreen","video","handleVolumeChange","_a","handleFullscreenChange","React","useVolume","videoRef","initialVolume","volume","setVolume","onChangeVolume","React","useBuffer","videoRef","duration","isPlaying","setIsPlaying","buffered","setBuffered","intervalId","_a","_b","useEffect","useState","useCallback","useDownload","videoRef","isDownloading","setIsDownloading","downloadProgress","setDownloadProgress","error","setError","downloadVideo","filename","_a","video","videoSrc","response","contentLength","total","reader","chunks","receivedLength","done","value","progress","blob","url","link","defaultFilename","err","downloadDirect","React","useRange","videoRef","range","video","handleTimeUpdate"]}

package/dist/hooks/index.cjs

@@ -1,2 +1,2 @@
-"use strict";var W=Object.create;var k=Object.defineProperty;var X=Object.getOwnPropertyDescriptor;var Y=Object.getOwnPropertyNames;var Z=Object.getPrototypeOf,i=Object.prototype.hasOwnProperty;var f=(r,n)=>{for(var t in n)k(r,t,{get:n[t],enumerable:!0})},O=(r,n,t,c)=>{if(n&&typeof n=="object"||typeof n=="function")for(let u of Y(n))!i.call(r,u)&&u!==t&&k(r,u,{get:()=>n[u],enumerable:!(c=X(n,u))||c.enumerable});return r};var m=(r,n,t)=>(t=r!=null?W(Z(r)):{},O(n||!r||!r.__esModule?k(t,"default",{value:r,enumerable:!0}):t,r)),d=r=>O(k({},"__esModule",{value:!0}),r);var br={};f(br,{useAutoplayByForce:()=>v,useAutoplayOnVisible:()=>R,useBuffer:()=>yr,useCurrentTime:()=>mr,useDownload:()=>Er,useFullscreen:()=>rr,useGetDuration:()=>tr,useHotKeys:()=>nr,useMuteUnmute:()=>ur,usePictureInPicture:()=>er,usePlayPause:()=>cr,useRange:()=>gr,useSeek:()=>sr,useSpeed:()=>ar,useStartAt:()=>lr,useVideoState:()=>pr,useVolume:()=>or});module.exports=d(br);var B=m(require("react"),1),v=(r,n,t)=>{B.default.useEffect(()=>{if(!(r!=null&&r.current)||!n)return;(async()=>{var u;try{await((u=r.current)==null?void 0:u.play())}catch(s){if(s instanceof Error&&s.name==="NotAllowedError"){if(t==null||t("NotAllowedError"),console.error("NotAllowedError"),r!=null&&r.current){r.current.muted=!0;try{await r.current.play()}catch(a){console.error(a)}}}else console.error(s)}})()},[n,r==null?void 0:r.current])};var H=m(require("react"),1),R=(r,n,t=!0)=>{H.default.useEffect(()=>{if(!(r!=null&&r.current)||!t)return;let c=new IntersectionObserver(u=>{u.forEach(s=>{var a;r!=null&&r.current&&(s.isIntersecting?r.current.play().catch(e=>{r.current&&(r.current.pause(),r.current.muted=!0,r.current.play(),console.error(e))}):(a=r.current)==null||a.pause())})},{threshold:n!=null?n:.5});return c.observe(r==null?void 0:r.current),()=>{c.disconnect()}},[r==null?void 0:r.current])};var C=m(require("react"),1),rr=r=>{let[n,t]=C.default.useState(!1);C.default.useEffect(()=>{let u=()=>{t==null||t(!!document.fullscreenElement),c()};return document.addEventListener("fullscreenchange",u),()=>document.removeEventListener("fullscreenchange",u)},[n]);let c=()=>{console.log("toggleFullscreen");let u=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),s=r==null?void 0:r.current;if(s&&u){if(s.webkitEnterFullscreen){s.webkitEnterFullscreen();return}else if(s.requestFullscreen){s.requestFullscreen();return}}let a=s==null?void 0:s.closest("[data-zuude-video-wrapper]");a&&(n?(document.exitFullscreen(),s&&(s.style.objectFit="cover")):(a.requestFullscreen(),s&&(s.style.objectFit="contain")))};return{isFullscreen:n!=null?n:!1,toggleFullscreen:c}};var I=m(require("react"),1),tr=r=>{let[n,t]=I.default.useState(!1),[c,u]=I.default.useState(null);return I.default.useEffect(()=>{if(!(r!=null&&r.current))return;t(!0);let s=()=>{var l,o;u((o=(l=r.current)==null?void 0:l.duration)!=null?o:null),t(!1)},a=()=>{t(!1)},e=r.current;if(e.duration&&!isNaN(e.duration))u(e.duration),t(!1);else return e.addEventListener("loadedmetadata",s),e.addEventListener("error",a),e.addEventListener("loadeddata",s),()=>{e.removeEventListener("loadedmetadata",s),e.removeEventListener("error",a),e.removeEventListener("loadeddata",s)}},[r]),{duration:c,isLoading:n}};var K=require("react"),nr=(r,n,t=!0)=>{let c=u=>{u.key===r&&(u.preventDefault(),n(u))};(0,K.useEffect)(()=>{if(t)return document.addEventListener("keydown",c),()=>{document.removeEventListener("keydown",c)}},[r,n,t])};var b=m(require("react"),1),ur=r=>{let[n,t]=b.default.useState(!1),c=b.default.useCallback(()=>{r!=null&&r.current&&(r.current.muted=!r.current.muted)},[r==null?void 0:r.current]),u=b.default.useCallback(()=>{r!=null&&r.current&&(r.current.muted=!0)},[r==null?void 0:r.current]),s=b.default.useCallback(()=>{r!=null&&r.current&&(r.current.muted=!1)},[r==null?void 0:r.current]);return b.default.useEffect(()=>{if(!(r!=null&&r.current))return;t(r.current.muted);let a=()=>{r.current&&t(r.current.muted)};return r.current.addEventListener("volumechange",a),()=>{var e;(e=r.current)==null||e.removeEventListener("volumechange",a)}},[r==null?void 0:r.current]),{toggleMute:c,isMuted:n,mute:u,unmute:s}};var er=r=>({togglePictureInPicture:async()=>{let u=r==null?void 0:r.current;if(u)try{document.pictureInPictureElement?await document.exitPictureInPicture():await u.requestPictureInPicture()}catch(s){if(/^((?!chrome|android).)*safari/i.test(navigator.userAgent))u.webkitEnterFullscreen?u.webkitEnterFullscreen():u.requestFullscreen&&u.requestFullscreen();else{let e=u.closest("[data-zuude-video-wrapper]");e&&(document.fullscreenElement?await document.exitFullscreen():await e.requestFullscreen())}}},requestPictureInPicture:async()=>{let u=r==null?void 0:r.current;u&&await u.requestPictureInPicture()},exitPictureInPicture:async()=>{r!=null&&r.current&&await document.exitPictureInPicture()}});var h=m(require("react"),1),cr=r=>{let[n,t]=h.default.useState(!1),c=h.default.useCallback(()=>{r!=null&&r.current&&(r.current.paused?r.current.play():r.current.pause())},[r==null?void 0:r.current]),u=h.default.useCallback(()=>{r!=null&&r.current&&r.current.play()},[r==null?void 0:r.current]),s=h.default.useCallback(()=>{r!=null&&r.current&&r.current.pause()},[r==null?void 0:r.current]);return h.default.useEffect(()=>{if(!(r!=null&&r.current))return;let a=()=>{t(!0)},e=()=>{t(!1)};if(t(!(r!=null&&r.current.paused)),r!=null&&r.current)return r.current.addEventListener("play",a),r.current.addEventListener("pause",e),()=>{var l,o;(l=r.current)==null||l.removeEventListener("play",a),(o=r.current)==null||o.removeEventListener("pause",e)}},[r==null?void 0:r.current]),{togglePlay:c,isPlaying:n,play:u,pause:s}};var T=m(require("react"),1),sr=(r,n=10)=>{let t=T.default.useCallback(()=>{r!=null&&r.current&&(r.current.currentTime+=n)},[r==null?void 0:r.current]),c=T.default.useCallback(()=>{r!=null&&r.current&&(r.current.currentTime-=n)},[r==null?void 0:r.current]);return{seekForward:t,seekBackward:c}};var S=m(require("react"),1),ar=r=>{let[n,t]=S.default.useState(1),c=u=>{t(u)};return S.default.useEffect(()=>{r!=null&&r.current&&t(r.current.playbackRate)},[r==null?void 0:r.current]),S.default.useEffect(()=>{r!=null&&r.current&&(r.current.playbackRate=n)},[n,r==null?void 0:r.current]),{speed:n,onChangeSpeed:c}};var $=m(require("react"),1),lr=(r,n)=>{$.default.useEffect(()=>{if(!(r!=null&&r.current)||!n)return;let t=r==null?void 0:r.current;t&&n&&(t.currentTime=n)},[n,r==null?void 0:r.current])};var x=m(require("react"),1),mr=(r,n=10)=>{let[t,c]=x.default.useState(!1),[u,s]=x.default.useState(0);return x.default.useEffect(()=>{if(r!=null&&r.current&&t){let e=setInterval(()=>{var l;s(((l=r.current)==null?void 0:l.currentTime)||0)},n);return()=>clearInterval(e)}},[r==null?void 0:r.current,t]),x.default.useEffect(()=>{if(r!=null&&r.current)return r.current.addEventListener("play",()=>c(!0)),r.current.addEventListener("pause",()=>c(!1)),()=>{var e,l;(e=r.current)==null||e.removeEventListener("play",()=>c(!0)),(l=r.current)==null||l.removeEventListener("pause",()=>c(!1))}},[r==null?void 0:r.current]),{currentTime:u,onTimeUpdate:e=>{r!=null&&r.current&&(s(e),r.current.currentTime=e)}}};var g=require("react"),pr=r=>{let[n,t]=(0,g.useState)(!1),[c,u]=(0,g.useState)(!1),[s,a]=(0,g.useState)(!1);return(0,g.useEffect)(()=>{let e=r.current;if(e)return e.addEventListener("play",()=>t(!0)),e.addEventListener("pause",()=>t(!1)),()=>{e.removeEventListener("play",()=>t(!0)),e.removeEventListener("pause",()=>t(!1))}},[r]),(0,g.useEffect)(()=>{if(!(r!=null&&r.current))return;u(r.current.muted);let e=()=>{r.current&&u(r.current.muted)};return r.current.addEventListener("volumechange",e),()=>{var l;(l=r.current)==null||l.removeEventListener("volumechange",e)}},[r]),(0,g.useEffect)(()=>{if(!(r!=null&&r.current))return;let e=()=>{a(!!document.fullscreenElement)};return document.addEventListener("fullscreenchange",e),()=>document.removeEventListener("fullscreenchange",e)},[r]),{isPlaying:n,isMuted:c,isFullscreen:s}};var F=m(require("react"),1),or=(r,n=100)=>{let[t,c]=F.default.useState(n),u=s=>{c(s)};return F.default.useEffect(()=>{r!=null&&r.current&&c(r.current.volume*100)},[r==null?void 0:r.current]),F.default.useEffect(()=>{r!=null&&r.current&&(r.current.volume=t/100)},[t,r==null?void 0:r.current]),{volume:t,onChangeVolume:u}};var P=m(require("react"),1),yr=(r,n)=>{let[t,c]=P.default.useState(!1),[u,s]=P.default.useState(0);return P.default.useEffect(()=>{if(r!=null&&r.current&&t){let a=setInterval(()=>{var e;(e=r.current)!=null&&e.buffered.length&&s(r.current.buffered.end(r.current.buffered.length-1))},10);return()=>clearInterval(a)}},[r==null?void 0:r.current,t]),P.default.useEffect(()=>{if(r!=null&&r.current)return r.current.addEventListener("play",()=>c(!0)),r.current.addEventListener("pause",()=>c(!1)),()=>{var a,e;(a=r.current)==null||a.removeEventListener("play",()=>c(!0)),(e=r.current)==null||e.removeEventListener("pause",()=>c(!1))}},[]),{buffered:u,bufferedPercentage:u/(n||0)*100||0}};var y=require("react"),Er=r=>{let[n,t]=(0,y.useState)(!1),[c,u]=(0,y.useState)(0),[s,a]=(0,y.useState)(null),e=(0,y.useCallback)(async o=>{var p;if(!(r!=null&&r.current)){a("Video element not found");return}let w=r.current,L=w.src||w.currentSrc;if(!L){a("No video source found");return}try{t(!0),a(null),u(0);let E=await fetch(L);if(!E.ok)throw new Error(`Failed to fetch video: ${E.statusText}`);let D=E.headers.get("content-length"),q=D?parseInt(D,10):0,M=(p=E.body)==null?void 0:p.getReader();if(!M)throw new Error("Failed to create download stream");let U=[],j=0;for(;;){let{done:J,value:A}=await M.read();if(J)break;if(U.push(A),j+=A.length,q>0){let Q=j/q*100;u(Math.round(Q))}}let G=new Blob(U,{type:E.headers.get("content-type")||"video/mp4"}),N=URL.createObjectURL(G),V=document.createElement("a");V.href=N;let _=o||`video-${Date.now()}.mp4`;V.download=_,document.body.appendChild(V),V.click(),document.body.removeChild(V),URL.revokeObjectURL(N),u(100),t(!1)}catch(E){a(E instanceof Error?E.message:"Download failed"),t(!1),u(0)}},[r]),l=(0,y.useCallback)(o=>{if(!(r!=null&&r.current)){a("Video element not found");return}let w=r.current,L=w.src||w.currentSrc;if(!L){a("No video source found");return}try{t(!0),a(null),u(0);let p=document.createElement("a");p.href=L,p.download=o||`video-${Date.now()}.mp4`,p.target="_blank",document.body.appendChild(p),p.click(),document.body.removeChild(p),t(!1),u(100)}catch(p){a(p instanceof Error?p.message:"Download failed"),t(!1),u(0)}},[r]);return(0,y.useEffect)(()=>()=>{t(!1),u(0),a(null)},[]),{downloadVideo:e,downloadDirect:l,isDownloading:n,downloadProgress:c,error:s,resetError:()=>a(null)}};var z=m(require("react"),1),gr=(r,n)=>{z.default.useEffect(()=>{if(!(r!=null&&r.current)||!n)return;let t=r.current;if(t){let c=()=>{(t.currentTime>=n[1]||t.currentTime<=n[0])&&(t.currentTime=n[0])};return t.addEventListener("timeupdate",c),()=>{t.removeEventListener("timeupdate",c)}}},[n,r==null?void 0:r.current])};0&&(module.exports={useAutoplayByForce,useAutoplayOnVisible,useBuffer,useCurrentTime,useDownload,useFullscreen,useGetDuration,useHotKeys,useMuteUnmute,usePictureInPicture,usePlayPause,useRange,useSeek,useSpeed,useStartAt,useVideoState,useVolume});
+"use strict";var W=Object.create;var k=Object.defineProperty;var X=Object.getOwnPropertyDescriptor;var Y=Object.getOwnPropertyNames;var Z=Object.getPrototypeOf,i=Object.prototype.hasOwnProperty;var f=(r,n)=>{for(var t in n)k(r,t,{get:n[t],enumerable:!0})},O=(r,n,t,c)=>{if(n&&typeof n=="object"||typeof n=="function")for(let u of Y(n))!i.call(r,u)&&u!==t&&k(r,u,{get:()=>n[u],enumerable:!(c=X(n,u))||c.enumerable});return r};var m=(r,n,t)=>(t=r!=null?W(Z(r)):{},O(n||!r||!r.__esModule?k(t,"default",{value:r,enumerable:!0}):t,r)),d=r=>O(k({},"__esModule",{value:!0}),r);var br={};f(br,{useAutoplayByForce:()=>v,useAutoplayOnVisible:()=>R,useBuffer:()=>yr,useCurrentTime:()=>mr,useDownload:()=>Er,useFullscreen:()=>rr,useGetDuration:()=>tr,useHotKeys:()=>nr,useMuteUnmute:()=>ur,usePictureInPicture:()=>er,usePlayPause:()=>cr,useRange:()=>gr,useSeek:()=>sr,useSpeed:()=>ar,useStartAt:()=>lr,useVideoState:()=>pr,useVolume:()=>or});module.exports=d(br);var A=m(require("react"),1),v=(r,n,t)=>{A.default.useEffect(()=>{if(!(r!=null&&r.current)||!n)return;(async()=>{var u;try{await((u=r.current)==null?void 0:u.play())}catch(s){if(s instanceof Error&&s.name==="NotAllowedError"){if(t==null||t("NotAllowedError"),console.error("NotAllowedError"),r!=null&&r.current){r.current.muted=!0;try{await r.current.play()}catch(a){console.error(a)}}}else console.error(s)}})()},[n,r==null?void 0:r.current])};var H=m(require("react"),1),R=(r,n,t=!0)=>{H.default.useEffect(()=>{if(!(r!=null&&r.current)||!t)return;let c=new IntersectionObserver(u=>{u.forEach(s=>{var a;r!=null&&r.current&&(s.isIntersecting?r.current.play().catch(e=>{r.current&&(r.current.pause(),r.current.muted=!0,r.current.play(),console.error(e))}):(a=r.current)==null||a.pause())})},{threshold:n!=null?n:.5});return c.observe(r==null?void 0:r.current),()=>{c.disconnect()}},[r==null?void 0:r.current])};var C=m(require("react"),1),rr=r=>{let[n,t]=C.default.useState(!1);C.default.useEffect(()=>{let u=()=>{t==null||t(!!document.fullscreenElement),c()};return document.addEventListener("fullscreenchange",u),()=>document.removeEventListener("fullscreenchange",u)},[n]);let c=()=>{console.log("toggleFullscreen");let u=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),s=r==null?void 0:r.current;if(s&&u){if(s.webkitEnterFullscreen){s.webkitEnterFullscreen();return}else if(s.requestFullscreen){s.requestFullscreen();return}}let a=s==null?void 0:s.closest("[data-zuude-video-wrapper]");a&&(n?(document.exitFullscreen(),s&&(s.style.objectFit="cover")):(a.requestFullscreen(),s&&(s.style.objectFit="contain")))};return{isFullscreen:n!=null?n:!1,toggleFullscreen:c}};var I=m(require("react"),1),tr=r=>{let[n,t]=I.default.useState(!1),[c,u]=I.default.useState(null);return I.default.useEffect(()=>{if(!(r!=null&&r.current))return;t(!0);let s=()=>{var l,o;u((o=(l=r.current)==null?void 0:l.duration)!=null?o:null),t(!1)},a=()=>{t(!1)},e=r.current;if(e.duration&&!isNaN(e.duration))u(e.duration),t(!1);else return e.addEventListener("loadedmetadata",s),e.addEventListener("error",a),e.addEventListener("loadeddata",s),()=>{e.removeEventListener("loadedmetadata",s),e.removeEventListener("error",a),e.removeEventListener("loadeddata",s)}},[r]),{duration:c,isLoading:n}};var K=require("react"),nr=(r,n,t=!0)=>{let c=u=>{u.key===r&&(u.preventDefault(),n(u))};(0,K.useEffect)(()=>{if(t)return document.addEventListener("keydown",c),()=>{document.removeEventListener("keydown",c)}},[r,n,t])};var b=m(require("react"),1),ur=r=>{let[n,t]=b.default.useState(!1),c=b.default.useCallback(()=>{r!=null&&r.current&&(r.current.muted=!r.current.muted)},[r==null?void 0:r.current]),u=b.default.useCallback(()=>{r!=null&&r.current&&(r.current.muted=!0)},[r==null?void 0:r.current]),s=b.default.useCallback(()=>{r!=null&&r.current&&(r.current.muted=!1)},[r==null?void 0:r.current]);return b.default.useEffect(()=>{if(!(r!=null&&r.current))return;t(r.current.muted);let a=()=>{r.current&&t(r.current.muted)};return r.current.addEventListener("volumechange",a),()=>{var e;(e=r.current)==null||e.removeEventListener("volumechange",a)}},[r==null?void 0:r.current]),{toggleMute:c,isMuted:n,mute:u,unmute:s}};var er=r=>({togglePictureInPicture:async()=>{let u=r==null?void 0:r.current;if(u)try{document.pictureInPictureElement?await document.exitPictureInPicture():await u.requestPictureInPicture()}catch(s){if(/^((?!chrome|android).)*safari/i.test(navigator.userAgent))u.webkitEnterFullscreen?u.webkitEnterFullscreen():u.requestFullscreen&&u.requestFullscreen();else{let e=u.closest("[data-zuude-video-wrapper]");e&&(document.fullscreenElement?await document.exitFullscreen():await e.requestFullscreen())}}},requestPictureInPicture:async()=>{let u=r==null?void 0:r.current;u&&await u.requestPictureInPicture()},exitPictureInPicture:async()=>{r!=null&&r.current&&await document.exitPictureInPicture()}});var h=m(require("react"),1),cr=r=>{let[n,t]=h.default.useState(!1),c=h.default.useCallback(()=>{r!=null&&r.current&&(r.current.paused?r.current.play():r.current.pause())},[r==null?void 0:r.current]),u=h.default.useCallback(()=>{r!=null&&r.current&&r.current.play()},[r==null?void 0:r.current]),s=h.default.useCallback(()=>{r!=null&&r.current&&r.current.pause()},[r==null?void 0:r.current]);return h.default.useEffect(()=>{if(!(r!=null&&r.current))return;let a=()=>{t(!0)},e=()=>{t(!1)};if(t(!(r!=null&&r.current.paused)),r!=null&&r.current)return r.current.addEventListener("play",a),r.current.addEventListener("pause",e),()=>{var l,o;(l=r.current)==null||l.removeEventListener("play",a),(o=r.current)==null||o.removeEventListener("pause",e)}},[r==null?void 0:r.current]),{togglePlay:c,isPlaying:n,play:u,pause:s}};var T=m(require("react"),1),sr=(r,n=10)=>{let t=T.default.useCallback(()=>{r!=null&&r.current&&(r.current.currentTime+=n)},[r==null?void 0:r.current]),c=T.default.useCallback(()=>{r!=null&&r.current&&(r.current.currentTime-=n)},[r==null?void 0:r.current]);return{seekForward:t,seekBackward:c}};var S=m(require("react"),1),ar=r=>{let[n,t]=S.default.useState(1),c=u=>{t(u)};return S.default.useEffect(()=>{r!=null&&r.current&&t(r.current.playbackRate)},[r==null?void 0:r.current]),S.default.useEffect(()=>{r!=null&&r.current&&(r.current.playbackRate=n)},[n,r==null?void 0:r.current]),{speed:n,onChangeSpeed:c}};var $=m(require("react"),1),lr=(r,n)=>{$.default.useEffect(()=>{if(!(r!=null&&r.current)||!n)return;let t=r==null?void 0:r.current;t&&n&&(t.currentTime=n)},[n,r==null?void 0:r.current])};var x=m(require("react"),1),mr=(r,n=10)=>{let[t,c]=x.default.useState(!1),[u,s]=x.default.useState(0);return x.default.useEffect(()=>{if(r!=null&&r.current&&t){let e=setInterval(()=>{var l;s(((l=r.current)==null?void 0:l.currentTime)||0)},n);return()=>clearInterval(e)}},[r==null?void 0:r.current,t]),x.default.useEffect(()=>{if(r!=null&&r.current)return r.current.addEventListener("play",()=>c(!0)),r.current.addEventListener("pause",()=>c(!1)),()=>{var e,l;(e=r.current)==null||e.removeEventListener("play",()=>c(!0)),(l=r.current)==null||l.removeEventListener("pause",()=>c(!1))}},[r==null?void 0:r.current]),{currentTime:u,onTimeUpdate:e=>{r!=null&&r.current&&(s(e),r.current.currentTime=e)}}};var g=require("react"),pr=r=>{let[n,t]=(0,g.useState)(!1),[c,u]=(0,g.useState)(!1),[s,a]=(0,g.useState)(!1);return(0,g.useEffect)(()=>{let e=r.current;if(e)return e.addEventListener("play",()=>t(!0)),e.addEventListener("pause",()=>t(!1)),()=>{e.removeEventListener("play",()=>t(!0)),e.removeEventListener("pause",()=>t(!1))}},[r]),(0,g.useEffect)(()=>{if(!(r!=null&&r.current))return;u(r.current.muted);let e=()=>{r.current&&u(r.current.muted)};return r.current.addEventListener("volumechange",e),()=>{var l;(l=r.current)==null||l.removeEventListener("volumechange",e)}},[r]),(0,g.useEffect)(()=>{if(!(r!=null&&r.current))return;let e=()=>{a(!!document.fullscreenElement)};return document.addEventListener("fullscreenchange",e),()=>document.removeEventListener("fullscreenchange",e)},[r]),{isPlaying:n,isMuted:c,isFullscreen:s}};var F=m(require("react"),1),or=(r,n=100)=>{let[t,c]=F.default.useState(n),u=s=>{c(s)};return F.default.useEffect(()=>{r!=null&&r.current&&c(r.current.volume*100)},[r==null?void 0:r.current]),F.default.useEffect(()=>{r!=null&&r.current&&(r.current.volume=t/100)},[t,r==null?void 0:r.current]),{volume:t,onChangeVolume:u}};var P=m(require("react"),1),yr=(r,n)=>{let[t,c]=P.default.useState(!1),[u,s]=P.default.useState(0);return P.default.useEffect(()=>{if(r!=null&&r.current&&t){let a=setInterval(()=>{var e;(e=r.current)!=null&&e.buffered.length&&s(r.current.buffered.end(r.current.buffered.length-1))},10);return()=>clearInterval(a)}},[r==null?void 0:r.current,t]),P.default.useEffect(()=>{if(r!=null&&r.current)return r.current.addEventListener("play",()=>c(!0)),r.current.addEventListener("pause",()=>c(!1)),()=>{var a,e;(a=r.current)==null||a.removeEventListener("play",()=>c(!0)),(e=r.current)==null||e.removeEventListener("pause",()=>c(!1))}},[]),{buffered:u,bufferedPercentage:u/(n||0)*100||0}};var y=require("react"),Er=r=>{let[n,t]=(0,y.useState)(!1),[c,u]=(0,y.useState)(0),[s,a]=(0,y.useState)(null),e=(0,y.useCallback)(async o=>{var p;if(!(r!=null&&r.current)){a("Video element not found");return}let w=r.current,L=w.src||w.currentSrc;if(!L){a("No video source found");return}try{t(!0),a(null),u(0);let E=await fetch(L);if(!E.ok)throw new Error(`Failed to fetch video: ${E.statusText}`);let D=E.headers.get("content-length"),q=D?parseInt(D,10):0,M=(p=E.body)==null?void 0:p.getReader();if(!M)throw new Error("Failed to create download stream");let j=[],U=0;for(;;){let{done:J,value:B}=await M.read();if(J)break;if(j.push(B),U+=B.length,q>0){let Q=U/q*100;u(Math.round(Q))}}let G=new Blob(j,{type:E.headers.get("content-type")||"video/mp4"}),N=URL.createObjectURL(G),V=document.createElement("a");V.href=N;let _=o||`video-${Date.now()}.mp4`;V.download=_,document.body.appendChild(V),V.click(),document.body.removeChild(V),URL.revokeObjectURL(N),u(100),t(!1)}catch(E){a(E instanceof Error?E.message:"Download failed"),t(!1),u(0)}},[r]),l=(0,y.useCallback)(o=>{if(!(r!=null&&r.current)){a("Video element not found");return}let w=r.current,L=w.src||w.currentSrc;if(!L){a("No video source found");return}try{t(!0),a(null),u(0);let p=document.createElement("a");p.href=L,p.download=o||`video-${Date.now()}.mp4`,p.target="_blank",document.body.appendChild(p),p.click(),document.body.removeChild(p),t(!1),u(100)}catch(p){a(p instanceof Error?p.message:"Download failed"),t(!1),u(0)}},[r]);return(0,y.useEffect)(()=>()=>{t(!1),u(0),a(null)},[]),{downloadVideo:e,downloadDirect:l,isDownloading:n,downloadProgress:c,error:s,resetError:()=>a(null)}};var z=m(require("react"),1),gr=(r,n)=>{z.default.useEffect(()=>{if(!(r!=null&&r.current)||!n)return;let t=r.current;if(t){let c=()=>{(t.currentTime>=n[1]||t.currentTime<=n[0])&&(t.currentTime=n[0])};return t.addEventListener("timeupdate",c),()=>{t.removeEventListener("timeupdate",c)}}},[n,r==null?void 0:r.current])};0&&(module.exports={useAutoplayByForce,useAutoplayOnVisible,useBuffer,useCurrentTime,useDownload,useFullscreen,useGetDuration,useHotKeys,useMuteUnmute,usePictureInPicture,usePlayPause,useRange,useSeek,useSpeed,useStartAt,useVideoState,useVolume});
 //# sourceMappingURL=index.cjs.map

package/dist/hooks/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/index.ts","../../src/hooks/use-autoplay-by-force.tsx","../../src/hooks/use-autoplay-on-visible.tsx","../../src/hooks/use-fullscreen.tsx","../../src/hooks/use-get-duration.tsx","../../src/hooks/use-hot-keys.tsx","../../src/hooks/use-mute-unmute.tsx","../../src/hooks/use-picture-in-picture.tsx","../../src/hooks/use-play-pause.tsx","../../src/hooks/use-seek.tsx","../../src/hooks/use-speed.tsx","../../src/hooks/use-start-at.tsx","../../src/hooks/use-current-time.tsx","../../src/hooks/use-video-state.tsx","../../src/hooks/use-volume.tsx","../../src/hooks/use-buffer.tsx","../../src/hooks/use-download.tsx","../../src/hooks/use-range.tsx"],"sourcesContent":["export * from \"./use-autoplay-by-force\";\nexport * from \"./use-autoplay-on-visible\";\nexport * from \"./use-fullscreen\";\nexport * from \"./use-get-duration\";\nexport * from \"./use-hot-keys\";\nexport * from \"./use-mute-unmute\";\nexport * from \"./use-picture-in-picture\";\nexport * from \"./use-play-pause\";\nexport * from \"./use-seek\";\nexport * from \"./use-speed\";\nexport * from \"./use-start-at\";\nexport * from \"./use-current-time\";\nexport * from \"./use-video-state\";\nexport * from \"./use-volume\";\nexport * from \"./use-buffer\";\nexport * from \"./use-download\";\nexport * from \"./use-range\";\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useAutoplayByForce = (\n  videoRef: VideoRef,\n  enabled: boolean,\n  setError?: (error: string | null) => void\n) => {\n  React.useEffect(() => {\n    if (!videoRef?.current || !enabled) return;\n\n    const playVideo = async () => {\n      try {\n        await videoRef.current?.play();\n      } catch (error) {\n        // If autoplay fails, try muting and playing again\n        if (error instanceof Error && error.name === \"NotAllowedError\") {\n          setError?.(\"NotAllowedError\");\n          console.error(\"NotAllowedError\");\n          if (videoRef?.current) {\n            videoRef.current.muted = true;\n            try {\n              await videoRef.current.play();\n            } catch (retryError) {\n              console.error(retryError);\n            }\n          }\n        } else {\n          console.error(error);\n        }\n      }\n    };\n\n    playVideo();\n  }, [enabled, videoRef?.current]);\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useAutoplayOnVisible = (\n  videoRef: VideoRef,\n  threshold: number | undefined,\n  enabled = true\n) => {\n  React.useEffect(() => {\n    if (!videoRef?.current || !enabled) return;\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (!videoRef?.current) return;\n\n          if (entry.isIntersecting) {\n            videoRef.current.play().catch((error) => {\n              if (!videoRef.current) return;\n\n              videoRef.current.pause();\n              videoRef.current.muted = true;\n              videoRef.current.play();\n              console.error(error);\n            });\n          } else {\n            videoRef.current?.pause();\n          }\n        });\n      },\n      { threshold: threshold ?? 0.5 }\n    );\n\n    observer.observe(videoRef?.current);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [videoRef?.current]);\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nconst useFullscreen = (videoRef: VideoRef) => {\n  const [isFullscreen, setIsFullscreen] = React.useState(false);\n\n  React.useEffect(() => {\n    const handleFullscreenChange = () => {\n      setIsFullscreen?.(!!document.fullscreenElement);\n      toggleFullscreen();\n    };\n\n    document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\n    return () =>\n      document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\n  }, [isFullscreen]);\n\n  const toggleFullscreen = () => {\n    console.log(\"toggleFullscreen\");\n    const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\n    const video = videoRef?.current;\n\n    if (video && isSafari) {\n      if ((video as any).webkitEnterFullscreen) {\n        (video as any).webkitEnterFullscreen();\n        return;\n      } else if (video.requestFullscreen) {\n        video.requestFullscreen();\n        return;\n      }\n    }\n\n    const videoContainer = video?.closest(\n      \"[data-zuude-video-wrapper]\"\n    ) as HTMLElement;\n\n    if (videoContainer) {\n      if (!isFullscreen) {\n        videoContainer.requestFullscreen();\n        if (video) {\n          video.style.objectFit = \"contain\";\n        }\n      } else {\n        document.exitFullscreen();\n        if (video) {\n          video.style.objectFit = \"cover\";\n        }\n      }\n    }\n  };\n\n  return { isFullscreen: isFullscreen ?? false, toggleFullscreen };\n};\n\nexport { useFullscreen };\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useGetDuration = (videoRef: VideoRef) => {\n  const [isLoading, setIsLoading] = React.useState(false);\n  const [duration, setDuration] = React.useState<number | null>(null);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    setIsLoading(true);\n\n    const getDuration = () => {\n      setDuration(videoRef.current?.duration ?? null);\n      setIsLoading(false);\n    };\n\n    const handleError = () => {\n      setIsLoading(false);\n    };\n\n    const video = videoRef.current;\n\n    // Check if duration is already available\n    if (video.duration && !isNaN(video.duration)) {\n      setDuration(video.duration);\n      setIsLoading(false);\n    } else {\n      // Add event listeners\n      video.addEventListener(\"loadedmetadata\", getDuration);\n      video.addEventListener(\"error\", handleError);\n      video.addEventListener(\"loadeddata\", getDuration);\n\n      return () => {\n        video.removeEventListener(\"loadedmetadata\", getDuration);\n        video.removeEventListener(\"error\", handleError);\n        video.removeEventListener(\"loadeddata\", getDuration);\n      };\n    }\n  }, [videoRef]);\n\n  return { duration, isLoading };\n};\n","import { useEffect } from \"react\";\n\nexport const useHotKeys = (\n  key: string,\n  func: (event: KeyboardEvent) => void,\n  enabled = true\n) => {\n  const handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === key) {\n      event.preventDefault();\n      func(event);\n    }\n  };\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [key, func, enabled]);\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useMuteUnmute = (videoRef: VideoRef) => {\n  const [isMuted, setIsMuted] = React.useState(false);\n\n  const toggleMute = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.muted = !videoRef.current.muted;\n    }\n  }, [videoRef?.current]);\n\n  const mute = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.muted = true;\n    }\n  }, [videoRef?.current]);\n\n  const unmute = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.muted = false;\n    }\n  }, [videoRef?.current]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    // Set the initial state\n    setIsMuted(videoRef.current.muted);\n\n    const handleVolumeChange = () => {\n      if (videoRef.current) {\n        setIsMuted(videoRef.current.muted);\n      }\n    };\n\n    videoRef.current.addEventListener(\"volumechange\", handleVolumeChange);\n\n    return () => {\n      videoRef.current?.removeEventListener(\"volumechange\", handleVolumeChange);\n    };\n  }, [videoRef?.current]);\n\n  return { toggleMute, isMuted, mute, unmute };\n};\n","import type { VideoRef } from \"../types\";\n\nexport const usePictureInPicture = (videoRef: VideoRef) => {\n  const togglePictureInPicture = async () => {\n    const video = videoRef?.current;\n    if (!video) return;\n\n    try {\n      if (document.pictureInPictureElement) {\n        await document.exitPictureInPicture();\n      } else {\n        await video.requestPictureInPicture();\n      }\n    } catch (error) {\n      // Fallback for browsers that don't support PiP\n      const isSafari = /^((?!chrome|android).)*safari/i.test(\n        navigator.userAgent\n      );\n\n      if (isSafari) {\n        if ((video as any).webkitEnterFullscreen) {\n          (video as any).webkitEnterFullscreen();\n        } else if (video.requestFullscreen) {\n          video.requestFullscreen();\n        }\n      } else {\n        const videoContainer = video.closest(\n          \"[data-zuude-video-wrapper]\"\n        ) as HTMLElement;\n        if (videoContainer) {\n          if (!document.fullscreenElement) {\n            await videoContainer.requestFullscreen();\n          } else {\n            await document.exitFullscreen();\n          }\n        }\n      }\n    }\n  };\n\n  const requestPictureInPicture = async () => {\n    const video = videoRef?.current;\n    if (!video) return;\n    await video.requestPictureInPicture();\n  };\n\n  const exitPictureInPicture = async () => {\n    const video = videoRef?.current;\n    if (!video) return;\n    await document.exitPictureInPicture();\n  };\n\n  return {\n    togglePictureInPicture,\n    requestPictureInPicture,\n    exitPictureInPicture,\n  };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const usePlayPause = (videoRef: VideoRef) => {\n  const [isPlaying, setIsPlaying] = React.useState(false);\n\n  const togglePlay = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.paused\n        ? videoRef.current.play()\n        : videoRef.current.pause();\n    }\n  }, [videoRef?.current]);\n\n  const play = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.play();\n    }\n  }, [videoRef?.current]);\n\n  const pause = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.pause();\n    }\n  }, [videoRef?.current]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    const handlePlay = () => {\n      setIsPlaying(true);\n    };\n    const handlePause = () => {\n      setIsPlaying(false);\n    };\n\n    setIsPlaying(!videoRef?.current.paused);\n\n    if (videoRef?.current) {\n      videoRef.current.addEventListener(\"play\", handlePlay);\n      videoRef.current.addEventListener(\"pause\", handlePause);\n\n      return () => {\n        videoRef.current?.removeEventListener(\"play\", handlePlay);\n        videoRef.current?.removeEventListener(\"pause\", handlePause);\n      };\n    }\n  }, [videoRef?.current]);\n\n  return { togglePlay, isPlaying, play, pause };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useSeek = (videoRef: VideoRef, value = 10) => {\n  const seekForward = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.currentTime += value;\n    }\n  }, [videoRef?.current]);\n\n  const seekBackward = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.currentTime -= value;\n    }\n  }, [videoRef?.current]);\n\n  return { seekForward, seekBackward };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useSpeed = (videoRef: VideoRef) => {\n  const [speed, setSpeed] = React.useState(1);\n\n  const onChangeSpeed = (speed: number) => {\n    setSpeed(speed);\n  };\n\n  // Get the speed from the video element\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n    setSpeed(videoRef.current.playbackRate);\n  }, [videoRef?.current]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    videoRef.current.playbackRate = speed;\n  }, [speed, videoRef?.current]);\n\n  return { speed, onChangeSpeed };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useStartAt = (videoRef: VideoRef, startAt: number) => {\n  React.useEffect(() => {\n    if (!videoRef?.current || !startAt) return;\n\n    const video = videoRef?.current;\n    if (video && startAt) {\n      video.currentTime = startAt;\n    }\n  }, [startAt, videoRef?.current]);\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types.js\";\n\nexport const useCurrentTime = (videoRef: VideoRef, interval = 10) => {\n  const [isPlaying, setIsPlaying] = React.useState(false);\n  const [currentTime, setCurrentTime] = React.useState(0);\n\n  React.useEffect(() => {\n    if (videoRef?.current && isPlaying) {\n      const intervalId = setInterval(() => {\n        setCurrentTime(videoRef.current?.currentTime || 0);\n      }, interval);\n\n      return () => clearInterval(intervalId);\n    }\n  }, [videoRef?.current, isPlaying]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    videoRef.current.addEventListener(\"play\", () => setIsPlaying(true));\n    videoRef.current.addEventListener(\"pause\", () => setIsPlaying(false));\n\n    return () => {\n      videoRef.current?.removeEventListener(\"play\", () => setIsPlaying(true));\n      videoRef.current?.removeEventListener(\"pause\", () => setIsPlaying(false));\n    };\n  }, [videoRef?.current]);\n\n  const onTimeUpdate = (time: number) => {\n    if (videoRef?.current) {\n      setCurrentTime(time);\n      videoRef.current.currentTime = time;\n    }\n  };\n\n  return {\n    currentTime,\n    onTimeUpdate,\n  };\n};\n","import { RefObject, useEffect, useState } from \"react\";\n\nconst useVideoState = (videoRef: RefObject<HTMLVideoElement | null>) => {\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [isMuted, setIsMuted] = useState(false);\n  const [isFullscreen, setIsFullscreen] = useState(false);\n\n  useEffect(() => {\n    const video = videoRef.current;\n\n    if (video) {\n      video.addEventListener(\"play\", () => setIsPlaying(true));\n      video.addEventListener(\"pause\", () => setIsPlaying(false));\n\n      return () => {\n        video.removeEventListener(\"play\", () => setIsPlaying(true));\n        video.removeEventListener(\"pause\", () => setIsPlaying(false));\n      };\n    }\n  }, [videoRef]);\n\n  useEffect(() => {\n    if (!videoRef?.current) return;\n\n    // Set the initial state\n    setIsMuted(videoRef.current.muted);\n\n    const handleVolumeChange = () => {\n      if (videoRef.current) {\n        setIsMuted(videoRef.current.muted);\n      }\n    };\n\n    videoRef.current.addEventListener(\"volumechange\", handleVolumeChange);\n\n    return () => {\n      videoRef.current?.removeEventListener(\"volumechange\", handleVolumeChange);\n    };\n  }, [videoRef]);\n\n  useEffect(() => {\n    if (!videoRef?.current) return;\n\n    const handleFullscreenChange = () => {\n      setIsFullscreen(!!document.fullscreenElement);\n    };\n\n    document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\n    return () =>\n      document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\n  }, [videoRef]);\n\n  return { isPlaying, isMuted, isFullscreen };\n};\n\nexport { useVideoState };\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useVolume = (videoRef: VideoRef, initialVolume = 100) => {\n  const [volume, setVolume] = React.useState(initialVolume);\n\n  const onChangeVolume = (volume: number) => {\n    setVolume(volume);\n  };\n\n  // Get the volume from the video element\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n    setVolume(videoRef.current.volume * 100);\n  }, [videoRef?.current]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    videoRef.current.volume = volume / 100;\n  }, [volume, videoRef?.current]);\n\n  return { volume, onChangeVolume };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types.js\";\n\nexport const useBuffer = (videoRef: VideoRef, duration?: number) => {\n  const [isPlaying, setIsPlaying] = React.useState(false);\n  const [buffered, setBuffered] = React.useState(0);\n\n  React.useEffect(() => {\n    if (videoRef?.current && isPlaying) {\n      const intervalId = setInterval(() => {\n        if (videoRef.current?.buffered.length) {\n          setBuffered(\n            videoRef.current.buffered.end(videoRef.current.buffered.length - 1)\n          );\n        }\n      }, 10);\n\n      return () => clearInterval(intervalId);\n    }\n  }, [videoRef?.current, isPlaying]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    videoRef.current.addEventListener(\"play\", () => setIsPlaying(true));\n    videoRef.current.addEventListener(\"pause\", () => setIsPlaying(false));\n\n    return () => {\n      videoRef.current?.removeEventListener(\"play\", () => setIsPlaying(true));\n      videoRef.current?.removeEventListener(\"pause\", () => setIsPlaying(false));\n    };\n  }, []);\n\n  return {\n    buffered,\n    bufferedPercentage: (buffered / (duration || 0)) * 100 || 0,\n  };\n};\n","import { useEffect, useState, useCallback } from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useDownload = (videoRef: VideoRef) => {\n  const [isDownloading, setIsDownloading] = useState(false);\n  const [downloadProgress, setDownloadProgress] = useState(0);\n  const [error, setError] = useState<string | null>(null);\n\n  const downloadVideo = useCallback(\n    async (filename?: string) => {\n      if (!videoRef?.current) {\n        setError(\"Video element not found\");\n        return;\n      }\n\n      const video = videoRef.current;\n      const videoSrc = video.src || video.currentSrc;\n\n      if (!videoSrc) {\n        setError(\"No video source found\");\n        return;\n      }\n\n      try {\n        setIsDownloading(true);\n        setError(null);\n        setDownloadProgress(0);\n\n        // Fetch the video file\n        const response = await fetch(videoSrc);\n\n        if (!response.ok) {\n          throw new Error(`Failed to fetch video: ${response.statusText}`);\n        }\n\n        // Get the content length for progress tracking\n        const contentLength = response.headers.get(\"content-length\");\n        const total = contentLength ? parseInt(contentLength, 10) : 0;\n\n        // Create a readable stream to track progress\n        const reader = response.body?.getReader();\n        if (!reader) {\n          throw new Error(\"Failed to create download stream\");\n        }\n\n        const chunks: Uint8Array[] = [];\n        let receivedLength = 0;\n\n        while (true) {\n          const { done, value } = await reader.read();\n\n          if (done) break;\n\n          chunks.push(value);\n          receivedLength += value.length;\n\n          if (total > 0) {\n            const progress = (receivedLength / total) * 100;\n            setDownloadProgress(Math.round(progress));\n          }\n        }\n\n        // Combine chunks into a single blob\n        const blob = new Blob(chunks, {\n          type: response.headers.get(\"content-type\") || \"video/mp4\",\n        });\n\n        // Create download link\n        const url = URL.createObjectURL(blob);\n        const link = document.createElement(\"a\");\n        link.href = url;\n\n        // Generate filename if not provided\n        const defaultFilename = filename || `video-${Date.now()}.mp4`;\n        link.download = defaultFilename;\n\n        // Trigger download\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n\n        // Clean up\n        URL.revokeObjectURL(url);\n\n        setDownloadProgress(100);\n        setIsDownloading(false);\n      } catch (err) {\n        setError(err instanceof Error ? err.message : \"Download failed\");\n        setIsDownloading(false);\n        setDownloadProgress(0);\n      }\n    },\n    [videoRef]\n  );\n\n  // Alternative simple download method for direct video URLs\n  const downloadDirect = useCallback(\n    (filename?: string) => {\n      if (!videoRef?.current) {\n        setError(\"Video element not found\");\n        return;\n      }\n\n      const video = videoRef.current;\n      const videoSrc = video.src || video.currentSrc;\n\n      if (!videoSrc) {\n        setError(\"No video source found\");\n        return;\n      }\n\n      try {\n        setIsDownloading(true);\n        setError(null);\n        setDownloadProgress(0);\n\n        const link = document.createElement(\"a\");\n        link.href = videoSrc;\n        link.download = filename || `video-${Date.now()}.mp4`;\n        link.target = \"_blank\";\n\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n\n        setIsDownloading(false);\n        setDownloadProgress(100);\n      } catch (err) {\n        setError(err instanceof Error ? err.message : \"Download failed\");\n        setIsDownloading(false);\n        setDownloadProgress(0);\n      }\n    },\n    [videoRef]\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      setIsDownloading(false);\n      setDownloadProgress(0);\n      setError(null);\n    };\n  }, []);\n\n  return {\n    downloadVideo,\n    downloadDirect,\n    isDownloading,\n    downloadProgress,\n    error,\n    resetError: () => setError(null),\n  };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useRange = (videoRef: VideoRef, range: [number, number]) => {\n  React.useEffect(() => {\n    if (!videoRef?.current || !range) return;\n\n    const video = videoRef.current;\n\n    if (video) {\n      const handleTimeUpdate = () => {\n        if (video.currentTime >= range[1]) {\n          video.currentTime = range[0];\n        } else if (video.currentTime <= range[0]) {\n          video.currentTime = range[0];\n        }\n      };\n\n      video.addEventListener(\"timeupdate\", handleTimeUpdate);\n\n      return () => {\n        video.removeEventListener(\"timeupdate\", handleTimeUpdate);\n      };\n    }\n  }, [range, videoRef?.current]);\n};\n"],"mappings":"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","names":["hooks_exports","__export","useAutoplayByForce","useAutoplayOnVisible","useBuffer","useCurrentTime","useDownload","useFullscreen","useGetDuration","useHotKeys","useMuteUnmute","usePictureInPicture","usePlayPause","useRange","useSeek","useSpeed","useStartAt","useVideoState","useVolume","__toCommonJS","import_react","useAutoplayByForce","videoRef","enabled","setError","React","_a","error","retryError","import_react","useAutoplayOnVisible","videoRef","threshold","enabled","React","observer","entries","entry","_a","error","import_react","useFullscreen","videoRef","isFullscreen","setIsFullscreen","React","handleFullscreenChange","toggleFullscreen","isSafari","video","videoContainer","import_react","useGetDuration","videoRef","isLoading","setIsLoading","React","duration","setDuration","getDuration","_a","_b","handleError","video","import_react","useHotKeys","key","func","enabled","handleKeyDown","event","import_react","useMuteUnmute","videoRef","isMuted","setIsMuted","React","toggleMute","mute","unmute","handleVolumeChange","_a","usePictureInPicture","videoRef","video","error","videoContainer","import_react","usePlayPause","videoRef","isPlaying","setIsPlaying","React","togglePlay","play","pause","handlePlay","handlePause","_a","_b","import_react","useSeek","videoRef","value","seekForward","React","seekBackward","import_react","useSpeed","videoRef","speed","setSpeed","React","onChangeSpeed","import_react","useStartAt","videoRef","startAt","React","video","import_react","useCurrentTime","videoRef","interval","isPlaying","setIsPlaying","React","currentTime","setCurrentTime","intervalId","_a","_b","time","import_react","useVideoState","videoRef","isPlaying","setIsPlaying","isMuted","setIsMuted","isFullscreen","setIsFullscreen","video","handleVolumeChange","_a","handleFullscreenChange","import_react","useVolume","videoRef","initialVolume","volume","setVolume","React","onChangeVolume","import_react","useBuffer","videoRef","duration","isPlaying","setIsPlaying","React","buffered","setBuffered","intervalId","_a","_b","import_react","useDownload","videoRef","isDownloading","setIsDownloading","downloadProgress","setDownloadProgress","error","setError","downloadVideo","filename","_a","video","videoSrc","response","contentLength","total","reader","chunks","receivedLength","done","value","progress","blob","url","link","defaultFilename","err","downloadDirect","import_react","useRange","videoRef","range","React","video","handleTimeUpdate"]}
+{"version":3,"sources":["../../src/hooks/index.ts","../../src/hooks/use-autoplay-by-force.tsx","../../src/hooks/use-autoplay-on-visible.tsx","../../src/hooks/use-fullscreen.tsx","../../src/hooks/use-get-duration.tsx","../../src/hooks/use-hot-keys.tsx","../../src/hooks/use-mute-unmute.tsx","../../src/hooks/use-picture-in-picture.tsx","../../src/hooks/use-play-pause.tsx","../../src/hooks/use-seek.tsx","../../src/hooks/use-speed.tsx","../../src/hooks/use-start-at.tsx","../../src/hooks/use-current-time.tsx","../../src/hooks/use-video-state.tsx","../../src/hooks/use-volume.tsx","../../src/hooks/use-buffer.tsx","../../src/hooks/use-download.tsx","../../src/hooks/use-range.tsx"],"sourcesContent":["export * from \"./use-autoplay-by-force\";\nexport * from \"./use-autoplay-on-visible\";\nexport * from \"./use-fullscreen\";\nexport * from \"./use-get-duration\";\nexport * from \"./use-hot-keys\";\nexport * from \"./use-mute-unmute\";\nexport * from \"./use-picture-in-picture\";\nexport * from \"./use-play-pause\";\nexport * from \"./use-seek\";\nexport * from \"./use-speed\";\nexport * from \"./use-start-at\";\nexport * from \"./use-current-time\";\nexport * from \"./use-video-state\";\nexport * from \"./use-volume\";\nexport * from \"./use-buffer\";\nexport * from \"./use-download\";\nexport * from \"./use-range\";\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useAutoplayByForce = (\n  videoRef: VideoRef,\n  enabled: boolean,\n  setError?: (error: string | null) => void\n) => {\n  React.useEffect(() => {\n    if (!videoRef?.current || !enabled) return;\n\n    const playVideo = async () => {\n      try {\n        await videoRef.current?.play();\n      } catch (error) {\n        // If autoplay fails, try muting and playing again\n        if (error instanceof Error && error.name === \"NotAllowedError\") {\n          setError?.(\"NotAllowedError\");\n          console.error(\"NotAllowedError\");\n          if (videoRef?.current) {\n            videoRef.current.muted = true;\n            try {\n              await videoRef.current.play();\n            } catch (retryError) {\n              console.error(retryError);\n            }\n          }\n        } else {\n          console.error(error);\n        }\n      }\n    };\n\n    playVideo();\n  }, [enabled, videoRef?.current]);\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useAutoplayOnVisible = (\n  videoRef: VideoRef,\n  threshold: number | undefined,\n  enabled = true\n) => {\n  React.useEffect(() => {\n    if (!videoRef?.current || !enabled) return;\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (!videoRef?.current) return;\n\n          if (entry.isIntersecting) {\n            videoRef.current.play().catch((error) => {\n              if (!videoRef.current) return;\n\n              videoRef.current.pause();\n              videoRef.current.muted = true;\n              videoRef.current.play();\n              console.error(error);\n            });\n          } else {\n            videoRef.current?.pause();\n          }\n        });\n      },\n      { threshold: threshold ?? 0.5 }\n    );\n\n    observer.observe(videoRef?.current);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [videoRef?.current]);\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nconst useFullscreen = (videoRef: VideoRef) => {\n  const [isFullscreen, setIsFullscreen] = React.useState(false);\n\n  React.useEffect(() => {\n    const handleFullscreenChange = () => {\n      setIsFullscreen?.(!!document.fullscreenElement);\n      toggleFullscreen();\n    };\n\n    document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\n    return () =>\n      document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\n  }, [isFullscreen]);\n\n  const toggleFullscreen = () => {\n    console.log(\"toggleFullscreen\");\n    const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\n    const video = videoRef?.current;\n\n    if (video && isSafari) {\n      if ((video as any).webkitEnterFullscreen) {\n        (video as any).webkitEnterFullscreen();\n        return;\n      } else if (video.requestFullscreen) {\n        video.requestFullscreen();\n        return;\n      }\n    }\n\n    const videoContainer = video?.closest(\n      \"[data-zuude-video-wrapper]\"\n    ) as HTMLElement;\n\n    if (videoContainer) {\n      if (!isFullscreen) {\n        videoContainer.requestFullscreen();\n        if (video) {\n          video.style.objectFit = \"contain\";\n        }\n      } else {\n        document.exitFullscreen();\n        if (video) {\n          video.style.objectFit = \"cover\";\n        }\n      }\n    }\n  };\n\n  return { isFullscreen: isFullscreen ?? false, toggleFullscreen };\n};\n\nexport { useFullscreen };\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useGetDuration = (videoRef: VideoRef) => {\n  const [isLoading, setIsLoading] = React.useState(false);\n  const [duration, setDuration] = React.useState<number | null>(null);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    setIsLoading(true);\n\n    const getDuration = () => {\n      setDuration(videoRef.current?.duration ?? null);\n      setIsLoading(false);\n    };\n\n    const handleError = () => {\n      setIsLoading(false);\n    };\n\n    const video = videoRef.current;\n\n    // Check if duration is already available\n    if (video.duration && !isNaN(video.duration)) {\n      setDuration(video.duration);\n      setIsLoading(false);\n    } else {\n      // Add event listeners\n      video.addEventListener(\"loadedmetadata\", getDuration);\n      video.addEventListener(\"error\", handleError);\n      video.addEventListener(\"loadeddata\", getDuration);\n\n      return () => {\n        video.removeEventListener(\"loadedmetadata\", getDuration);\n        video.removeEventListener(\"error\", handleError);\n        video.removeEventListener(\"loadeddata\", getDuration);\n      };\n    }\n  }, [videoRef]);\n\n  return { duration, isLoading };\n};\n","import { useEffect } from \"react\";\n\nexport const useHotKeys = (\n  key: string,\n  func: (event: KeyboardEvent) => void,\n  enabled = true\n) => {\n  const handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === key) {\n      event.preventDefault();\n      func(event);\n    }\n  };\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [key, func, enabled]);\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useMuteUnmute = (videoRef: VideoRef) => {\n  const [isMuted, setIsMuted] = React.useState(false);\n\n  const toggleMute = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.muted = !videoRef.current.muted;\n    }\n  }, [videoRef?.current]);\n\n  const mute = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.muted = true;\n    }\n  }, [videoRef?.current]);\n\n  const unmute = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.muted = false;\n    }\n  }, [videoRef?.current]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    // Set the initial state\n    setIsMuted(videoRef.current.muted);\n\n    const handleVolumeChange = () => {\n      if (videoRef.current) {\n        setIsMuted(videoRef.current.muted);\n      }\n    };\n\n    videoRef.current.addEventListener(\"volumechange\", handleVolumeChange);\n\n    return () => {\n      videoRef.current?.removeEventListener(\"volumechange\", handleVolumeChange);\n    };\n  }, [videoRef?.current]);\n\n  return { toggleMute, isMuted, mute, unmute };\n};\n","import type { VideoRef } from \"../types\";\n\nexport const usePictureInPicture = (videoRef: VideoRef) => {\n  const togglePictureInPicture = async () => {\n    const video = videoRef?.current;\n    if (!video) return;\n\n    try {\n      if (document.pictureInPictureElement) {\n        await document.exitPictureInPicture();\n      } else {\n        await video.requestPictureInPicture();\n      }\n    } catch (error) {\n      // Fallback for browsers that don't support PiP\n      const isSafari = /^((?!chrome|android).)*safari/i.test(\n        navigator.userAgent\n      );\n\n      if (isSafari) {\n        if ((video as any).webkitEnterFullscreen) {\n          (video as any).webkitEnterFullscreen();\n        } else if (video.requestFullscreen) {\n          video.requestFullscreen();\n        }\n      } else {\n        const videoContainer = video.closest(\n          \"[data-zuude-video-wrapper]\"\n        ) as HTMLElement;\n        if (videoContainer) {\n          if (!document.fullscreenElement) {\n            await videoContainer.requestFullscreen();\n          } else {\n            await document.exitFullscreen();\n          }\n        }\n      }\n    }\n  };\n\n  const requestPictureInPicture = async () => {\n    const video = videoRef?.current;\n    if (!video) return;\n    await video.requestPictureInPicture();\n  };\n\n  const exitPictureInPicture = async () => {\n    const video = videoRef?.current;\n    if (!video) return;\n    await document.exitPictureInPicture();\n  };\n\n  return {\n    togglePictureInPicture,\n    requestPictureInPicture,\n    exitPictureInPicture,\n  };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const usePlayPause = (videoRef: VideoRef) => {\n  const [isPlaying, setIsPlaying] = React.useState(false);\n\n  const togglePlay = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.paused\n        ? videoRef.current.play()\n        : videoRef.current.pause();\n    }\n  }, [videoRef?.current]);\n\n  const play = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.play();\n    }\n  }, [videoRef?.current]);\n\n  const pause = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.pause();\n    }\n  }, [videoRef?.current]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    const handlePlay = () => {\n      setIsPlaying(true);\n    };\n    const handlePause = () => {\n      setIsPlaying(false);\n    };\n\n    setIsPlaying(!videoRef?.current.paused);\n\n    if (videoRef?.current) {\n      videoRef.current.addEventListener(\"play\", handlePlay);\n      videoRef.current.addEventListener(\"pause\", handlePause);\n\n      return () => {\n        videoRef.current?.removeEventListener(\"play\", handlePlay);\n        videoRef.current?.removeEventListener(\"pause\", handlePause);\n      };\n    }\n  }, [videoRef?.current]);\n\n  return { togglePlay, isPlaying, play, pause };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useSeek = (videoRef: VideoRef, value = 10) => {\n  const seekForward = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.currentTime += value;\n    }\n  }, [videoRef?.current]);\n\n  const seekBackward = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.currentTime -= value;\n    }\n  }, [videoRef?.current]);\n\n  return { seekForward, seekBackward };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useSpeed = (videoRef: VideoRef) => {\n  const [speed, setSpeed] = React.useState(1);\n\n  const onChangeSpeed = (speed: number) => {\n    setSpeed(speed);\n  };\n\n  // Get the speed from the video element\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n    setSpeed(videoRef.current.playbackRate);\n  }, [videoRef?.current]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    videoRef.current.playbackRate = speed;\n  }, [speed, videoRef?.current]);\n\n  return { speed, onChangeSpeed };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useStartAt = (videoRef: VideoRef, startAt: number) => {\n  React.useEffect(() => {\n    if (!videoRef?.current || !startAt) return;\n\n    const video = videoRef?.current;\n    if (video && startAt) {\n      video.currentTime = startAt;\n    }\n  }, [startAt, videoRef?.current]);\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types.js\";\n\nexport const useCurrentTime = (videoRef: VideoRef, interval = 10) => {\n  const [isPlaying, setIsPlaying] = React.useState(false);\n  const [currentTime, setCurrentTime] = React.useState(0);\n\n  React.useEffect(() => {\n    if (videoRef?.current && isPlaying) {\n      const intervalId = setInterval(() => {\n        setCurrentTime(videoRef.current?.currentTime || 0);\n      }, interval);\n\n      return () => clearInterval(intervalId);\n    }\n  }, [videoRef?.current, isPlaying]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    videoRef.current.addEventListener(\"play\", () => setIsPlaying(true));\n    videoRef.current.addEventListener(\"pause\", () => setIsPlaying(false));\n\n    return () => {\n      videoRef.current?.removeEventListener(\"play\", () => setIsPlaying(true));\n      videoRef.current?.removeEventListener(\"pause\", () => setIsPlaying(false));\n    };\n  }, [videoRef?.current]);\n\n  const onTimeUpdate = (time: number) => {\n    if (videoRef?.current) {\n      setCurrentTime(time);\n      videoRef.current.currentTime = time;\n    }\n  };\n\n  return {\n    currentTime,\n    onTimeUpdate,\n  };\n};\n","import { RefObject, useEffect, useState } from \"react\";\n\nconst useVideoState = (videoRef: RefObject<HTMLVideoElement | null>) => {\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [isMuted, setIsMuted] = useState(false);\n  const [isFullscreen, setIsFullscreen] = useState(false);\n\n  useEffect(() => {\n    const video = videoRef.current;\n\n    if (video) {\n      video.addEventListener(\"play\", () => setIsPlaying(true));\n      video.addEventListener(\"pause\", () => setIsPlaying(false));\n\n      return () => {\n        video.removeEventListener(\"play\", () => setIsPlaying(true));\n        video.removeEventListener(\"pause\", () => setIsPlaying(false));\n      };\n    }\n  }, [videoRef]);\n\n  useEffect(() => {\n    if (!videoRef?.current) return;\n\n    // Set the initial state\n    setIsMuted(videoRef.current.muted);\n\n    const handleVolumeChange = () => {\n      if (videoRef.current) {\n        setIsMuted(videoRef.current.muted);\n      }\n    };\n\n    videoRef.current.addEventListener(\"volumechange\", handleVolumeChange);\n\n    return () => {\n      videoRef.current?.removeEventListener(\"volumechange\", handleVolumeChange);\n    };\n  }, [videoRef]);\n\n  useEffect(() => {\n    if (!videoRef?.current) return;\n\n    const handleFullscreenChange = () => {\n      setIsFullscreen(!!document.fullscreenElement);\n    };\n\n    document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\n    return () =>\n      document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\n  }, [videoRef]);\n\n  return { isPlaying, isMuted, isFullscreen };\n};\n\nexport { useVideoState };\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useVolume = (videoRef: VideoRef, initialVolume = 100) => {\n  const [volume, setVolume] = React.useState(initialVolume);\n\n  const onChangeVolume = (volume: number) => {\n    setVolume(volume);\n  };\n\n  // Get the volume from the video element\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n    setVolume(videoRef.current.volume * 100);\n  }, [videoRef?.current]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    videoRef.current.volume = volume / 100;\n  }, [volume, videoRef?.current]);\n\n  return { volume, onChangeVolume };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types.js\";\n\nexport const useBuffer = (videoRef: VideoRef, duration?: number) => {\n  const [isPlaying, setIsPlaying] = React.useState(false);\n  const [buffered, setBuffered] = React.useState(0);\n\n  React.useEffect(() => {\n    if (videoRef?.current && isPlaying) {\n      const intervalId = setInterval(() => {\n        if (videoRef.current?.buffered.length) {\n          setBuffered(\n            videoRef.current.buffered.end(videoRef.current.buffered.length - 1)\n          );\n        }\n      }, 10);\n\n      return () => clearInterval(intervalId);\n    }\n  }, [videoRef?.current, isPlaying]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    videoRef.current.addEventListener(\"play\", () => setIsPlaying(true));\n    videoRef.current.addEventListener(\"pause\", () => setIsPlaying(false));\n\n    return () => {\n      videoRef.current?.removeEventListener(\"play\", () => setIsPlaying(true));\n      videoRef.current?.removeEventListener(\"pause\", () => setIsPlaying(false));\n    };\n  }, []);\n\n  return {\n    buffered,\n    bufferedPercentage: (buffered / (duration || 0)) * 100 || 0,\n  };\n};\n","import { useEffect, useState, useCallback } from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useDownload = (videoRef: VideoRef) => {\n  const [isDownloading, setIsDownloading] = useState(false);\n  const [downloadProgress, setDownloadProgress] = useState(0);\n  const [error, setError] = useState<string | null>(null);\n\n  const downloadVideo = useCallback(\n    async (filename?: string) => {\n      if (!videoRef?.current) {\n        setError(\"Video element not found\");\n        return;\n      }\n\n      const video = videoRef.current;\n      const videoSrc = video.src || video.currentSrc;\n\n      if (!videoSrc) {\n        setError(\"No video source found\");\n        return;\n      }\n\n      try {\n        setIsDownloading(true);\n        setError(null);\n        setDownloadProgress(0);\n\n        // Fetch the video file\n        const response = await fetch(videoSrc);\n\n        if (!response.ok) {\n          throw new Error(`Failed to fetch video: ${response.statusText}`);\n        }\n\n        // Get the content length for progress tracking\n        const contentLength = response.headers.get(\"content-length\");\n        const total = contentLength ? parseInt(contentLength, 10) : 0;\n\n        // Create a readable stream to track progress\n        const reader = response.body?.getReader();\n        if (!reader) {\n          throw new Error(\"Failed to create download stream\");\n        }\n\n        const chunks: BlobPart[] = [];\n        let receivedLength = 0;\n\n        while (true) {\n          const { done, value } = await reader.read();\n\n          if (done) break;\n\n          chunks.push(value);\n          receivedLength += value.length;\n\n          if (total > 0) {\n            const progress = (receivedLength / total) * 100;\n            setDownloadProgress(Math.round(progress));\n          }\n        }\n\n        // Combine chunks into a single blob\n        const blob = new Blob(chunks, {\n          type: response.headers.get(\"content-type\") || \"video/mp4\",\n        });\n\n        // Create download link\n        const url = URL.createObjectURL(blob);\n        const link = document.createElement(\"a\");\n        link.href = url;\n\n        // Generate filename if not provided\n        const defaultFilename = filename || `video-${Date.now()}.mp4`;\n        link.download = defaultFilename;\n\n        // Trigger download\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n\n        // Clean up\n        URL.revokeObjectURL(url);\n\n        setDownloadProgress(100);\n        setIsDownloading(false);\n      } catch (err) {\n        setError(err instanceof Error ? err.message : \"Download failed\");\n        setIsDownloading(false);\n        setDownloadProgress(0);\n      }\n    },\n    [videoRef]\n  );\n\n  // Alternative simple download method for direct video URLs\n  const downloadDirect = useCallback(\n    (filename?: string) => {\n      if (!videoRef?.current) {\n        setError(\"Video element not found\");\n        return;\n      }\n\n      const video = videoRef.current;\n      const videoSrc = video.src || video.currentSrc;\n\n      if (!videoSrc) {\n        setError(\"No video source found\");\n        return;\n      }\n\n      try {\n        setIsDownloading(true);\n        setError(null);\n        setDownloadProgress(0);\n\n        const link = document.createElement(\"a\");\n        link.href = videoSrc;\n        link.download = filename || `video-${Date.now()}.mp4`;\n        link.target = \"_blank\";\n\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n\n        setIsDownloading(false);\n        setDownloadProgress(100);\n      } catch (err) {\n        setError(err instanceof Error ? err.message : \"Download failed\");\n        setIsDownloading(false);\n        setDownloadProgress(0);\n      }\n    },\n    [videoRef]\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      setIsDownloading(false);\n      setDownloadProgress(0);\n      setError(null);\n    };\n  }, []);\n\n  return {\n    downloadVideo,\n    downloadDirect,\n    isDownloading,\n    downloadProgress,\n    error,\n    resetError: () => setError(null),\n  };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useRange = (videoRef: VideoRef, range: [number, number]) => {\n  React.useEffect(() => {\n    if (!videoRef?.current || !range) return;\n\n    const video = videoRef.current;\n\n    if (video) {\n      const handleTimeUpdate = () => {\n        if (video.currentTime >= range[1]) {\n          video.currentTime = range[0];\n        } else if (video.currentTime <= range[0]) {\n          video.currentTime = range[0];\n        }\n      };\n\n      video.addEventListener(\"timeupdate\", handleTimeUpdate);\n\n      return () => {\n        video.removeEventListener(\"timeupdate\", handleTimeUpdate);\n      };\n    }\n  }, [range, videoRef?.current]);\n};\n"],"mappings":"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","names":["hooks_exports","__export","useAutoplayByForce","useAutoplayOnVisible","useBuffer","useCurrentTime","useDownload","useFullscreen","useGetDuration","useHotKeys","useMuteUnmute","usePictureInPicture","usePlayPause","useRange","useSeek","useSpeed","useStartAt","useVideoState","useVolume","__toCommonJS","import_react","useAutoplayByForce","videoRef","enabled","setError","React","_a","error","retryError","import_react","useAutoplayOnVisible","videoRef","threshold","enabled","React","observer","entries","entry","_a","error","import_react","useFullscreen","videoRef","isFullscreen","setIsFullscreen","React","handleFullscreenChange","toggleFullscreen","isSafari","video","videoContainer","import_react","useGetDuration","videoRef","isLoading","setIsLoading","React","duration","setDuration","getDuration","_a","_b","handleError","video","import_react","useHotKeys","key","func","enabled","handleKeyDown","event","import_react","useMuteUnmute","videoRef","isMuted","setIsMuted","React","toggleMute","mute","unmute","handleVolumeChange","_a","usePictureInPicture","videoRef","video","error","videoContainer","import_react","usePlayPause","videoRef","isPlaying","setIsPlaying","React","togglePlay","play","pause","handlePlay","handlePause","_a","_b","import_react","useSeek","videoRef","value","seekForward","React","seekBackward","import_react","useSpeed","videoRef","speed","setSpeed","React","onChangeSpeed","import_react","useStartAt","videoRef","startAt","React","video","import_react","useCurrentTime","videoRef","interval","isPlaying","setIsPlaying","React","currentTime","setCurrentTime","intervalId","_a","_b","time","import_react","useVideoState","videoRef","isPlaying","setIsPlaying","isMuted","setIsMuted","isFullscreen","setIsFullscreen","video","handleVolumeChange","_a","handleFullscreenChange","import_react","useVolume","videoRef","initialVolume","volume","setVolume","React","onChangeVolume","import_react","useBuffer","videoRef","duration","isPlaying","setIsPlaying","React","buffered","setBuffered","intervalId","_a","_b","import_react","useDownload","videoRef","isDownloading","setIsDownloading","downloadProgress","setDownloadProgress","error","setError","downloadVideo","filename","_a","video","videoSrc","response","contentLength","total","reader","chunks","receivedLength","done","value","progress","blob","url","link","defaultFilename","err","downloadDirect","import_react","useRange","videoRef","range","React","video","handleTimeUpdate"]}

package/dist/hooks/index.js

@@ -1,2 +1,2 @@
-import{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q}from"../chunk-OYLOY3EO.js";export{a as useAutoplayByForce,h as useAutoplayOnVisible,o as useBuffer,l as useCurrentTime,p as useDownload,f as useFullscreen,i as useGetDuration,b as useHotKeys,e as useMuteUnmute,g as usePictureInPicture,d as usePlayPause,q as useRange,c as useSeek,j as useSpeed,k as useStartAt,m as useVideoState,n as useVolume};
+import{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q}from"../chunk-2LPC7QHR.js";export{a as useAutoplayByForce,h as useAutoplayOnVisible,o as useBuffer,l as useCurrentTime,p as useDownload,f as useFullscreen,i as useGetDuration,b as useHotKeys,e as useMuteUnmute,g as usePictureInPicture,d as usePlayPause,q as useRange,c as useSeek,j as useSpeed,k as useStartAt,m as useVideoState,n as useVolume};
 //# sourceMappingURL=index.js.map

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";var lt=Object.create;var U=Object.defineProperty;var mt=Object.getOwnPropertyDescriptor;var it=Object.getOwnPropertyNames;var pt=Object.getPrototypeOf,dt=Object.prototype.hasOwnProperty;var Et=(t,r)=>{for(var e in r)U(t,e,{get:r[e],enumerable:!0})},Q=(t,r,e,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of it(r))!dt.call(t,s)&&s!==e&&U(t,s,{get:()=>r[s],enumerable:!(n=mt(r,s))||n.enumerable});return t};var h=(t,r,e)=>(e=t!=null?lt(pt(t)):{},Q(r||!t||!t.__esModule?U(e,"default",{value:t,enumerable:!0}):e,t)),yt=t=>Q(U({},"__esModule",{value:!0}),t);var jt={};Et(jt,{Controls:()=>wt,Download:()=>Dt,ExitFullscreen:()=>Mt,Fullscreen:()=>Ft,Loading:()=>Ht,Mute:()=>kt,Pause:()=>Ct,PictureInPicture:()=>At,Play:()=>xt,SeekBackward:()=>It,SeekForward:()=>St,Shadow:()=>Ot,Speed:()=>ft,Unmute:()=>Tt,Video:()=>G,VideoProvider:()=>Y,useVideo:()=>p});module.exports=yt(jt);var L=h(require("react"),1),K=require("react/jsx-runtime"),X=(0,L.createContext)(null),Y=L.default.memo(({children:t,config:r,onError:e,...n})=>{let[s,u]=(0,L.useState)({current:null}),[c,i]=(0,L.useState)(null),[o,d]=(0,L.useState)(!1),E=(0,L.useRef)(null);return(0,L.useEffect)(()=>{e==null||e(c)},[c]),(0,L.useEffect)(()=>{let m=E.current;if(m){let a=m.querySelectorAll("[data-zuude-hide-elements]"),l=m.querySelector("[data-zuude-video]");if(a){let g=null,I=3e3,b=!1,x=()=>{g&&(clearTimeout(g),g=null),g=setTimeout(()=>{b&&l&&!l.paused&&a.forEach(w=>{w.setAttribute("data-hidden","true")}),g=null},I)},C=()=>{b=!0,a.forEach(w=>{w.removeAttribute("data-hidden")}),x()},q=()=>{b=!1,g&&(clearTimeout(g),g=null),l&&!l.paused&&a.forEach(w=>{w.setAttribute("data-hidden","true")})},D=()=>{b&&(a.forEach(w=>{w.hasAttribute("data-hidden")&&w.removeAttribute("data-hidden")}),x())},T=()=>{b||a.forEach(w=>{w.setAttribute("data-hidden","true")})};return m.addEventListener("mouseenter",C),m.addEventListener("mouseleave",q),m.addEventListener("mousemove",D),l.addEventListener("pause",C),l.addEventListener("play",T),()=>{g&&clearTimeout(g),m.removeEventListener("mouseenter",C),m.removeEventListener("mouseleave",q),m.removeEventListener("mousemove",D),l.removeEventListener("pause",C),l.removeEventListener("play",T)}}}},[]),(0,L.useEffect)(()=>{if(o){let m=a=>{var l;(l=E.current)!=null&&l.contains(a.target)||d(!1)};return document.addEventListener("click",m),()=>{document.removeEventListener("click",m)}}},[o]),(0,K.jsx)(X.Provider,{value:{videoRef:s,setVideoRef:u,config:{clickToPlay:!0,...r},error:c,setError:i,isFocused:o,setIsFocused:d},children:(0,K.jsx)("div",{ref:E,"data-zuude-video-wrapper":!0,onClick:()=>d(!0),...n,children:t})})}),p=()=>{let t=(0,L.useContext)(X);if(!t)throw new Error("useVideo must be used within a VideoProvider");return t};var A=require("react");var Z=h(require("react"),1),v=(t,r,e)=>{Z.default.useEffect(()=>{if(!(t!=null&&t.current)||!r)return;(async()=>{var s;try{await((s=t.current)==null?void 0:s.play())}catch(u){if(u instanceof Error&&u.name==="NotAllowedError"){if(e==null||e("NotAllowedError"),console.error("NotAllowedError"),t!=null&&t.current){t.current.muted=!0;try{await t.current.play()}catch(c){console.error(c)}}}else console.error(u)}})()},[r,t==null?void 0:t.current])};var R=require("react"),f=(t,r,e=!0)=>{let n=s=>{s.key===t&&(s.preventDefault(),r(s))};(0,R.useEffect)(()=>{if(e)return document.addEventListener("keydown",n),()=>{document.removeEventListener("keydown",n)}},[t,r,e])};var W=h(require("react"),1),H=(t,r=10)=>{let e=W.default.useCallback(()=>{t!=null&&t.current&&(t.current.currentTime+=r)},[t==null?void 0:t.current]),n=W.default.useCallback(()=>{t!=null&&t.current&&(t.current.currentTime-=r)},[t==null?void 0:t.current]);return{seekForward:e,seekBackward:n}};var F=h(require("react"),1),O=t=>{let[r,e]=F.default.useState(!1),n=F.default.useCallback(()=>{t!=null&&t.current&&(t.current.paused?t.current.play():t.current.pause())},[t==null?void 0:t.current]),s=F.default.useCallback(()=>{t!=null&&t.current&&t.current.play()},[t==null?void 0:t.current]),u=F.default.useCallback(()=>{t!=null&&t.current&&t.current.pause()},[t==null?void 0:t.current]);return F.default.useEffect(()=>{if(!(t!=null&&t.current))return;let c=()=>{e(!0)},i=()=>{e(!1)};if(e(!(t!=null&&t.current.paused)),t!=null&&t.current)return t.current.addEventListener("play",c),t.current.addEventListener("pause",i),()=>{var o,d;(o=t.current)==null||o.removeEventListener("play",c),(d=t.current)==null||d.removeEventListener("pause",i)}},[t==null?void 0:t.current]),{togglePlay:n,isPlaying:r,play:s,pause:u}};var M=h(require("react"),1),j=t=>{let[r,e]=M.default.useState(!1),n=M.default.useCallback(()=>{t!=null&&t.current&&(t.current.muted=!t.current.muted)},[t==null?void 0:t.current]),s=M.default.useCallback(()=>{t!=null&&t.current&&(t.current.muted=!0)},[t==null?void 0:t.current]),u=M.default.useCallback(()=>{t!=null&&t.current&&(t.current.muted=!1)},[t==null?void 0:t.current]);return M.default.useEffect(()=>{if(!(t!=null&&t.current))return;e(t.current.muted);let c=()=>{t.current&&e(t.current.muted)};return t.current.addEventListener("volumechange",c),()=>{var i;(i=t.current)==null||i.removeEventListener("volumechange",c)}},[t==null?void 0:t.current]),{toggleMute:n,isMuted:r,mute:s,unmute:u}};var $=h(require("react"),1),N=t=>{let[r,e]=$.default.useState(!1);$.default.useEffect(()=>{let s=()=>{e==null||e(!!document.fullscreenElement),n()};return document.addEventListener("fullscreenchange",s),()=>document.removeEventListener("fullscreenchange",s)},[r]);let n=()=>{console.log("toggleFullscreen");let s=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),u=t==null?void 0:t.current;if(u&&s){if(u.webkitEnterFullscreen){u.webkitEnterFullscreen();return}else if(u.requestFullscreen){u.requestFullscreen();return}}let c=u==null?void 0:u.closest("[data-zuude-video-wrapper]");c&&(r?(document.exitFullscreen(),u&&(u.style.objectFit="cover")):(c.requestFullscreen(),u&&(u.style.objectFit="contain")))};return{isFullscreen:r!=null?r:!1,toggleFullscreen:n}};var B=t=>({togglePictureInPicture:async()=>{let s=t==null?void 0:t.current;if(s)try{document.pictureInPictureElement?await document.exitPictureInPicture():await s.requestPictureInPicture()}catch(u){if(/^((?!chrome|android).)*safari/i.test(navigator.userAgent))s.webkitEnterFullscreen?s.webkitEnterFullscreen():s.requestFullscreen&&s.requestFullscreen();else{let i=s.closest("[data-zuude-video-wrapper]");i&&(document.fullscreenElement?await document.exitFullscreen():await i.requestFullscreen())}}},requestPictureInPicture:async()=>{let s=t==null?void 0:t.current;s&&await s.requestPictureInPicture()},exitPictureInPicture:async()=>{t!=null&&t.current&&await document.exitPictureInPicture()}});var tt=()=>{let{videoRef:t}=p(),{seekForward:r,seekBackward:e}=H(t),{togglePlay:n}=O(t),{toggleMute:s}=j(t),{toggleFullscreen:u}=N(t),{togglePictureInPicture:c}=B(t);return f("ArrowRight",()=>{r()}),f("ArrowLeft",()=>{e()}),f(" ",()=>{n()}),f("m",()=>{s()}),f("f",()=>{u()}),f("p",()=>{c()}),null};var et=h(require("react"),1),rt=(t,r,e=!0)=>{et.default.useEffect(()=>{if(!(t!=null&&t.current)||!e)return;let n=new IntersectionObserver(s=>{s.forEach(u=>{var c;t!=null&&t.current&&(u.isIntersecting?t.current.play().catch(i=>{t.current&&(t.current.pause(),t.current.muted=!0,t.current.play(),console.error(i))}):(c=t.current)==null||c.pause())})},{threshold:r!=null?r:.5});return n.observe(t==null?void 0:t.current),()=>{n.disconnect()}},[t==null?void 0:t.current])};var gt=h(require("react"),1);var z=h(require("react"),1),nt=t=>{let[r,e]=z.default.useState(1),n=s=>{e(s)};return z.default.useEffect(()=>{t!=null&&t.current&&e(t.current.playbackRate)},[t==null?void 0:t.current]),z.default.useEffect(()=>{t!=null&&t.current&&(t.current.playbackRate=r)},[r,t==null?void 0:t.current]),{speed:r,onChangeSpeed:n}};var ht=h(require("react"),1);var Lt=h(require("react"),1);var st=require("react");var Pt=h(require("react"),1);var bt=h(require("react"),1);var k=require("react"),ut=t=>{let[r,e]=(0,k.useState)(!1),[n,s]=(0,k.useState)(0),[u,c]=(0,k.useState)(null),i=(0,k.useCallback)(async d=>{var a;if(!(t!=null&&t.current)){c("Video element not found");return}let E=t.current,m=E.src||E.currentSrc;if(!m){c("No video source found");return}try{e(!0),c(null),s(0);let l=await fetch(m);if(!l.ok)throw new Error(`Failed to fetch video: ${l.statusText}`);let g=l.headers.get("content-length"),I=g?parseInt(g,10):0,b=(a=l.body)==null?void 0:a.getReader();if(!b)throw new Error("Failed to create download stream");let x=[],C=0;for(;;){let{done:ot,value:J}=await b.read();if(ot)break;if(x.push(J),C+=J.length,I>0){let at=C/I*100;s(Math.round(at))}}let q=new Blob(x,{type:l.headers.get("content-type")||"video/mp4"}),D=URL.createObjectURL(q),T=document.createElement("a");T.href=D;let w=d||`video-${Date.now()}.mp4`;T.download=w,document.body.appendChild(T),T.click(),document.body.removeChild(T),URL.revokeObjectURL(D),s(100),e(!1)}catch(l){c(l instanceof Error?l.message:"Download failed"),e(!1),s(0)}},[t]),o=(0,k.useCallback)(d=>{if(!(t!=null&&t.current)){c("Video element not found");return}let E=t.current,m=E.src||E.currentSrc;if(!m){c("No video source found");return}try{e(!0),c(null),s(0);let a=document.createElement("a");a.href=m,a.download=d||`video-${Date.now()}.mp4`,a.target="_blank",document.body.appendChild(a),a.click(),document.body.removeChild(a),e(!1),s(100)}catch(a){c(a instanceof Error?a.message:"Download failed"),e(!1),s(0)}},[t]);return(0,k.useEffect)(()=>()=>{e(!1),s(0),c(null)},[]),{downloadVideo:i,downloadDirect:o,isDownloading:r,downloadProgress:n,error:u,resetError:()=>c(null)}};var Vt=h(require("react"),1);var S=require("react/jsx-runtime"),G=(0,A.forwardRef)(({src:t,autoPlay:r,muteFallback:e,controls:n,preload:s="metadata",autoPlayOnVisible:u,...c},i)=>{let{videoRef:o,setVideoRef:d,config:E,setError:m,error:a,isFocused:l}=p(),g=(0,A.useRef)(null);(0,A.useEffect)(()=>{let b=g.current,x=i;x?d(x):b&&d({current:b})},[t]),v(o,r==="force"&&c.muted===void 0,m),rt(o,typeof u=="number"?u:u?void 0:.5,!!u);let I=()=>{var b,x,C;(b=o==null?void 0:o.current)!=null&&b.paused?(x=o.current)==null||x.play():(C=o==null?void 0:o.current)==null||C.pause()};return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)("video",{ref:i||g,"data-zuude-video":!0,src:t,onClick:E!=null&&E.clickToPlay?I:void 0,autoPlay:r==="force"?!0:r,preload:s,...c}),n&&l&&(0,S.jsx)(tt,{}),a==="NotAllowedError"&&typeof e=="function"&&e(()=>{o!=null&&o.current&&(o.current.muted=!o.current.muted),m(null)})]})});G.displayName="Video";var y=h(require("react"),1),V=require("@radix-ui/react-slot");var _=h(require("react"),1),ct=t=>{let[r,e]=_.default.useState(!1);return _.default.useEffect(()=>{if(!(t!=null&&t.current))return;let n=t.current,s=()=>{e(!0)},u=()=>{},c=()=>{},i=()=>{e(!1)},o=()=>{e(!1)},d=()=>{e(!0)},E=()=>{e(!1)},m=()=>{e(!1)},a=()=>{e(!1)},l=()=>{};return n.addEventListener("loadstart",s),n.addEventListener("loadedmetadata",u),n.addEventListener("loadeddata",c),n.addEventListener("canplay",i),n.addEventListener("canplaythrough",o),n.addEventListener("waiting",d),n.addEventListener("playing",E),n.addEventListener("error",m),n.addEventListener("abort",a),n.addEventListener("suspend",l),n.readyState>=2&&e(!1),()=>{n.removeEventListener("loadstart",s),n.removeEventListener("loadedmetadata",u),n.removeEventListener("loadeddata",c),n.removeEventListener("canplay",i),n.removeEventListener("canplaythrough",o),n.removeEventListener("waiting",d),n.removeEventListener("playing",E),n.removeEventListener("error",m),n.removeEventListener("abort",a),n.removeEventListener("suspend",l)}},[t]),{isLoading:r}};var P=require("react/jsx-runtime"),wt=y.default.memo(({children:t,asChild:r,...e})=>(0,P.jsx)("div",{"data-zuude-hide-elements":!0,...e,children:t})),xt=y.default.memo(({children:t,asChild:r,...e})=>{let n=r?V.Slot:"button",{videoRef:s}=p(),{play:u}=O(s);return(0,P.jsx)(n,{...e,onClick:u,children:t})}),Ct=y.default.memo(({children:t,asChild:r,...e})=>{let n=r?V.Slot:"button",{videoRef:s}=p(),{pause:u}=O(s);return(0,P.jsx)(n,{...e,onClick:u,children:t})}),kt=y.default.memo(({children:t,asChild:r,...e})=>{let n=r?V.Slot:"button",{videoRef:s}=p(),{mute:u}=j(s);return(0,P.jsx)(n,{...e,onClick:u,children:t})}),Tt=y.default.memo(({children:t,asChild:r,...e})=>{let n=r?V.Slot:"button",{videoRef:s}=p(),{unmute:u}=j(s);return(0,P.jsx)(n,{...e,onClick:u,children:t})}),ft=y.default.memo(({children:t,asChild:r,value:e,onClick:n,...s})=>{let u=r?V.Slot:"button",{videoRef:c}=p(),{speed:i,onChangeSpeed:o}=nt(c);return(0,P.jsx)(u,{...s,value:e,onClick:()=>{o(e),n==null||n()},children:t})}),St=y.default.memo(({children:t,asChild:r,...e})=>{let n=r?V.Slot:"button",{videoRef:s}=p(),{seekForward:u}=H(s,10);return(0,P.jsx)(n,{...e,onClick:u,children:t})}),It=y.default.memo(({children:t,asChild:r,...e})=>{let n=r?V.Slot:"button",{videoRef:s}=p(),{seekBackward:u}=H(s,10);return(0,P.jsx)(n,{...e,onClick:u,children:t})}),Ft=y.default.memo(({children:t,asChild:r,...e})=>{let n=r?V.Slot:"button",{videoRef:s}=p(),{toggleFullscreen:u}=N(s);return(0,P.jsx)(n,{...e,onClick:u,children:t})}),Mt=y.default.memo(({children:t,asChild:r,...e})=>{let n=r?V.Slot:"button",{videoRef:s}=p(),{toggleFullscreen:u}=N(s);return(0,P.jsx)(n,{...e,onClick:u,children:t})}),At=y.default.memo(({children:t,asChild:r,...e})=>{let n=r?V.Slot:"button",{videoRef:s}=p(),{togglePictureInPicture:u}=B(s);return(0,P.jsx)(n,{...e,onClick:u,children:t})}),Dt=y.default.memo(({children:t,asChild:r,...e})=>{let n=r?V.Slot:"button",{videoRef:s}=p(),{downloadDirect:u}=ut(s);return(0,P.jsx)(n,{...e,onClick:()=>u(),children:t})}),Ht=y.default.memo(({children:t,asChild:r,...e})=>{let n=r?V.Slot:"div",{videoRef:s}=p(),{isLoading:u}=ct(s);return(0,P.jsx)(n,{...e,style:{...e.style,pointerEvents:"none"},"data-loading":u,children:t})}),Ot=({...t})=>{let{videoRef:r}=p(),e=(0,y.useRef)(null);return y.default.useEffect(()=>{let n=r==null?void 0:r.current;if(e.current&&n){let s=0,u=!1,c=null,i=()=>{c&&clearInterval(c),c=setInterval(()=>{console.log("currentTime",n.currentTime),s=n.currentTime,e.current&&(e.current.currentTime=s)},100)},o=()=>{c&&(clearInterval(c),c=null)},d=()=>{u=!0,i()},E=()=>{u=!1,o()};return n.addEventListener("play",d),n.addEventListener("pause",E),()=>{o(),n.removeEventListener("play",d),n.removeEventListener("pause",E)}}},[r==null?void 0:r.current]),r!=null&&r.current?(0,P.jsx)("div",{...t,style:{...t.style,position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none"},children:(0,P.jsx)("video",{ref:e,src:r.current.src,muted:!0,playsInline:!0,style:{width:"100%",height:"100%",objectFit:"cover"}})}):null};0&&(module.exports={Controls,Download,ExitFullscreen,Fullscreen,Loading,Mute,Pause,PictureInPicture,Play,SeekBackward,SeekForward,Shadow,Speed,Unmute,Video,VideoProvider,useVideo});
+"use strict";"use client";var lt=Object.create;var U=Object.defineProperty;var mt=Object.getOwnPropertyDescriptor;var it=Object.getOwnPropertyNames;var pt=Object.getPrototypeOf,dt=Object.prototype.hasOwnProperty;var Et=(t,r)=>{for(var e in r)U(t,e,{get:r[e],enumerable:!0})},Q=(t,r,e,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of it(r))!dt.call(t,s)&&s!==e&&U(t,s,{get:()=>r[s],enumerable:!(n=mt(r,s))||n.enumerable});return t};var L=(t,r,e)=>(e=t!=null?lt(pt(t)):{},Q(r||!t||!t.__esModule?U(e,"default",{value:t,enumerable:!0}):e,t)),yt=t=>Q(U({},"__esModule",{value:!0}),t);var jt={};Et(jt,{Controls:()=>wt,Download:()=>Dt,ExitFullscreen:()=>Mt,Fullscreen:()=>Ft,Loading:()=>Ht,Mute:()=>Tt,Pause:()=>Ct,PictureInPicture:()=>At,Play:()=>xt,SeekBackward:()=>It,SeekForward:()=>St,Shadow:()=>Ot,Speed:()=>ft,Unmute:()=>kt,Video:()=>G,VideoProvider:()=>Y,useVideo:()=>p});module.exports=yt(jt);var P=L(require("react"),1),K=require("react/jsx-runtime"),X=(0,P.createContext)(null),Y=P.default.memo(({children:t,config:r,onError:e,...n})=>{let[s,u]=(0,P.useState)({current:null}),[c,i]=(0,P.useState)(null),[d,o]=(0,P.useState)(!1),E=(0,P.useRef)(null);return(0,P.useEffect)(()=>{e==null||e(c)},[c]),(0,P.useEffect)(()=>{let l=E.current;if(l){let a=l.querySelectorAll("[data-zuude-hide-elements]"),m=l.querySelector("[data-zuude-video]");if(a){let b=null,f=3e3,C=!1,V=()=>{b&&(clearTimeout(b),b=null),b=setTimeout(()=>{C&&m&&!m.paused&&a.forEach(x=>{x.setAttribute("data-hidden","true")}),b=null},f)},h=()=>{C=!0,a.forEach(x=>{x.removeAttribute("data-hidden")}),V()},S=()=>{C=!1,b&&(clearTimeout(b),b=null),m&&!m.paused&&a.forEach(x=>{x.setAttribute("data-hidden","true")})},H=()=>{C&&(a.forEach(x=>{x.hasAttribute("data-hidden")&&x.removeAttribute("data-hidden")}),V())},k=()=>{C||a.forEach(x=>{x.setAttribute("data-hidden","true")})};return l.addEventListener("mouseenter",h),l.addEventListener("mouseleave",S),l.addEventListener("mousemove",H),m.addEventListener("pause",h),m.addEventListener("play",k),()=>{b&&clearTimeout(b),l.removeEventListener("mouseenter",h),l.removeEventListener("mouseleave",S),l.removeEventListener("mousemove",H),m.removeEventListener("pause",h),m.removeEventListener("play",k)}}}},[]),(0,P.useEffect)(()=>{if(d){let l=a=>{var m;(m=E.current)!=null&&m.contains(a.target)||o(!1)};return document.addEventListener("click",l),()=>{document.removeEventListener("click",l)}}},[d]),(0,K.jsx)(X.Provider,{value:{videoRef:s,setVideoRef:u,config:{clickToPlay:!0,...r},error:c,setError:i,isFocused:d,setIsFocused:o},children:(0,K.jsx)("div",{ref:E,"data-zuude-video-wrapper":!0,onClick:()=>o(!0),...n,children:t})})}),p=()=>{let t=(0,P.useContext)(X);if(!t)throw new Error("useVideo must be used within a VideoProvider");return t};var D=require("react");var Z=L(require("react"),1),v=(t,r,e)=>{Z.default.useEffect(()=>{if(!(t!=null&&t.current)||!r)return;(async()=>{var s;try{await((s=t.current)==null?void 0:s.play())}catch(u){if(u instanceof Error&&u.name==="NotAllowedError"){if(e==null||e("NotAllowedError"),console.error("NotAllowedError"),t!=null&&t.current){t.current.muted=!0;try{await t.current.play()}catch(c){console.error(c)}}}else console.error(u)}})()},[r,t==null?void 0:t.current])};var R=require("react"),I=(t,r,e=!0)=>{let n=s=>{s.key===t&&(s.preventDefault(),r(s))};(0,R.useEffect)(()=>{if(e)return document.addEventListener("keydown",n),()=>{document.removeEventListener("keydown",n)}},[t,r,e])};var W=L(require("react"),1),O=(t,r=10)=>{let e=W.default.useCallback(()=>{t!=null&&t.current&&(t.current.currentTime+=r)},[t==null?void 0:t.current]),n=W.default.useCallback(()=>{t!=null&&t.current&&(t.current.currentTime-=r)},[t==null?void 0:t.current]);return{seekForward:e,seekBackward:n}};var M=L(require("react"),1),j=t=>{let[r,e]=M.default.useState(!1),n=M.default.useCallback(()=>{t!=null&&t.current&&(t.current.paused?t.current.play():t.current.pause())},[t==null?void 0:t.current]),s=M.default.useCallback(()=>{t!=null&&t.current&&t.current.play()},[t==null?void 0:t.current]),u=M.default.useCallback(()=>{t!=null&&t.current&&t.current.pause()},[t==null?void 0:t.current]);return M.default.useEffect(()=>{if(!(t!=null&&t.current))return;let c=()=>{e(!0)},i=()=>{e(!1)};if(e(!(t!=null&&t.current.paused)),t!=null&&t.current)return t.current.addEventListener("play",c),t.current.addEventListener("pause",i),()=>{var d,o;(d=t.current)==null||d.removeEventListener("play",c),(o=t.current)==null||o.removeEventListener("pause",i)}},[t==null?void 0:t.current]),{togglePlay:n,isPlaying:r,play:s,pause:u}};var A=L(require("react"),1),N=t=>{let[r,e]=A.default.useState(!1),n=A.default.useCallback(()=>{t!=null&&t.current&&(t.current.muted=!t.current.muted)},[t==null?void 0:t.current]),s=A.default.useCallback(()=>{t!=null&&t.current&&(t.current.muted=!0)},[t==null?void 0:t.current]),u=A.default.useCallback(()=>{t!=null&&t.current&&(t.current.muted=!1)},[t==null?void 0:t.current]);return A.default.useEffect(()=>{if(!(t!=null&&t.current))return;e(t.current.muted);let c=()=>{t.current&&e(t.current.muted)};return t.current.addEventListener("volumechange",c),()=>{var i;(i=t.current)==null||i.removeEventListener("volumechange",c)}},[t==null?void 0:t.current]),{toggleMute:n,isMuted:r,mute:s,unmute:u}};var $=L(require("react"),1),q=t=>{let[r,e]=$.default.useState(!1);$.default.useEffect(()=>{let s=()=>{e==null||e(!!document.fullscreenElement),n()};return document.addEventListener("fullscreenchange",s),()=>document.removeEventListener("fullscreenchange",s)},[r]);let n=()=>{console.log("toggleFullscreen");let s=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),u=t==null?void 0:t.current;if(u&&s){if(u.webkitEnterFullscreen){u.webkitEnterFullscreen();return}else if(u.requestFullscreen){u.requestFullscreen();return}}let c=u==null?void 0:u.closest("[data-zuude-video-wrapper]");c&&(r?(document.exitFullscreen(),u&&(u.style.objectFit="cover")):(c.requestFullscreen(),u&&(u.style.objectFit="contain")))};return{isFullscreen:r!=null?r:!1,toggleFullscreen:n}};var B=t=>({togglePictureInPicture:async()=>{let s=t==null?void 0:t.current;if(s)try{document.pictureInPictureElement?await document.exitPictureInPicture():await s.requestPictureInPicture()}catch(u){if(/^((?!chrome|android).)*safari/i.test(navigator.userAgent))s.webkitEnterFullscreen?s.webkitEnterFullscreen():s.requestFullscreen&&s.requestFullscreen();else{let i=s.closest("[data-zuude-video-wrapper]");i&&(document.fullscreenElement?await document.exitFullscreen():await i.requestFullscreen())}}},requestPictureInPicture:async()=>{let s=t==null?void 0:t.current;s&&await s.requestPictureInPicture()},exitPictureInPicture:async()=>{t!=null&&t.current&&await document.exitPictureInPicture()}});var tt=()=>{let{videoRef:t}=p(),{seekForward:r,seekBackward:e}=O(t),{togglePlay:n}=j(t),{toggleMute:s}=N(t),{toggleFullscreen:u}=q(t),{togglePictureInPicture:c}=B(t);return I("ArrowRight",()=>{r()}),I("ArrowLeft",()=>{e()}),I(" ",()=>{n()}),I("m",()=>{s()}),I("f",()=>{u()}),I("p",()=>{c()}),null};var et=L(require("react"),1),rt=(t,r,e=!0)=>{et.default.useEffect(()=>{if(!(t!=null&&t.current)||!e)return;let n=new IntersectionObserver(s=>{s.forEach(u=>{var c;t!=null&&t.current&&(u.isIntersecting?t.current.play().catch(i=>{t.current&&(t.current.pause(),t.current.muted=!0,t.current.play(),console.error(i))}):(c=t.current)==null||c.pause())})},{threshold:r!=null?r:.5});return n.observe(t==null?void 0:t.current),()=>{n.disconnect()}},[t==null?void 0:t.current])};var ht=L(require("react"),1);var z=L(require("react"),1),nt=t=>{let[r,e]=z.default.useState(1),n=s=>{e(s)};return z.default.useEffect(()=>{t!=null&&t.current&&e(t.current.playbackRate)},[t==null?void 0:t.current]),z.default.useEffect(()=>{t!=null&&t.current&&(t.current.playbackRate=r)},[r,t==null?void 0:t.current]),{speed:r,onChangeSpeed:n}};var Lt=L(require("react"),1);var Pt=L(require("react"),1);var st=require("react");var gt=L(require("react"),1);var bt=L(require("react"),1);var T=require("react"),ut=t=>{let[r,e]=(0,T.useState)(!1),[n,s]=(0,T.useState)(0),[u,c]=(0,T.useState)(null),i=(0,T.useCallback)(async o=>{var a;if(!(t!=null&&t.current)){c("Video element not found");return}let E=t.current,l=E.src||E.currentSrc;if(!l){c("No video source found");return}try{e(!0),c(null),s(0);let m=await fetch(l);if(!m.ok)throw new Error(`Failed to fetch video: ${m.statusText}`);let b=m.headers.get("content-length"),f=b?parseInt(b,10):0,C=(a=m.body)==null?void 0:a.getReader();if(!C)throw new Error("Failed to create download stream");let V=[],h=0;for(;;){let{done:ot,value:J}=await C.read();if(ot)break;if(V.push(J),h+=J.length,f>0){let at=h/f*100;s(Math.round(at))}}let S=new Blob(V,{type:m.headers.get("content-type")||"video/mp4"}),H=URL.createObjectURL(S),k=document.createElement("a");k.href=H;let x=o||`video-${Date.now()}.mp4`;k.download=x,document.body.appendChild(k),k.click(),document.body.removeChild(k),URL.revokeObjectURL(H),s(100),e(!1)}catch(m){c(m instanceof Error?m.message:"Download failed"),e(!1),s(0)}},[t]),d=(0,T.useCallback)(o=>{if(!(t!=null&&t.current)){c("Video element not found");return}let E=t.current,l=E.src||E.currentSrc;if(!l){c("No video source found");return}try{e(!0),c(null),s(0);let a=document.createElement("a");a.href=l,a.download=o||`video-${Date.now()}.mp4`,a.target="_blank",document.body.appendChild(a),a.click(),document.body.removeChild(a),e(!1),s(100)}catch(a){c(a instanceof Error?a.message:"Download failed"),e(!1),s(0)}},[t]);return(0,T.useEffect)(()=>()=>{e(!1),s(0),c(null)},[]),{downloadVideo:i,downloadDirect:d,isDownloading:r,downloadProgress:n,error:u,resetError:()=>c(null)}};var Vt=L(require("react"),1);var F=require("react/jsx-runtime"),G=(0,D.forwardRef)(({src:t,autoPlay:r,muteFallback:e,controls:n,preload:s="metadata",autoPlayOnVisible:u,ranges:c,...i},d)=>{let{videoRef:o,setVideoRef:E,config:l,setError:a,error:m,isFocused:b}=p(),f=(0,D.useRef)(null);(0,D.useEffect)(()=>{let V=f.current,h=d;h?E(h):V&&E({current:V})},[t]),v(o,r==="force"&&i.muted===void 0,a),rt(o,typeof u=="number"?u:u?void 0:.5,!!u);let C=()=>{var V,h,S;(V=o==null?void 0:o.current)!=null&&V.paused?(h=o.current)==null||h.play():(S=o==null?void 0:o.current)==null||S.pause()};return(0,F.jsxs)(F.Fragment,{children:[(0,F.jsx)("video",{ref:d||f,"data-zuude-video":!0,src:t,onClick:l!=null&&l.clickToPlay?C:void 0,autoPlay:r==="force"?!0:r,preload:s,onTimeUpdate:V=>{if((c==null?void 0:c[0])!==void 0&&(c==null?void 0:c[1])!==void 0){let h=V.currentTarget.currentTime;(h>=c[1]||h<=c[0])&&(V.currentTarget.currentTime=c[0])}},...i}),n&&b&&(0,F.jsx)(tt,{}),m==="NotAllowedError"&&typeof e=="function"&&e(()=>{o!=null&&o.current&&(o.current.muted=!o.current.muted),a(null)})]})});G.displayName="Video";var y=L(require("react"),1),w=require("@radix-ui/react-slot");var _=L(require("react"),1),ct=t=>{let[r,e]=_.default.useState(!1);return _.default.useEffect(()=>{if(!(t!=null&&t.current))return;let n=t.current,s=()=>{e(!0)},u=()=>{},c=()=>{},i=()=>{e(!1)},d=()=>{e(!1)},o=()=>{e(!0)},E=()=>{e(!1)},l=()=>{e(!1)},a=()=>{e(!1)},m=()=>{};return n.addEventListener("loadstart",s),n.addEventListener("loadedmetadata",u),n.addEventListener("loadeddata",c),n.addEventListener("canplay",i),n.addEventListener("canplaythrough",d),n.addEventListener("waiting",o),n.addEventListener("playing",E),n.addEventListener("error",l),n.addEventListener("abort",a),n.addEventListener("suspend",m),n.readyState>=2&&e(!1),()=>{n.removeEventListener("loadstart",s),n.removeEventListener("loadedmetadata",u),n.removeEventListener("loadeddata",c),n.removeEventListener("canplay",i),n.removeEventListener("canplaythrough",d),n.removeEventListener("waiting",o),n.removeEventListener("playing",E),n.removeEventListener("error",l),n.removeEventListener("abort",a),n.removeEventListener("suspend",m)}},[t]),{isLoading:r}};var g=require("react/jsx-runtime"),wt=y.default.memo(({children:t,asChild:r,...e})=>(0,g.jsx)("div",{"data-zuude-hide-elements":!0,...e,children:t})),xt=y.default.memo(({children:t,asChild:r,...e})=>{let n=r?w.Slot:"button",{videoRef:s}=p(),{play:u}=j(s);return(0,g.jsx)(n,{...e,onClick:u,children:t})}),Ct=y.default.memo(({children:t,asChild:r,...e})=>{let n=r?w.Slot:"button",{videoRef:s}=p(),{pause:u}=j(s);return(0,g.jsx)(n,{...e,onClick:u,children:t})}),Tt=y.default.memo(({children:t,asChild:r,...e})=>{let n=r?w.Slot:"button",{videoRef:s}=p(),{mute:u}=N(s);return(0,g.jsx)(n,{...e,onClick:u,children:t})}),kt=y.default.memo(({children:t,asChild:r,...e})=>{let n=r?w.Slot:"button",{videoRef:s}=p(),{unmute:u}=N(s);return(0,g.jsx)(n,{...e,onClick:u,children:t})}),ft=y.default.memo(({children:t,asChild:r,value:e,onClick:n,...s})=>{let u=r?w.Slot:"button",{videoRef:c}=p(),{speed:i,onChangeSpeed:d}=nt(c);return(0,g.jsx)(u,{...s,value:e,onClick:()=>{d(e),n==null||n()},children:t})}),St=y.default.memo(({children:t,asChild:r,...e})=>{let n=r?w.Slot:"button",{videoRef:s}=p(),{seekForward:u}=O(s,10);return(0,g.jsx)(n,{...e,onClick:u,children:t})}),It=y.default.memo(({children:t,asChild:r,...e})=>{let n=r?w.Slot:"button",{videoRef:s}=p(),{seekBackward:u}=O(s,10);return(0,g.jsx)(n,{...e,onClick:u,children:t})}),Ft=y.default.memo(({children:t,asChild:r,...e})=>{let n=r?w.Slot:"button",{videoRef:s}=p(),{toggleFullscreen:u}=q(s);return(0,g.jsx)(n,{...e,onClick:u,children:t})}),Mt=y.default.memo(({children:t,asChild:r,...e})=>{let n=r?w.Slot:"button",{videoRef:s}=p(),{toggleFullscreen:u}=q(s);return(0,g.jsx)(n,{...e,onClick:u,children:t})}),At=y.default.memo(({children:t,asChild:r,...e})=>{let n=r?w.Slot:"button",{videoRef:s}=p(),{togglePictureInPicture:u}=B(s);return(0,g.jsx)(n,{...e,onClick:u,children:t})}),Dt=y.default.memo(({children:t,asChild:r,...e})=>{let n=r?w.Slot:"button",{videoRef:s}=p(),{downloadDirect:u}=ut(s);return(0,g.jsx)(n,{...e,onClick:()=>u(),children:t})}),Ht=y.default.memo(({children:t,asChild:r,...e})=>{let n=r?w.Slot:"div",{videoRef:s}=p(),{isLoading:u}=ct(s);return(0,g.jsx)(n,{...e,style:{...e.style,pointerEvents:"none"},"data-loading":u,children:t})}),Ot=({...t})=>{let{videoRef:r}=p(),e=(0,y.useRef)(null);return y.default.useEffect(()=>{let n=r==null?void 0:r.current;if(e.current&&n){let s=0,u=!1,c=null,i=()=>{c&&clearInterval(c),c=setInterval(()=>{console.log("currentTime",n.currentTime),s=n.currentTime,e.current&&(e.current.currentTime=s)},100)},d=()=>{c&&(clearInterval(c),c=null)},o=()=>{u=!0,i()},E=()=>{u=!1,d()};return n.addEventListener("play",o),n.addEventListener("pause",E),()=>{d(),n.removeEventListener("play",o),n.removeEventListener("pause",E)}}},[r==null?void 0:r.current]),r!=null&&r.current?(0,g.jsx)("div",{...t,style:{...t.style,position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none"},children:(0,g.jsx)("video",{ref:e,src:r.current.src,muted:!0,playsInline:!0,style:{width:"100%",height:"100%",objectFit:"cover"}})}):null};0&&(module.exports={Controls,Download,ExitFullscreen,Fullscreen,Loading,Mute,Pause,PictureInPicture,Play,SeekBackward,SeekForward,Shadow,Speed,Unmute,Video,VideoProvider,useVideo});
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/wrapper.tsx","../src/video.tsx","../src/hooks/use-autoplay-by-force.tsx","../src/hooks/use-hot-keys.tsx","../src/hooks/use-seek.tsx","../src/hooks/use-play-pause.tsx","../src/hooks/use-mute-unmute.tsx","../src/hooks/use-fullscreen.tsx","../src/hooks/use-picture-in-picture.tsx","../src/keyboard.tsx","../src/hooks/use-autoplay-on-visible.tsx","../src/hooks/use-get-duration.tsx","../src/hooks/use-speed.tsx","../src/hooks/use-start-at.tsx","../src/hooks/use-current-time.tsx","../src/hooks/use-video-state.tsx","../src/hooks/use-volume.tsx","../src/hooks/use-buffer.tsx","../src/hooks/use-download.tsx","../src/hooks/use-range.tsx","../src/components.tsx","../src/hooks/use-loading.tsx"],"sourcesContent":["\"use client\";\n\nexport { VideoProvider, useVideo } from \"./wrapper\";\nexport { Video } from \"./video\";\nexport * from \"./components\";\nexport * from \"./types\";\n","import React, {\n  createContext,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport type { VideoRef } from \"./types\";\n\ninterface VideoConfig {\n  config?: Partial<{\n    clickToPlay: boolean;\n  }>;\n}\n\ninterface VideoContextType extends VideoConfig {\n  videoRef: VideoRef;\n  setVideoRef: (video: VideoRef) => void;\n  error: string | null;\n  setError: (error: string | null) => void;\n  isFocused: boolean;\n  setIsFocused: (isFocused: boolean) => void;\n}\n\nexport const VideoContext = createContext<VideoContextType | null>(null);\n\ntype VideoProviderProps = Omit<React.ComponentProps<\"div\">, \"onError\"> &\n  VideoConfig & {\n    children: React.ReactNode;\n    onError?: (error: string | null) => void;\n  };\n\nexport const VideoProvider = React.memo(\n  ({ children, config, onError, ...props }: VideoProviderProps) => {\n    const [videoRef, setVideoRef] = useState<VideoRef>({ current: null });\n    const [error, setError] = useState<string | null>(null);\n    const [isFocused, setIsFocused] = useState(false);\n\n    const videoWrapperRef = useRef<HTMLDivElement>(null);\n\n    // Sending error to user if it exists\n    useEffect(() => {\n      onError?.(error);\n    }, [error]);\n\n    useEffect(() => {\n      const videoWrapper = videoWrapperRef.current;\n      if (videoWrapper) {\n        const controls = videoWrapper.querySelectorAll(\n          \"[data-zuude-hide-elements]\"\n        );\n        const video = videoWrapper.querySelector(\n          \"[data-zuude-video]\"\n        ) as HTMLVideoElement;\n\n        if (controls) {\n          let hideTimeout: ReturnType<typeof setTimeout> | null = null;\n          const hideDelay = 3000; // 3 seconds delay\n          let isMouseOver = false;\n\n          const resetTimer = () => {\n            // Clear any pending hide timeout\n            if (hideTimeout) {\n              clearTimeout(hideTimeout);\n              hideTimeout = null;\n            }\n\n            // Start new timer to hide controls after delay\n            hideTimeout = setTimeout(() => {\n              if (isMouseOver) {\n                // Check if video is paused - don't hide controls if paused\n                if (video && !video.paused) {\n                  controls.forEach((control) => {\n                    control.setAttribute(\"data-hidden\", \"true\");\n                  });\n                }\n              }\n              hideTimeout = null;\n            }, hideDelay);\n          };\n\n          const showControls = () => {\n            isMouseOver = true;\n            controls.forEach((control) => {\n              control.removeAttribute(\"data-hidden\");\n            });\n            resetTimer();\n          };\n\n          const hideControls = () => {\n            isMouseOver = false;\n            // Clear any pending hide timeout\n            if (hideTimeout) {\n              clearTimeout(hideTimeout);\n              hideTimeout = null;\n            }\n            // Hide controls immediately when mouse leaves\n            if (video && !video.paused) {\n              controls.forEach((control) => {\n                control.setAttribute(\"data-hidden\", \"true\");\n              });\n            }\n          };\n\n          const handleMouseMove = () => {\n            if (isMouseOver) {\n              // If controls are hidden, show them\n              controls.forEach((control) => {\n                if (control.hasAttribute(\"data-hidden\")) {\n                  control.removeAttribute(\"data-hidden\");\n                }\n              });\n              resetTimer();\n            }\n          };\n\n          const handlePlay = () => {\n            // Hide controls when video starts playing (autoplay)\n            if (!isMouseOver) {\n              controls.forEach((control) => {\n                control.setAttribute(\"data-hidden\", \"true\");\n              });\n            }\n          };\n\n          videoWrapper.addEventListener(\"mouseenter\", showControls);\n          videoWrapper.addEventListener(\"mouseleave\", hideControls);\n          videoWrapper.addEventListener(\"mousemove\", handleMouseMove);\n          video.addEventListener(\"pause\", showControls);\n          video.addEventListener(\"play\", handlePlay);\n\n          // Cleanup function\n          return () => {\n            if (hideTimeout) {\n              clearTimeout(hideTimeout);\n            }\n            videoWrapper.removeEventListener(\"mouseenter\", showControls);\n            videoWrapper.removeEventListener(\"mouseleave\", hideControls);\n            videoWrapper.removeEventListener(\"mousemove\", handleMouseMove);\n            video.removeEventListener(\"pause\", showControls);\n            video.removeEventListener(\"play\", handlePlay);\n          };\n        }\n      }\n    }, []);\n\n    useEffect(() => {\n      if (isFocused) {\n        const handleClick = (event: MouseEvent) => {\n          if (!videoWrapperRef.current?.contains(event.target as Node)) {\n            setIsFocused(false);\n          }\n        };\n        document.addEventListener(\"click\", handleClick);\n\n        return () => {\n          document.removeEventListener(\"click\", handleClick);\n        };\n      }\n    }, [isFocused]);\n\n    return (\n      <VideoContext.Provider\n        value={{\n          videoRef,\n          setVideoRef,\n          config: { clickToPlay: true, ...config },\n          error,\n          setError,\n          isFocused,\n          setIsFocused,\n        }}\n      >\n        <div\n          ref={videoWrapperRef}\n          data-zuude-video-wrapper\n          onClick={() => setIsFocused(true)}\n          {...props}\n        >\n          {children}\n        </div>\n      </VideoContext.Provider>\n    );\n  }\n);\n\nexport const useVideo = () => {\n  const context = useContext(VideoContext);\n  if (!context) {\n    throw new Error(\"useVideo must be used within a VideoProvider\");\n  }\n  return context;\n};\n","import React, { forwardRef, RefObject, useEffect, useRef } from \"react\";\nimport { useVideo } from \"./wrapper\";\nimport { VideoAutoplay } from \"./types\";\nimport { useAutoplayByForce } from \"./hooks/use-autoplay-by-force\";\nimport { Keyboards } from \"./keyboard\";\nimport { useAutoplayOnVisible } from \"./hooks\";\n\ninterface Props\n  extends Omit<React.ComponentProps<\"video\">, \"autoPlay\" | \"preload\"> {\n  src: string;\n  autoPlay?: VideoAutoplay;\n  controls?: boolean;\n  preload?: \"none\" | \"metadata\" | \"auto\";\n  muteFallback?: (onMute: () => void) => React.ReactNode;\n  autoPlayOnVisible?: boolean | number;\n}\n\nexport const Video = forwardRef<HTMLVideoElement, Props>(\n  (\n    {\n      src,\n      autoPlay,\n      muteFallback,\n      controls,\n      preload = \"metadata\",\n      autoPlayOnVisible,\n      ...props\n    },\n    ref\n  ) => {\n    const { videoRef, setVideoRef, config, setError, error, isFocused } =\n      useVideo();\n\n    const refVideo = useRef<HTMLVideoElement>(null);\n\n    useEffect(() => {\n      const video = refVideo.current;\n      const thirdPartyRef = ref;\n\n      if (thirdPartyRef) {\n        setVideoRef(thirdPartyRef as RefObject<HTMLVideoElement>);\n      } else {\n        if (video) {\n          setVideoRef({ current: video });\n        }\n      }\n    }, [src]);\n\n    useAutoplayByForce(\n      videoRef,\n      autoPlay === \"force\" && props.muted === undefined,\n      setError\n    );\n\n    useAutoplayOnVisible(\n      videoRef,\n      typeof autoPlayOnVisible === \"number\"\n        ? autoPlayOnVisible\n        : !autoPlayOnVisible\n          ? 0.5\n          : undefined,\n      !!autoPlayOnVisible\n    );\n\n    const onPlay = () => {\n      if (videoRef?.current?.paused) {\n        videoRef.current?.play();\n      } else {\n        videoRef?.current?.pause();\n      }\n    };\n\n    return (\n      <>\n        <video\n          ref={ref || refVideo}\n          data-zuude-video\n          src={src}\n          onClick={config?.clickToPlay ? onPlay : undefined}\n          autoPlay={autoPlay === \"force\" ? true : autoPlay}\n          preload={preload}\n          {...props}\n        />\n\n        {controls && isFocused && <Keyboards />}\n\n        {error === \"NotAllowedError\" &&\n          typeof muteFallback === \"function\" &&\n          muteFallback(() => {\n            if (videoRef?.current) {\n              videoRef.current.muted = !videoRef.current.muted;\n            }\n            setError(null);\n          })}\n      </>\n    );\n  }\n);\n\nVideo.displayName = \"Video\";\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useAutoplayByForce = (\n  videoRef: VideoRef,\n  enabled: boolean,\n  setError?: (error: string | null) => void\n) => {\n  React.useEffect(() => {\n    if (!videoRef?.current || !enabled) return;\n\n    const playVideo = async () => {\n      try {\n        await videoRef.current?.play();\n      } catch (error) {\n        // If autoplay fails, try muting and playing again\n        if (error instanceof Error && error.name === \"NotAllowedError\") {\n          setError?.(\"NotAllowedError\");\n          console.error(\"NotAllowedError\");\n          if (videoRef?.current) {\n            videoRef.current.muted = true;\n            try {\n              await videoRef.current.play();\n            } catch (retryError) {\n              console.error(retryError);\n            }\n          }\n        } else {\n          console.error(error);\n        }\n      }\n    };\n\n    playVideo();\n  }, [enabled, videoRef?.current]);\n};\n","import { useEffect } from \"react\";\n\nexport const useHotKeys = (\n  key: string,\n  func: (event: KeyboardEvent) => void,\n  enabled = true\n) => {\n  const handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === key) {\n      event.preventDefault();\n      func(event);\n    }\n  };\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [key, func, enabled]);\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useSeek = (videoRef: VideoRef, value = 10) => {\n  const seekForward = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.currentTime += value;\n    }\n  }, [videoRef?.current]);\n\n  const seekBackward = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.currentTime -= value;\n    }\n  }, [videoRef?.current]);\n\n  return { seekForward, seekBackward };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const usePlayPause = (videoRef: VideoRef) => {\n  const [isPlaying, setIsPlaying] = React.useState(false);\n\n  const togglePlay = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.paused\n        ? videoRef.current.play()\n        : videoRef.current.pause();\n    }\n  }, [videoRef?.current]);\n\n  const play = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.play();\n    }\n  }, [videoRef?.current]);\n\n  const pause = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.pause();\n    }\n  }, [videoRef?.current]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    const handlePlay = () => {\n      setIsPlaying(true);\n    };\n    const handlePause = () => {\n      setIsPlaying(false);\n    };\n\n    setIsPlaying(!videoRef?.current.paused);\n\n    if (videoRef?.current) {\n      videoRef.current.addEventListener(\"play\", handlePlay);\n      videoRef.current.addEventListener(\"pause\", handlePause);\n\n      return () => {\n        videoRef.current?.removeEventListener(\"play\", handlePlay);\n        videoRef.current?.removeEventListener(\"pause\", handlePause);\n      };\n    }\n  }, [videoRef?.current]);\n\n  return { togglePlay, isPlaying, play, pause };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useMuteUnmute = (videoRef: VideoRef) => {\n  const [isMuted, setIsMuted] = React.useState(false);\n\n  const toggleMute = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.muted = !videoRef.current.muted;\n    }\n  }, [videoRef?.current]);\n\n  const mute = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.muted = true;\n    }\n  }, [videoRef?.current]);\n\n  const unmute = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.muted = false;\n    }\n  }, [videoRef?.current]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    // Set the initial state\n    setIsMuted(videoRef.current.muted);\n\n    const handleVolumeChange = () => {\n      if (videoRef.current) {\n        setIsMuted(videoRef.current.muted);\n      }\n    };\n\n    videoRef.current.addEventListener(\"volumechange\", handleVolumeChange);\n\n    return () => {\n      videoRef.current?.removeEventListener(\"volumechange\", handleVolumeChange);\n    };\n  }, [videoRef?.current]);\n\n  return { toggleMute, isMuted, mute, unmute };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nconst useFullscreen = (videoRef: VideoRef) => {\n  const [isFullscreen, setIsFullscreen] = React.useState(false);\n\n  React.useEffect(() => {\n    const handleFullscreenChange = () => {\n      setIsFullscreen?.(!!document.fullscreenElement);\n      toggleFullscreen();\n    };\n\n    document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\n    return () =>\n      document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\n  }, [isFullscreen]);\n\n  const toggleFullscreen = () => {\n    console.log(\"toggleFullscreen\");\n    const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\n    const video = videoRef?.current;\n\n    if (video && isSafari) {\n      if ((video as any).webkitEnterFullscreen) {\n        (video as any).webkitEnterFullscreen();\n        return;\n      } else if (video.requestFullscreen) {\n        video.requestFullscreen();\n        return;\n      }\n    }\n\n    const videoContainer = video?.closest(\n      \"[data-zuude-video-wrapper]\"\n    ) as HTMLElement;\n\n    if (videoContainer) {\n      if (!isFullscreen) {\n        videoContainer.requestFullscreen();\n        if (video) {\n          video.style.objectFit = \"contain\";\n        }\n      } else {\n        document.exitFullscreen();\n        if (video) {\n          video.style.objectFit = \"cover\";\n        }\n      }\n    }\n  };\n\n  return { isFullscreen: isFullscreen ?? false, toggleFullscreen };\n};\n\nexport { useFullscreen };\n","import type { VideoRef } from \"../types\";\n\nexport const usePictureInPicture = (videoRef: VideoRef) => {\n  const togglePictureInPicture = async () => {\n    const video = videoRef?.current;\n    if (!video) return;\n\n    try {\n      if (document.pictureInPictureElement) {\n        await document.exitPictureInPicture();\n      } else {\n        await video.requestPictureInPicture();\n      }\n    } catch (error) {\n      // Fallback for browsers that don't support PiP\n      const isSafari = /^((?!chrome|android).)*safari/i.test(\n        navigator.userAgent\n      );\n\n      if (isSafari) {\n        if ((video as any).webkitEnterFullscreen) {\n          (video as any).webkitEnterFullscreen();\n        } else if (video.requestFullscreen) {\n          video.requestFullscreen();\n        }\n      } else {\n        const videoContainer = video.closest(\n          \"[data-zuude-video-wrapper]\"\n        ) as HTMLElement;\n        if (videoContainer) {\n          if (!document.fullscreenElement) {\n            await videoContainer.requestFullscreen();\n          } else {\n            await document.exitFullscreen();\n          }\n        }\n      }\n    }\n  };\n\n  const requestPictureInPicture = async () => {\n    const video = videoRef?.current;\n    if (!video) return;\n    await video.requestPictureInPicture();\n  };\n\n  const exitPictureInPicture = async () => {\n    const video = videoRef?.current;\n    if (!video) return;\n    await document.exitPictureInPicture();\n  };\n\n  return {\n    togglePictureInPicture,\n    requestPictureInPicture,\n    exitPictureInPicture,\n  };\n};\n","import { useVideo } from \"./wrapper\";\nimport { useHotKeys } from \"./hooks/use-hot-keys\";\nimport { useSeek } from \"./hooks/use-seek\";\nimport { usePlayPause } from \"./hooks/use-play-pause\";\nimport { useMuteUnmute } from \"./hooks/use-mute-unmute\";\nimport { useFullscreen } from \"./hooks/use-fullscreen\";\nimport { usePictureInPicture } from \"./hooks/use-picture-in-picture\";\n\nexport const Keyboards = () => {\n  const { videoRef } = useVideo();\n\n  const { seekForward, seekBackward } = useSeek(videoRef);\n  const { togglePlay } = usePlayPause(videoRef);\n  const { toggleMute } = useMuteUnmute(videoRef);\n  const { toggleFullscreen } = useFullscreen(videoRef);\n  const { togglePictureInPicture } = usePictureInPicture(videoRef);\n\n  useHotKeys(\"ArrowRight\", () => {\n    seekForward();\n  });\n  useHotKeys(\"ArrowLeft\", () => {\n    seekBackward();\n  });\n  useHotKeys(\" \", () => {\n    togglePlay();\n  });\n  useHotKeys(\"m\", () => {\n    toggleMute();\n  });\n  useHotKeys(\"f\", () => {\n    toggleFullscreen();\n  });\n  useHotKeys(\"p\", () => {\n    togglePictureInPicture();\n  });\n\n  return null;\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useAutoplayOnVisible = (\n  videoRef: VideoRef,\n  threshold: number | undefined,\n  enabled = true\n) => {\n  React.useEffect(() => {\n    if (!videoRef?.current || !enabled) return;\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (!videoRef?.current) return;\n\n          if (entry.isIntersecting) {\n            videoRef.current.play().catch((error) => {\n              if (!videoRef.current) return;\n\n              videoRef.current.pause();\n              videoRef.current.muted = true;\n              videoRef.current.play();\n              console.error(error);\n            });\n          } else {\n            videoRef.current?.pause();\n          }\n        });\n      },\n      { threshold: threshold ?? 0.5 }\n    );\n\n    observer.observe(videoRef?.current);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [videoRef?.current]);\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useGetDuration = (videoRef: VideoRef) => {\n  const [isLoading, setIsLoading] = React.useState(false);\n  const [duration, setDuration] = React.useState<number | null>(null);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    setIsLoading(true);\n\n    const getDuration = () => {\n      setDuration(videoRef.current?.duration ?? null);\n      setIsLoading(false);\n    };\n\n    const handleError = () => {\n      setIsLoading(false);\n    };\n\n    const video = videoRef.current;\n\n    // Check if duration is already available\n    if (video.duration && !isNaN(video.duration)) {\n      setDuration(video.duration);\n      setIsLoading(false);\n    } else {\n      // Add event listeners\n      video.addEventListener(\"loadedmetadata\", getDuration);\n      video.addEventListener(\"error\", handleError);\n      video.addEventListener(\"loadeddata\", getDuration);\n\n      return () => {\n        video.removeEventListener(\"loadedmetadata\", getDuration);\n        video.removeEventListener(\"error\", handleError);\n        video.removeEventListener(\"loadeddata\", getDuration);\n      };\n    }\n  }, [videoRef]);\n\n  return { duration, isLoading };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useSpeed = (videoRef: VideoRef) => {\n  const [speed, setSpeed] = React.useState(1);\n\n  const onChangeSpeed = (speed: number) => {\n    setSpeed(speed);\n  };\n\n  // Get the speed from the video element\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n    setSpeed(videoRef.current.playbackRate);\n  }, [videoRef?.current]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    videoRef.current.playbackRate = speed;\n  }, [speed, videoRef?.current]);\n\n  return { speed, onChangeSpeed };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useStartAt = (videoRef: VideoRef, startAt: number) => {\n  React.useEffect(() => {\n    if (!videoRef?.current || !startAt) return;\n\n    const video = videoRef?.current;\n    if (video && startAt) {\n      video.currentTime = startAt;\n    }\n  }, [startAt, videoRef?.current]);\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types.js\";\n\nexport const useCurrentTime = (videoRef: VideoRef, interval = 10) => {\n  const [isPlaying, setIsPlaying] = React.useState(false);\n  const [currentTime, setCurrentTime] = React.useState(0);\n\n  React.useEffect(() => {\n    if (videoRef?.current && isPlaying) {\n      const intervalId = setInterval(() => {\n        setCurrentTime(videoRef.current?.currentTime || 0);\n      }, interval);\n\n      return () => clearInterval(intervalId);\n    }\n  }, [videoRef?.current, isPlaying]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    videoRef.current.addEventListener(\"play\", () => setIsPlaying(true));\n    videoRef.current.addEventListener(\"pause\", () => setIsPlaying(false));\n\n    return () => {\n      videoRef.current?.removeEventListener(\"play\", () => setIsPlaying(true));\n      videoRef.current?.removeEventListener(\"pause\", () => setIsPlaying(false));\n    };\n  }, [videoRef?.current]);\n\n  const onTimeUpdate = (time: number) => {\n    if (videoRef?.current) {\n      setCurrentTime(time);\n      videoRef.current.currentTime = time;\n    }\n  };\n\n  return {\n    currentTime,\n    onTimeUpdate,\n  };\n};\n","import { RefObject, useEffect, useState } from \"react\";\n\nconst useVideoState = (videoRef: RefObject<HTMLVideoElement | null>) => {\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [isMuted, setIsMuted] = useState(false);\n  const [isFullscreen, setIsFullscreen] = useState(false);\n\n  useEffect(() => {\n    const video = videoRef.current;\n\n    if (video) {\n      video.addEventListener(\"play\", () => setIsPlaying(true));\n      video.addEventListener(\"pause\", () => setIsPlaying(false));\n\n      return () => {\n        video.removeEventListener(\"play\", () => setIsPlaying(true));\n        video.removeEventListener(\"pause\", () => setIsPlaying(false));\n      };\n    }\n  }, [videoRef]);\n\n  useEffect(() => {\n    if (!videoRef?.current) return;\n\n    // Set the initial state\n    setIsMuted(videoRef.current.muted);\n\n    const handleVolumeChange = () => {\n      if (videoRef.current) {\n        setIsMuted(videoRef.current.muted);\n      }\n    };\n\n    videoRef.current.addEventListener(\"volumechange\", handleVolumeChange);\n\n    return () => {\n      videoRef.current?.removeEventListener(\"volumechange\", handleVolumeChange);\n    };\n  }, [videoRef]);\n\n  useEffect(() => {\n    if (!videoRef?.current) return;\n\n    const handleFullscreenChange = () => {\n      setIsFullscreen(!!document.fullscreenElement);\n    };\n\n    document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\n    return () =>\n      document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\n  }, [videoRef]);\n\n  return { isPlaying, isMuted, isFullscreen };\n};\n\nexport { useVideoState };\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useVolume = (videoRef: VideoRef, initialVolume = 100) => {\n  const [volume, setVolume] = React.useState(initialVolume);\n\n  const onChangeVolume = (volume: number) => {\n    setVolume(volume);\n  };\n\n  // Get the volume from the video element\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n    setVolume(videoRef.current.volume * 100);\n  }, [videoRef?.current]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    videoRef.current.volume = volume / 100;\n  }, [volume, videoRef?.current]);\n\n  return { volume, onChangeVolume };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types.js\";\n\nexport const useBuffer = (videoRef: VideoRef, duration?: number) => {\n  const [isPlaying, setIsPlaying] = React.useState(false);\n  const [buffered, setBuffered] = React.useState(0);\n\n  React.useEffect(() => {\n    if (videoRef?.current && isPlaying) {\n      const intervalId = setInterval(() => {\n        if (videoRef.current?.buffered.length) {\n          setBuffered(\n            videoRef.current.buffered.end(videoRef.current.buffered.length - 1)\n          );\n        }\n      }, 10);\n\n      return () => clearInterval(intervalId);\n    }\n  }, [videoRef?.current, isPlaying]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    videoRef.current.addEventListener(\"play\", () => setIsPlaying(true));\n    videoRef.current.addEventListener(\"pause\", () => setIsPlaying(false));\n\n    return () => {\n      videoRef.current?.removeEventListener(\"play\", () => setIsPlaying(true));\n      videoRef.current?.removeEventListener(\"pause\", () => setIsPlaying(false));\n    };\n  }, []);\n\n  return {\n    buffered,\n    bufferedPercentage: (buffered / (duration || 0)) * 100 || 0,\n  };\n};\n","import { useEffect, useState, useCallback } from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useDownload = (videoRef: VideoRef) => {\n  const [isDownloading, setIsDownloading] = useState(false);\n  const [downloadProgress, setDownloadProgress] = useState(0);\n  const [error, setError] = useState<string | null>(null);\n\n  const downloadVideo = useCallback(\n    async (filename?: string) => {\n      if (!videoRef?.current) {\n        setError(\"Video element not found\");\n        return;\n      }\n\n      const video = videoRef.current;\n      const videoSrc = video.src || video.currentSrc;\n\n      if (!videoSrc) {\n        setError(\"No video source found\");\n        return;\n      }\n\n      try {\n        setIsDownloading(true);\n        setError(null);\n        setDownloadProgress(0);\n\n        // Fetch the video file\n        const response = await fetch(videoSrc);\n\n        if (!response.ok) {\n          throw new Error(`Failed to fetch video: ${response.statusText}`);\n        }\n\n        // Get the content length for progress tracking\n        const contentLength = response.headers.get(\"content-length\");\n        const total = contentLength ? parseInt(contentLength, 10) : 0;\n\n        // Create a readable stream to track progress\n        const reader = response.body?.getReader();\n        if (!reader) {\n          throw new Error(\"Failed to create download stream\");\n        }\n\n        const chunks: Uint8Array[] = [];\n        let receivedLength = 0;\n\n        while (true) {\n          const { done, value } = await reader.read();\n\n          if (done) break;\n\n          chunks.push(value);\n          receivedLength += value.length;\n\n          if (total > 0) {\n            const progress = (receivedLength / total) * 100;\n            setDownloadProgress(Math.round(progress));\n          }\n        }\n\n        // Combine chunks into a single blob\n        const blob = new Blob(chunks, {\n          type: response.headers.get(\"content-type\") || \"video/mp4\",\n        });\n\n        // Create download link\n        const url = URL.createObjectURL(blob);\n        const link = document.createElement(\"a\");\n        link.href = url;\n\n        // Generate filename if not provided\n        const defaultFilename = filename || `video-${Date.now()}.mp4`;\n        link.download = defaultFilename;\n\n        // Trigger download\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n\n        // Clean up\n        URL.revokeObjectURL(url);\n\n        setDownloadProgress(100);\n        setIsDownloading(false);\n      } catch (err) {\n        setError(err instanceof Error ? err.message : \"Download failed\");\n        setIsDownloading(false);\n        setDownloadProgress(0);\n      }\n    },\n    [videoRef]\n  );\n\n  // Alternative simple download method for direct video URLs\n  const downloadDirect = useCallback(\n    (filename?: string) => {\n      if (!videoRef?.current) {\n        setError(\"Video element not found\");\n        return;\n      }\n\n      const video = videoRef.current;\n      const videoSrc = video.src || video.currentSrc;\n\n      if (!videoSrc) {\n        setError(\"No video source found\");\n        return;\n      }\n\n      try {\n        setIsDownloading(true);\n        setError(null);\n        setDownloadProgress(0);\n\n        const link = document.createElement(\"a\");\n        link.href = videoSrc;\n        link.download = filename || `video-${Date.now()}.mp4`;\n        link.target = \"_blank\";\n\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n\n        setIsDownloading(false);\n        setDownloadProgress(100);\n      } catch (err) {\n        setError(err instanceof Error ? err.message : \"Download failed\");\n        setIsDownloading(false);\n        setDownloadProgress(0);\n      }\n    },\n    [videoRef]\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      setIsDownloading(false);\n      setDownloadProgress(0);\n      setError(null);\n    };\n  }, []);\n\n  return {\n    downloadVideo,\n    downloadDirect,\n    isDownloading,\n    downloadProgress,\n    error,\n    resetError: () => setError(null),\n  };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useRange = (videoRef: VideoRef, range: [number, number]) => {\n  React.useEffect(() => {\n    if (!videoRef?.current || !range) return;\n\n    const video = videoRef.current;\n\n    if (video) {\n      const handleTimeUpdate = () => {\n        if (video.currentTime >= range[1]) {\n          video.currentTime = range[0];\n        } else if (video.currentTime <= range[0]) {\n          video.currentTime = range[0];\n        }\n      };\n\n      video.addEventListener(\"timeupdate\", handleTimeUpdate);\n\n      return () => {\n        video.removeEventListener(\"timeupdate\", handleTimeUpdate);\n      };\n    }\n  }, [range, videoRef?.current]);\n};\n","import React, { RefObject, useRef } from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { useVideo } from \"./wrapper\";\nimport { useFullscreen } from \"./hooks/use-fullscreen\";\nimport { useSeek } from \"./hooks/use-seek\";\nimport { useMuteUnmute } from \"./hooks/use-mute-unmute\";\nimport { usePlayPause } from \"./hooks/use-play-pause\";\nimport { useCurrentTime } from \"./hooks/use-current-time\";\nimport { usePictureInPicture } from \"./hooks/use-picture-in-picture\";\nimport { useDownload } from \"./hooks/use-download\";\nimport { useSpeed } from \"./hooks\";\nimport { useLoading } from \"./hooks/use-loading\";\n\ninterface ControlsProps extends React.ComponentProps<\"div\"> {\n  children: React.ReactNode;\n  asChild?: boolean;\n}\n\nconst Controls = React.memo(\n  ({ children, asChild, ...props }: ControlsProps) => {\n    return (\n      <div data-zuude-hide-elements {...props}>\n        {children}\n      </div>\n    );\n  }\n);\n\ninterface Props extends React.ComponentProps<\"button\"> {\n  children: React.ReactNode;\n  asChild?: boolean;\n}\n\nconst Play = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { play } = usePlayPause(videoRef as RefObject<HTMLVideoElement>);\n\n  return (\n    <Element {...props} onClick={play}>\n      {children}\n    </Element>\n  );\n});\n\nconst Pause = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { pause } = usePlayPause(videoRef as RefObject<HTMLVideoElement>);\n\n  return (\n    <Element {...props} onClick={pause}>\n      {children}\n    </Element>\n  );\n});\n\nconst Mute = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { mute } = useMuteUnmute(videoRef as RefObject<HTMLVideoElement>);\n\n  return (\n    <Element {...props} onClick={mute}>\n      {children}\n    </Element>\n  );\n});\n\nconst Unmute = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { unmute } = useMuteUnmute(videoRef as RefObject<HTMLVideoElement>);\n\n  return (\n    <Element {...props} onClick={unmute}>\n      {children}\n    </Element>\n  );\n});\n\ninterface SpeedProps extends Props {\n  value: number;\n  onClick?: () => void;\n}\n\nconst Speed = React.memo(\n  ({ children, asChild, value, onClick, ...props }: SpeedProps) => {\n    const Element = asChild ? Slot : \"button\";\n    const { videoRef } = useVideo();\n\n    const { speed, onChangeSpeed } = useSpeed(\n      videoRef as RefObject<HTMLVideoElement>\n    );\n\n    return (\n      <Element\n        {...props}\n        value={value}\n        onClick={() => {\n          onChangeSpeed(value);\n          onClick?.();\n        }}\n      >\n        {children}\n      </Element>\n    );\n  }\n);\n\nconst SeekForward = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { seekForward } = useSeek(videoRef as RefObject<HTMLVideoElement>, 10);\n\n  return (\n    <Element {...props} onClick={seekForward}>\n      {children}\n    </Element>\n  );\n});\n\nconst SeekBackward = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { seekBackward } = useSeek(videoRef as RefObject<HTMLVideoElement>, 10);\n\n  return (\n    <Element {...props} onClick={seekBackward}>\n      {children}\n    </Element>\n  );\n});\n\nconst Fullscreen = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { toggleFullscreen } = useFullscreen(videoRef);\n\n  return (\n    <Element {...props} onClick={toggleFullscreen}>\n      {children}\n    </Element>\n  );\n});\n\nconst ExitFullscreen = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { toggleFullscreen } = useFullscreen(videoRef);\n\n  return (\n    <Element {...props} onClick={toggleFullscreen}>\n      {children}\n    </Element>\n  );\n});\n\nconst PictureInPicture = React.memo(\n  ({ children, asChild, ...props }: Props) => {\n    const Element = asChild ? Slot : \"button\";\n    const { videoRef } = useVideo();\n\n    const { togglePictureInPicture } = usePictureInPicture(videoRef);\n\n    return (\n      <Element {...props} onClick={togglePictureInPicture}>\n        {children}\n      </Element>\n    );\n  }\n);\n\nconst Download = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { downloadDirect } = useDownload(videoRef);\n\n  return (\n    <Element {...props} onClick={() => downloadDirect()}>\n      {children}\n    </Element>\n  );\n});\n\ninterface LoadingProps extends React.ComponentProps<\"div\"> {\n  children: React.ReactNode;\n  asChild?: boolean;\n}\n\nconst Loading = React.memo(({ children, asChild, ...props }: LoadingProps) => {\n  const Element = asChild ? Slot : \"div\";\n  const { videoRef } = useVideo();\n\n  const { isLoading } = useLoading(videoRef);\n\n  return (\n    <Element\n      {...props}\n      style={{ ...props.style, pointerEvents: \"none\" }}\n      data-loading={isLoading}\n    >\n      {children}\n    </Element>\n  );\n});\n\ninterface ShadowProps extends React.ComponentProps<\"div\"> {}\n\nconst Shadow = ({ ...props }: ShadowProps) => {\n  const { videoRef } = useVideo();\n\n  const shadowVideoRef = useRef<HTMLVideoElement>(null);\n\n  React.useEffect(() => {\n    const video = videoRef?.current;\n    if (shadowVideoRef.current && video) {\n      let currentTime = 0;\n      let isPlaying = false;\n      let interval: ReturnType<typeof setInterval> | null = null;\n\n      const startInterval = () => {\n        if (interval) clearInterval(interval);\n        interval = setInterval(() => {\n          console.log(\"currentTime\", video.currentTime);\n          currentTime = video.currentTime;\n          if (shadowVideoRef.current) {\n            shadowVideoRef.current.currentTime = currentTime;\n          }\n        }, 100);\n      };\n\n      const stopInterval = () => {\n        if (interval) {\n          clearInterval(interval);\n          interval = null;\n        }\n      };\n\n      const handlePlay = () => {\n        isPlaying = true;\n        startInterval();\n      };\n\n      const handlePause = () => {\n        isPlaying = false;\n        stopInterval();\n      };\n\n      video.addEventListener(\"play\", handlePlay);\n      video.addEventListener(\"pause\", handlePause);\n\n      return () => {\n        stopInterval();\n        video.removeEventListener(\"play\", handlePlay);\n        video.removeEventListener(\"pause\", handlePause);\n      };\n    }\n  }, [videoRef?.current]);\n\n  if (!videoRef?.current) return null;\n\n  return (\n    <div\n      {...props}\n      style={{\n        ...props.style,\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        width: \"100%\",\n        height: \"100%\",\n        pointerEvents: \"none\",\n      }}\n    >\n      <video\n        ref={shadowVideoRef}\n        src={videoRef.current.src}\n        muted\n        playsInline\n        style={{\n          width: \"100%\",\n          height: \"100%\",\n          objectFit: \"cover\",\n        }}\n      />\n    </div>\n  );\n};\n\nexport {\n  Controls,\n  Play,\n  Pause,\n  Mute,\n  Unmute,\n  Speed,\n  SeekForward,\n  SeekBackward,\n  Fullscreen,\n  ExitFullscreen,\n  PictureInPicture,\n  Download,\n  Loading,\n  Shadow,\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useLoading = (videoRef: VideoRef) => {\n  const [isLoading, setIsLoading] = React.useState(false);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    const video = videoRef.current;\n\n    const handleLoadStart = () => {\n      setIsLoading(true);\n    };\n\n    const handleLoadedMetadata = () => {\n      // Metadata loaded but video might not be ready to play yet\n      // Keep loading true until canplay\n    };\n\n    const handleLoadedData = () => {\n      // First frame loaded, but might still be buffering\n      // Keep loading true until canplay\n    };\n\n    const handleCanPlay = () => {\n      setIsLoading(false);\n    };\n\n    const handleCanPlayThrough = () => {\n      setIsLoading(false);\n    };\n\n    const handleWaiting = () => {\n      // Video is waiting for data (buffering)\n      setIsLoading(true);\n    };\n\n    const handlePlaying = () => {\n      // Video is playing, so it's not loading anymore\n      setIsLoading(false);\n    };\n\n    const handleError = () => {\n      setIsLoading(false);\n    };\n\n    const handleAbort = () => {\n      setIsLoading(false);\n    };\n\n    const handleSuspend = () => {\n      // Loading suspended (e.g., user paused)\n      // Don't change loading state here\n    };\n\n    // Add event listeners\n    video.addEventListener(\"loadstart\", handleLoadStart);\n    video.addEventListener(\"loadedmetadata\", handleLoadedMetadata);\n    video.addEventListener(\"loadeddata\", handleLoadedData);\n    video.addEventListener(\"canplay\", handleCanPlay);\n    video.addEventListener(\"canplaythrough\", handleCanPlayThrough);\n    video.addEventListener(\"waiting\", handleWaiting);\n    video.addEventListener(\"playing\", handlePlaying);\n    video.addEventListener(\"error\", handleError);\n    video.addEventListener(\"abort\", handleAbort);\n    video.addEventListener(\"suspend\", handleSuspend);\n\n    // Check initial state\n    if (video.readyState >= 2) {\n      setIsLoading(false);\n    }\n\n    return () => {\n      // Remove event listeners\n      video.removeEventListener(\"loadstart\", handleLoadStart);\n      video.removeEventListener(\"loadedmetadata\", handleLoadedMetadata);\n      video.removeEventListener(\"loadeddata\", handleLoadedData);\n      video.removeEventListener(\"canplay\", handleCanPlay);\n      video.removeEventListener(\"canplaythrough\", handleCanPlayThrough);\n      video.removeEventListener(\"waiting\", handleWaiting);\n      video.removeEventListener(\"playing\", handlePlaying);\n      video.removeEventListener(\"error\", handleError);\n      video.removeEventListener(\"abort\", handleAbort);\n      video.removeEventListener(\"suspend\", handleSuspend);\n    };\n  }, [videoRef]);\n\n  return { isLoading };\n};\n"],"mappings":"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","names":["index_exports","__export","Controls","Download","ExitFullscreen","Fullscreen","Loading","Mute","Pause","PictureInPicture","Play","SeekBackward","SeekForward","Shadow","Speed","Unmute","Video","VideoProvider","useVideo","__toCommonJS","import_react","import_jsx_runtime","VideoContext","VideoProvider","React","children","config","onError","props","videoRef","setVideoRef","error","setError","isFocused","setIsFocused","videoWrapperRef","videoWrapper","controls","video","hideTimeout","hideDelay","isMouseOver","resetTimer","control","showControls","hideControls","handleMouseMove","handlePlay","handleClick","event","_a","useVideo","context","import_react","import_react","useAutoplayByForce","videoRef","enabled","setError","React","_a","error","retryError","import_react","useHotKeys","key","func","enabled","handleKeyDown","event","import_react","useSeek","videoRef","value","seekForward","React","seekBackward","import_react","usePlayPause","videoRef","isPlaying","setIsPlaying","React","togglePlay","play","pause","handlePlay","handlePause","_a","_b","import_react","useMuteUnmute","videoRef","isMuted","setIsMuted","React","toggleMute","mute","unmute","handleVolumeChange","_a","import_react","useFullscreen","videoRef","isFullscreen","setIsFullscreen","React","handleFullscreenChange","toggleFullscreen","isSafari","video","videoContainer","usePictureInPicture","videoRef","video","error","videoContainer","Keyboards","videoRef","useVideo","seekForward","seekBackward","useSeek","togglePlay","usePlayPause","toggleMute","useMuteUnmute","toggleFullscreen","useFullscreen","togglePictureInPicture","usePictureInPicture","useHotKeys","import_react","useAutoplayOnVisible","videoRef","threshold","enabled","React","observer","entries","entry","_a","error","import_react","import_react","useSpeed","videoRef","speed","setSpeed","React","onChangeSpeed","import_react","import_react","import_react","import_react","import_react","import_react","useDownload","videoRef","isDownloading","setIsDownloading","downloadProgress","setDownloadProgress","error","setError","downloadVideo","filename","_a","video","videoSrc","response","contentLength","total","reader","chunks","receivedLength","done","value","progress","blob","url","link","defaultFilename","err","downloadDirect","import_react","import_jsx_runtime","Video","src","autoPlay","muteFallback","controls","preload","autoPlayOnVisible","props","ref","videoRef","setVideoRef","config","setError","error","isFocused","useVideo","refVideo","video","thirdPartyRef","useAutoplayByForce","useAutoplayOnVisible","onPlay","_a","_b","_c","Keyboards","import_react","import_react_slot","import_react","useLoading","videoRef","isLoading","setIsLoading","React","video","handleLoadStart","handleLoadedMetadata","handleLoadedData","handleCanPlay","handleCanPlayThrough","handleWaiting","handlePlaying","handleError","handleAbort","handleSuspend","import_jsx_runtime","Controls","React","children","asChild","props","Play","Element","videoRef","useVideo","play","usePlayPause","Pause","pause","Mute","mute","useMuteUnmute","Unmute","unmute","Speed","value","onClick","speed","onChangeSpeed","useSpeed","SeekForward","seekForward","useSeek","SeekBackward","seekBackward","Fullscreen","toggleFullscreen","useFullscreen","ExitFullscreen","PictureInPicture","togglePictureInPicture","usePictureInPicture","Download","downloadDirect","useDownload","Loading","isLoading","useLoading","Shadow","shadowVideoRef","video","currentTime","isPlaying","interval","startInterval","stopInterval","handlePlay","handlePause"]}
+{"version":3,"sources":["../src/index.ts","../src/wrapper.tsx","../src/video.tsx","../src/hooks/use-autoplay-by-force.tsx","../src/hooks/use-hot-keys.tsx","../src/hooks/use-seek.tsx","../src/hooks/use-play-pause.tsx","../src/hooks/use-mute-unmute.tsx","../src/hooks/use-fullscreen.tsx","../src/hooks/use-picture-in-picture.tsx","../src/keyboard.tsx","../src/hooks/use-autoplay-on-visible.tsx","../src/hooks/use-get-duration.tsx","../src/hooks/use-speed.tsx","../src/hooks/use-start-at.tsx","../src/hooks/use-current-time.tsx","../src/hooks/use-video-state.tsx","../src/hooks/use-volume.tsx","../src/hooks/use-buffer.tsx","../src/hooks/use-download.tsx","../src/hooks/use-range.tsx","../src/components.tsx","../src/hooks/use-loading.tsx"],"sourcesContent":["\"use client\";\n\nexport { VideoProvider, useVideo } from \"./wrapper\";\nexport { Video } from \"./video\";\nexport * from \"./components\";\nexport * from \"./types\";\n","import React, {\n  createContext,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport type { VideoRef } from \"./types\";\n\ninterface VideoConfig {\n  config?: Partial<{\n    clickToPlay: boolean;\n  }>;\n}\n\ninterface VideoContextType extends VideoConfig {\n  videoRef: VideoRef;\n  setVideoRef: (video: VideoRef) => void;\n  error: string | null;\n  setError: (error: string | null) => void;\n  isFocused: boolean;\n  setIsFocused: (isFocused: boolean) => void;\n}\n\nexport const VideoContext = createContext<VideoContextType | null>(null);\n\ntype VideoProviderProps = Omit<React.ComponentProps<\"div\">, \"onError\"> &\n  VideoConfig & {\n    children: React.ReactNode;\n    onError?: (error: string | null) => void;\n  };\n\nexport const VideoProvider = React.memo(\n  ({ children, config, onError, ...props }: VideoProviderProps) => {\n    const [videoRef, setVideoRef] = useState<VideoRef>({ current: null });\n    const [error, setError] = useState<string | null>(null);\n    const [isFocused, setIsFocused] = useState(false);\n\n    const videoWrapperRef = useRef<HTMLDivElement>(null);\n\n    // Sending error to user if it exists\n    useEffect(() => {\n      onError?.(error);\n    }, [error]);\n\n    useEffect(() => {\n      const videoWrapper = videoWrapperRef.current;\n      if (videoWrapper) {\n        const controls = videoWrapper.querySelectorAll(\n          \"[data-zuude-hide-elements]\"\n        );\n        const video = videoWrapper.querySelector(\n          \"[data-zuude-video]\"\n        ) as HTMLVideoElement;\n\n        if (controls) {\n          let hideTimeout: ReturnType<typeof setTimeout> | null = null;\n          const hideDelay = 3000; // 3 seconds delay\n          let isMouseOver = false;\n\n          const resetTimer = () => {\n            // Clear any pending hide timeout\n            if (hideTimeout) {\n              clearTimeout(hideTimeout);\n              hideTimeout = null;\n            }\n\n            // Start new timer to hide controls after delay\n            hideTimeout = setTimeout(() => {\n              if (isMouseOver) {\n                // Check if video is paused - don't hide controls if paused\n                if (video && !video.paused) {\n                  controls.forEach((control) => {\n                    control.setAttribute(\"data-hidden\", \"true\");\n                  });\n                }\n              }\n              hideTimeout = null;\n            }, hideDelay);\n          };\n\n          const showControls = () => {\n            isMouseOver = true;\n            controls.forEach((control) => {\n              control.removeAttribute(\"data-hidden\");\n            });\n            resetTimer();\n          };\n\n          const hideControls = () => {\n            isMouseOver = false;\n            // Clear any pending hide timeout\n            if (hideTimeout) {\n              clearTimeout(hideTimeout);\n              hideTimeout = null;\n            }\n            // Hide controls immediately when mouse leaves\n            if (video && !video.paused) {\n              controls.forEach((control) => {\n                control.setAttribute(\"data-hidden\", \"true\");\n              });\n            }\n          };\n\n          const handleMouseMove = () => {\n            if (isMouseOver) {\n              // If controls are hidden, show them\n              controls.forEach((control) => {\n                if (control.hasAttribute(\"data-hidden\")) {\n                  control.removeAttribute(\"data-hidden\");\n                }\n              });\n              resetTimer();\n            }\n          };\n\n          const handlePlay = () => {\n            // Hide controls when video starts playing (autoplay)\n            if (!isMouseOver) {\n              controls.forEach((control) => {\n                control.setAttribute(\"data-hidden\", \"true\");\n              });\n            }\n          };\n\n          videoWrapper.addEventListener(\"mouseenter\", showControls);\n          videoWrapper.addEventListener(\"mouseleave\", hideControls);\n          videoWrapper.addEventListener(\"mousemove\", handleMouseMove);\n          video.addEventListener(\"pause\", showControls);\n          video.addEventListener(\"play\", handlePlay);\n\n          // Cleanup function\n          return () => {\n            if (hideTimeout) {\n              clearTimeout(hideTimeout);\n            }\n            videoWrapper.removeEventListener(\"mouseenter\", showControls);\n            videoWrapper.removeEventListener(\"mouseleave\", hideControls);\n            videoWrapper.removeEventListener(\"mousemove\", handleMouseMove);\n            video.removeEventListener(\"pause\", showControls);\n            video.removeEventListener(\"play\", handlePlay);\n          };\n        }\n      }\n    }, []);\n\n    useEffect(() => {\n      if (isFocused) {\n        const handleClick = (event: MouseEvent) => {\n          if (!videoWrapperRef.current?.contains(event.target as Node)) {\n            setIsFocused(false);\n          }\n        };\n        document.addEventListener(\"click\", handleClick);\n\n        return () => {\n          document.removeEventListener(\"click\", handleClick);\n        };\n      }\n    }, [isFocused]);\n\n    return (\n      <VideoContext.Provider\n        value={{\n          videoRef,\n          setVideoRef,\n          config: { clickToPlay: true, ...config },\n          error,\n          setError,\n          isFocused,\n          setIsFocused,\n        }}\n      >\n        <div\n          ref={videoWrapperRef}\n          data-zuude-video-wrapper\n          onClick={() => setIsFocused(true)}\n          {...props}\n        >\n          {children}\n        </div>\n      </VideoContext.Provider>\n    );\n  }\n);\n\nexport const useVideo = () => {\n  const context = useContext(VideoContext);\n  if (!context) {\n    throw new Error(\"useVideo must be used within a VideoProvider\");\n  }\n  return context;\n};\n","import React, { forwardRef, RefObject, useEffect, useRef } from \"react\";\nimport { useVideo } from \"./wrapper\";\nimport { VideoAutoplay } from \"./types\";\nimport { useAutoplayByForce } from \"./hooks/use-autoplay-by-force\";\nimport { Keyboards } from \"./keyboard\";\nimport { useAutoplayOnVisible } from \"./hooks\";\n\ninterface Props\n  extends Omit<React.ComponentProps<\"video\">, \"autoPlay\" | \"preload\"> {\n  src: string;\n  autoPlay?: VideoAutoplay;\n  controls?: boolean;\n  preload?: \"none\" | \"metadata\" | \"auto\";\n  muteFallback?: (onMute: () => void) => React.ReactNode;\n  autoPlayOnVisible?: boolean | number;\n  ranges?: number[];\n}\n\nexport const Video = forwardRef<HTMLVideoElement, Props>(\n  (\n    {\n      src,\n      autoPlay,\n      muteFallback,\n      controls,\n      preload = \"metadata\",\n      autoPlayOnVisible,\n      ranges,\n      ...props\n    },\n    ref\n  ) => {\n    const { videoRef, setVideoRef, config, setError, error, isFocused } =\n      useVideo();\n\n    const refVideo = useRef<HTMLVideoElement>(null);\n\n    useEffect(() => {\n      const video = refVideo.current;\n      const thirdPartyRef = ref;\n\n      if (thirdPartyRef) {\n        setVideoRef(thirdPartyRef as RefObject<HTMLVideoElement>);\n      } else {\n        if (video) {\n          setVideoRef({ current: video });\n        }\n      }\n    }, [src]);\n\n    useAutoplayByForce(\n      videoRef,\n      autoPlay === \"force\" && props.muted === undefined,\n      setError\n    );\n\n    useAutoplayOnVisible(\n      videoRef,\n      typeof autoPlayOnVisible === \"number\"\n        ? autoPlayOnVisible\n        : !autoPlayOnVisible\n          ? 0.5\n          : undefined,\n      !!autoPlayOnVisible\n    );\n\n    const onPlay = () => {\n      if (videoRef?.current?.paused) {\n        videoRef.current?.play();\n      } else {\n        videoRef?.current?.pause();\n      }\n    };\n\n    return (\n      <>\n        <video\n          ref={ref || refVideo}\n          data-zuude-video\n          src={src}\n          onClick={config?.clickToPlay ? onPlay : undefined}\n          autoPlay={autoPlay === \"force\" ? true : autoPlay}\n          preload={preload}\n          onTimeUpdate={(e) => {\n            if (ranges?.[0] !== undefined && ranges?.[1] !== undefined) {\n              const currentTime = e.currentTarget.currentTime;\n              if (currentTime >= ranges[1]) {\n                e.currentTarget.currentTime = ranges[0];\n              } else if (currentTime <= ranges[0]) {\n                e.currentTarget.currentTime = ranges[0];\n              }\n            }\n          }}\n          {...props}\n        />\n\n        {controls && isFocused && <Keyboards />}\n\n        {error === \"NotAllowedError\" &&\n          typeof muteFallback === \"function\" &&\n          muteFallback(() => {\n            if (videoRef?.current) {\n              videoRef.current.muted = !videoRef.current.muted;\n            }\n            setError(null);\n          })}\n      </>\n    );\n  }\n);\n\nVideo.displayName = \"Video\";\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useAutoplayByForce = (\n  videoRef: VideoRef,\n  enabled: boolean,\n  setError?: (error: string | null) => void\n) => {\n  React.useEffect(() => {\n    if (!videoRef?.current || !enabled) return;\n\n    const playVideo = async () => {\n      try {\n        await videoRef.current?.play();\n      } catch (error) {\n        // If autoplay fails, try muting and playing again\n        if (error instanceof Error && error.name === \"NotAllowedError\") {\n          setError?.(\"NotAllowedError\");\n          console.error(\"NotAllowedError\");\n          if (videoRef?.current) {\n            videoRef.current.muted = true;\n            try {\n              await videoRef.current.play();\n            } catch (retryError) {\n              console.error(retryError);\n            }\n          }\n        } else {\n          console.error(error);\n        }\n      }\n    };\n\n    playVideo();\n  }, [enabled, videoRef?.current]);\n};\n","import { useEffect } from \"react\";\n\nexport const useHotKeys = (\n  key: string,\n  func: (event: KeyboardEvent) => void,\n  enabled = true\n) => {\n  const handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === key) {\n      event.preventDefault();\n      func(event);\n    }\n  };\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown);\n    };\n  }, [key, func, enabled]);\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useSeek = (videoRef: VideoRef, value = 10) => {\n  const seekForward = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.currentTime += value;\n    }\n  }, [videoRef?.current]);\n\n  const seekBackward = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.currentTime -= value;\n    }\n  }, [videoRef?.current]);\n\n  return { seekForward, seekBackward };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const usePlayPause = (videoRef: VideoRef) => {\n  const [isPlaying, setIsPlaying] = React.useState(false);\n\n  const togglePlay = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.paused\n        ? videoRef.current.play()\n        : videoRef.current.pause();\n    }\n  }, [videoRef?.current]);\n\n  const play = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.play();\n    }\n  }, [videoRef?.current]);\n\n  const pause = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.pause();\n    }\n  }, [videoRef?.current]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    const handlePlay = () => {\n      setIsPlaying(true);\n    };\n    const handlePause = () => {\n      setIsPlaying(false);\n    };\n\n    setIsPlaying(!videoRef?.current.paused);\n\n    if (videoRef?.current) {\n      videoRef.current.addEventListener(\"play\", handlePlay);\n      videoRef.current.addEventListener(\"pause\", handlePause);\n\n      return () => {\n        videoRef.current?.removeEventListener(\"play\", handlePlay);\n        videoRef.current?.removeEventListener(\"pause\", handlePause);\n      };\n    }\n  }, [videoRef?.current]);\n\n  return { togglePlay, isPlaying, play, pause };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useMuteUnmute = (videoRef: VideoRef) => {\n  const [isMuted, setIsMuted] = React.useState(false);\n\n  const toggleMute = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.muted = !videoRef.current.muted;\n    }\n  }, [videoRef?.current]);\n\n  const mute = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.muted = true;\n    }\n  }, [videoRef?.current]);\n\n  const unmute = React.useCallback(() => {\n    if (videoRef?.current) {\n      videoRef.current.muted = false;\n    }\n  }, [videoRef?.current]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    // Set the initial state\n    setIsMuted(videoRef.current.muted);\n\n    const handleVolumeChange = () => {\n      if (videoRef.current) {\n        setIsMuted(videoRef.current.muted);\n      }\n    };\n\n    videoRef.current.addEventListener(\"volumechange\", handleVolumeChange);\n\n    return () => {\n      videoRef.current?.removeEventListener(\"volumechange\", handleVolumeChange);\n    };\n  }, [videoRef?.current]);\n\n  return { toggleMute, isMuted, mute, unmute };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nconst useFullscreen = (videoRef: VideoRef) => {\n  const [isFullscreen, setIsFullscreen] = React.useState(false);\n\n  React.useEffect(() => {\n    const handleFullscreenChange = () => {\n      setIsFullscreen?.(!!document.fullscreenElement);\n      toggleFullscreen();\n    };\n\n    document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\n    return () =>\n      document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\n  }, [isFullscreen]);\n\n  const toggleFullscreen = () => {\n    console.log(\"toggleFullscreen\");\n    const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);\n    const video = videoRef?.current;\n\n    if (video && isSafari) {\n      if ((video as any).webkitEnterFullscreen) {\n        (video as any).webkitEnterFullscreen();\n        return;\n      } else if (video.requestFullscreen) {\n        video.requestFullscreen();\n        return;\n      }\n    }\n\n    const videoContainer = video?.closest(\n      \"[data-zuude-video-wrapper]\"\n    ) as HTMLElement;\n\n    if (videoContainer) {\n      if (!isFullscreen) {\n        videoContainer.requestFullscreen();\n        if (video) {\n          video.style.objectFit = \"contain\";\n        }\n      } else {\n        document.exitFullscreen();\n        if (video) {\n          video.style.objectFit = \"cover\";\n        }\n      }\n    }\n  };\n\n  return { isFullscreen: isFullscreen ?? false, toggleFullscreen };\n};\n\nexport { useFullscreen };\n","import type { VideoRef } from \"../types\";\n\nexport const usePictureInPicture = (videoRef: VideoRef) => {\n  const togglePictureInPicture = async () => {\n    const video = videoRef?.current;\n    if (!video) return;\n\n    try {\n      if (document.pictureInPictureElement) {\n        await document.exitPictureInPicture();\n      } else {\n        await video.requestPictureInPicture();\n      }\n    } catch (error) {\n      // Fallback for browsers that don't support PiP\n      const isSafari = /^((?!chrome|android).)*safari/i.test(\n        navigator.userAgent\n      );\n\n      if (isSafari) {\n        if ((video as any).webkitEnterFullscreen) {\n          (video as any).webkitEnterFullscreen();\n        } else if (video.requestFullscreen) {\n          video.requestFullscreen();\n        }\n      } else {\n        const videoContainer = video.closest(\n          \"[data-zuude-video-wrapper]\"\n        ) as HTMLElement;\n        if (videoContainer) {\n          if (!document.fullscreenElement) {\n            await videoContainer.requestFullscreen();\n          } else {\n            await document.exitFullscreen();\n          }\n        }\n      }\n    }\n  };\n\n  const requestPictureInPicture = async () => {\n    const video = videoRef?.current;\n    if (!video) return;\n    await video.requestPictureInPicture();\n  };\n\n  const exitPictureInPicture = async () => {\n    const video = videoRef?.current;\n    if (!video) return;\n    await document.exitPictureInPicture();\n  };\n\n  return {\n    togglePictureInPicture,\n    requestPictureInPicture,\n    exitPictureInPicture,\n  };\n};\n","import { useVideo } from \"./wrapper\";\nimport { useHotKeys } from \"./hooks/use-hot-keys\";\nimport { useSeek } from \"./hooks/use-seek\";\nimport { usePlayPause } from \"./hooks/use-play-pause\";\nimport { useMuteUnmute } from \"./hooks/use-mute-unmute\";\nimport { useFullscreen } from \"./hooks/use-fullscreen\";\nimport { usePictureInPicture } from \"./hooks/use-picture-in-picture\";\n\nexport const Keyboards = () => {\n  const { videoRef } = useVideo();\n\n  const { seekForward, seekBackward } = useSeek(videoRef);\n  const { togglePlay } = usePlayPause(videoRef);\n  const { toggleMute } = useMuteUnmute(videoRef);\n  const { toggleFullscreen } = useFullscreen(videoRef);\n  const { togglePictureInPicture } = usePictureInPicture(videoRef);\n\n  useHotKeys(\"ArrowRight\", () => {\n    seekForward();\n  });\n  useHotKeys(\"ArrowLeft\", () => {\n    seekBackward();\n  });\n  useHotKeys(\" \", () => {\n    togglePlay();\n  });\n  useHotKeys(\"m\", () => {\n    toggleMute();\n  });\n  useHotKeys(\"f\", () => {\n    toggleFullscreen();\n  });\n  useHotKeys(\"p\", () => {\n    togglePictureInPicture();\n  });\n\n  return null;\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useAutoplayOnVisible = (\n  videoRef: VideoRef,\n  threshold: number | undefined,\n  enabled = true\n) => {\n  React.useEffect(() => {\n    if (!videoRef?.current || !enabled) return;\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (!videoRef?.current) return;\n\n          if (entry.isIntersecting) {\n            videoRef.current.play().catch((error) => {\n              if (!videoRef.current) return;\n\n              videoRef.current.pause();\n              videoRef.current.muted = true;\n              videoRef.current.play();\n              console.error(error);\n            });\n          } else {\n            videoRef.current?.pause();\n          }\n        });\n      },\n      { threshold: threshold ?? 0.5 }\n    );\n\n    observer.observe(videoRef?.current);\n\n    return () => {\n      observer.disconnect();\n    };\n  }, [videoRef?.current]);\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useGetDuration = (videoRef: VideoRef) => {\n  const [isLoading, setIsLoading] = React.useState(false);\n  const [duration, setDuration] = React.useState<number | null>(null);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    setIsLoading(true);\n\n    const getDuration = () => {\n      setDuration(videoRef.current?.duration ?? null);\n      setIsLoading(false);\n    };\n\n    const handleError = () => {\n      setIsLoading(false);\n    };\n\n    const video = videoRef.current;\n\n    // Check if duration is already available\n    if (video.duration && !isNaN(video.duration)) {\n      setDuration(video.duration);\n      setIsLoading(false);\n    } else {\n      // Add event listeners\n      video.addEventListener(\"loadedmetadata\", getDuration);\n      video.addEventListener(\"error\", handleError);\n      video.addEventListener(\"loadeddata\", getDuration);\n\n      return () => {\n        video.removeEventListener(\"loadedmetadata\", getDuration);\n        video.removeEventListener(\"error\", handleError);\n        video.removeEventListener(\"loadeddata\", getDuration);\n      };\n    }\n  }, [videoRef]);\n\n  return { duration, isLoading };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useSpeed = (videoRef: VideoRef) => {\n  const [speed, setSpeed] = React.useState(1);\n\n  const onChangeSpeed = (speed: number) => {\n    setSpeed(speed);\n  };\n\n  // Get the speed from the video element\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n    setSpeed(videoRef.current.playbackRate);\n  }, [videoRef?.current]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    videoRef.current.playbackRate = speed;\n  }, [speed, videoRef?.current]);\n\n  return { speed, onChangeSpeed };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useStartAt = (videoRef: VideoRef, startAt: number) => {\n  React.useEffect(() => {\n    if (!videoRef?.current || !startAt) return;\n\n    const video = videoRef?.current;\n    if (video && startAt) {\n      video.currentTime = startAt;\n    }\n  }, [startAt, videoRef?.current]);\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types.js\";\n\nexport const useCurrentTime = (videoRef: VideoRef, interval = 10) => {\n  const [isPlaying, setIsPlaying] = React.useState(false);\n  const [currentTime, setCurrentTime] = React.useState(0);\n\n  React.useEffect(() => {\n    if (videoRef?.current && isPlaying) {\n      const intervalId = setInterval(() => {\n        setCurrentTime(videoRef.current?.currentTime || 0);\n      }, interval);\n\n      return () => clearInterval(intervalId);\n    }\n  }, [videoRef?.current, isPlaying]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    videoRef.current.addEventListener(\"play\", () => setIsPlaying(true));\n    videoRef.current.addEventListener(\"pause\", () => setIsPlaying(false));\n\n    return () => {\n      videoRef.current?.removeEventListener(\"play\", () => setIsPlaying(true));\n      videoRef.current?.removeEventListener(\"pause\", () => setIsPlaying(false));\n    };\n  }, [videoRef?.current]);\n\n  const onTimeUpdate = (time: number) => {\n    if (videoRef?.current) {\n      setCurrentTime(time);\n      videoRef.current.currentTime = time;\n    }\n  };\n\n  return {\n    currentTime,\n    onTimeUpdate,\n  };\n};\n","import { RefObject, useEffect, useState } from \"react\";\n\nconst useVideoState = (videoRef: RefObject<HTMLVideoElement | null>) => {\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [isMuted, setIsMuted] = useState(false);\n  const [isFullscreen, setIsFullscreen] = useState(false);\n\n  useEffect(() => {\n    const video = videoRef.current;\n\n    if (video) {\n      video.addEventListener(\"play\", () => setIsPlaying(true));\n      video.addEventListener(\"pause\", () => setIsPlaying(false));\n\n      return () => {\n        video.removeEventListener(\"play\", () => setIsPlaying(true));\n        video.removeEventListener(\"pause\", () => setIsPlaying(false));\n      };\n    }\n  }, [videoRef]);\n\n  useEffect(() => {\n    if (!videoRef?.current) return;\n\n    // Set the initial state\n    setIsMuted(videoRef.current.muted);\n\n    const handleVolumeChange = () => {\n      if (videoRef.current) {\n        setIsMuted(videoRef.current.muted);\n      }\n    };\n\n    videoRef.current.addEventListener(\"volumechange\", handleVolumeChange);\n\n    return () => {\n      videoRef.current?.removeEventListener(\"volumechange\", handleVolumeChange);\n    };\n  }, [videoRef]);\n\n  useEffect(() => {\n    if (!videoRef?.current) return;\n\n    const handleFullscreenChange = () => {\n      setIsFullscreen(!!document.fullscreenElement);\n    };\n\n    document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\n    return () =>\n      document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\n  }, [videoRef]);\n\n  return { isPlaying, isMuted, isFullscreen };\n};\n\nexport { useVideoState };\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useVolume = (videoRef: VideoRef, initialVolume = 100) => {\n  const [volume, setVolume] = React.useState(initialVolume);\n\n  const onChangeVolume = (volume: number) => {\n    setVolume(volume);\n  };\n\n  // Get the volume from the video element\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n    setVolume(videoRef.current.volume * 100);\n  }, [videoRef?.current]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    videoRef.current.volume = volume / 100;\n  }, [volume, videoRef?.current]);\n\n  return { volume, onChangeVolume };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types.js\";\n\nexport const useBuffer = (videoRef: VideoRef, duration?: number) => {\n  const [isPlaying, setIsPlaying] = React.useState(false);\n  const [buffered, setBuffered] = React.useState(0);\n\n  React.useEffect(() => {\n    if (videoRef?.current && isPlaying) {\n      const intervalId = setInterval(() => {\n        if (videoRef.current?.buffered.length) {\n          setBuffered(\n            videoRef.current.buffered.end(videoRef.current.buffered.length - 1)\n          );\n        }\n      }, 10);\n\n      return () => clearInterval(intervalId);\n    }\n  }, [videoRef?.current, isPlaying]);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    videoRef.current.addEventListener(\"play\", () => setIsPlaying(true));\n    videoRef.current.addEventListener(\"pause\", () => setIsPlaying(false));\n\n    return () => {\n      videoRef.current?.removeEventListener(\"play\", () => setIsPlaying(true));\n      videoRef.current?.removeEventListener(\"pause\", () => setIsPlaying(false));\n    };\n  }, []);\n\n  return {\n    buffered,\n    bufferedPercentage: (buffered / (duration || 0)) * 100 || 0,\n  };\n};\n","import { useEffect, useState, useCallback } from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useDownload = (videoRef: VideoRef) => {\n  const [isDownloading, setIsDownloading] = useState(false);\n  const [downloadProgress, setDownloadProgress] = useState(0);\n  const [error, setError] = useState<string | null>(null);\n\n  const downloadVideo = useCallback(\n    async (filename?: string) => {\n      if (!videoRef?.current) {\n        setError(\"Video element not found\");\n        return;\n      }\n\n      const video = videoRef.current;\n      const videoSrc = video.src || video.currentSrc;\n\n      if (!videoSrc) {\n        setError(\"No video source found\");\n        return;\n      }\n\n      try {\n        setIsDownloading(true);\n        setError(null);\n        setDownloadProgress(0);\n\n        // Fetch the video file\n        const response = await fetch(videoSrc);\n\n        if (!response.ok) {\n          throw new Error(`Failed to fetch video: ${response.statusText}`);\n        }\n\n        // Get the content length for progress tracking\n        const contentLength = response.headers.get(\"content-length\");\n        const total = contentLength ? parseInt(contentLength, 10) : 0;\n\n        // Create a readable stream to track progress\n        const reader = response.body?.getReader();\n        if (!reader) {\n          throw new Error(\"Failed to create download stream\");\n        }\n\n        const chunks: BlobPart[] = [];\n        let receivedLength = 0;\n\n        while (true) {\n          const { done, value } = await reader.read();\n\n          if (done) break;\n\n          chunks.push(value);\n          receivedLength += value.length;\n\n          if (total > 0) {\n            const progress = (receivedLength / total) * 100;\n            setDownloadProgress(Math.round(progress));\n          }\n        }\n\n        // Combine chunks into a single blob\n        const blob = new Blob(chunks, {\n          type: response.headers.get(\"content-type\") || \"video/mp4\",\n        });\n\n        // Create download link\n        const url = URL.createObjectURL(blob);\n        const link = document.createElement(\"a\");\n        link.href = url;\n\n        // Generate filename if not provided\n        const defaultFilename = filename || `video-${Date.now()}.mp4`;\n        link.download = defaultFilename;\n\n        // Trigger download\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n\n        // Clean up\n        URL.revokeObjectURL(url);\n\n        setDownloadProgress(100);\n        setIsDownloading(false);\n      } catch (err) {\n        setError(err instanceof Error ? err.message : \"Download failed\");\n        setIsDownloading(false);\n        setDownloadProgress(0);\n      }\n    },\n    [videoRef]\n  );\n\n  // Alternative simple download method for direct video URLs\n  const downloadDirect = useCallback(\n    (filename?: string) => {\n      if (!videoRef?.current) {\n        setError(\"Video element not found\");\n        return;\n      }\n\n      const video = videoRef.current;\n      const videoSrc = video.src || video.currentSrc;\n\n      if (!videoSrc) {\n        setError(\"No video source found\");\n        return;\n      }\n\n      try {\n        setIsDownloading(true);\n        setError(null);\n        setDownloadProgress(0);\n\n        const link = document.createElement(\"a\");\n        link.href = videoSrc;\n        link.download = filename || `video-${Date.now()}.mp4`;\n        link.target = \"_blank\";\n\n        document.body.appendChild(link);\n        link.click();\n        document.body.removeChild(link);\n\n        setIsDownloading(false);\n        setDownloadProgress(100);\n      } catch (err) {\n        setError(err instanceof Error ? err.message : \"Download failed\");\n        setIsDownloading(false);\n        setDownloadProgress(0);\n      }\n    },\n    [videoRef]\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      setIsDownloading(false);\n      setDownloadProgress(0);\n      setError(null);\n    };\n  }, []);\n\n  return {\n    downloadVideo,\n    downloadDirect,\n    isDownloading,\n    downloadProgress,\n    error,\n    resetError: () => setError(null),\n  };\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useRange = (videoRef: VideoRef, range: [number, number]) => {\n  React.useEffect(() => {\n    if (!videoRef?.current || !range) return;\n\n    const video = videoRef.current;\n\n    if (video) {\n      const handleTimeUpdate = () => {\n        if (video.currentTime >= range[1]) {\n          video.currentTime = range[0];\n        } else if (video.currentTime <= range[0]) {\n          video.currentTime = range[0];\n        }\n      };\n\n      video.addEventListener(\"timeupdate\", handleTimeUpdate);\n\n      return () => {\n        video.removeEventListener(\"timeupdate\", handleTimeUpdate);\n      };\n    }\n  }, [range, videoRef?.current]);\n};\n","import React, { RefObject, useRef } from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { useVideo } from \"./wrapper\";\nimport { useFullscreen } from \"./hooks/use-fullscreen\";\nimport { useSeek } from \"./hooks/use-seek\";\nimport { useMuteUnmute } from \"./hooks/use-mute-unmute\";\nimport { usePlayPause } from \"./hooks/use-play-pause\";\nimport { useCurrentTime } from \"./hooks/use-current-time\";\nimport { usePictureInPicture } from \"./hooks/use-picture-in-picture\";\nimport { useDownload } from \"./hooks/use-download\";\nimport { useSpeed } from \"./hooks\";\nimport { useLoading } from \"./hooks/use-loading\";\n\ninterface ControlsProps extends React.ComponentProps<\"div\"> {\n  children: React.ReactNode;\n  asChild?: boolean;\n}\n\nconst Controls = React.memo(\n  ({ children, asChild, ...props }: ControlsProps) => {\n    return (\n      <div data-zuude-hide-elements {...props}>\n        {children}\n      </div>\n    );\n  }\n);\n\ninterface Props extends React.ComponentProps<\"button\"> {\n  children: React.ReactNode;\n  asChild?: boolean;\n}\n\nconst Play = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { play } = usePlayPause(videoRef as RefObject<HTMLVideoElement>);\n\n  return (\n    <Element {...props} onClick={play}>\n      {children}\n    </Element>\n  );\n});\n\nconst Pause = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { pause } = usePlayPause(videoRef as RefObject<HTMLVideoElement>);\n\n  return (\n    <Element {...props} onClick={pause}>\n      {children}\n    </Element>\n  );\n});\n\nconst Mute = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { mute } = useMuteUnmute(videoRef as RefObject<HTMLVideoElement>);\n\n  return (\n    <Element {...props} onClick={mute}>\n      {children}\n    </Element>\n  );\n});\n\nconst Unmute = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { unmute } = useMuteUnmute(videoRef as RefObject<HTMLVideoElement>);\n\n  return (\n    <Element {...props} onClick={unmute}>\n      {children}\n    </Element>\n  );\n});\n\ninterface SpeedProps extends Props {\n  value: number;\n  onClick?: () => void;\n}\n\nconst Speed = React.memo(\n  ({ children, asChild, value, onClick, ...props }: SpeedProps) => {\n    const Element = asChild ? Slot : \"button\";\n    const { videoRef } = useVideo();\n\n    const { speed, onChangeSpeed } = useSpeed(\n      videoRef as RefObject<HTMLVideoElement>\n    );\n\n    return (\n      <Element\n        {...props}\n        value={value}\n        onClick={() => {\n          onChangeSpeed(value);\n          onClick?.();\n        }}\n      >\n        {children}\n      </Element>\n    );\n  }\n);\n\nconst SeekForward = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { seekForward } = useSeek(videoRef as RefObject<HTMLVideoElement>, 10);\n\n  return (\n    <Element {...props} onClick={seekForward}>\n      {children}\n    </Element>\n  );\n});\n\nconst SeekBackward = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { seekBackward } = useSeek(videoRef as RefObject<HTMLVideoElement>, 10);\n\n  return (\n    <Element {...props} onClick={seekBackward}>\n      {children}\n    </Element>\n  );\n});\n\nconst Fullscreen = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { toggleFullscreen } = useFullscreen(videoRef);\n\n  return (\n    <Element {...props} onClick={toggleFullscreen}>\n      {children}\n    </Element>\n  );\n});\n\nconst ExitFullscreen = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { toggleFullscreen } = useFullscreen(videoRef);\n\n  return (\n    <Element {...props} onClick={toggleFullscreen}>\n      {children}\n    </Element>\n  );\n});\n\nconst PictureInPicture = React.memo(\n  ({ children, asChild, ...props }: Props) => {\n    const Element = asChild ? Slot : \"button\";\n    const { videoRef } = useVideo();\n\n    const { togglePictureInPicture } = usePictureInPicture(videoRef);\n\n    return (\n      <Element {...props} onClick={togglePictureInPicture}>\n        {children}\n      </Element>\n    );\n  }\n);\n\nconst Download = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { downloadDirect } = useDownload(videoRef);\n\n  return (\n    <Element {...props} onClick={() => downloadDirect()}>\n      {children}\n    </Element>\n  );\n});\n\ninterface LoadingProps extends React.ComponentProps<\"div\"> {\n  children: React.ReactNode;\n  asChild?: boolean;\n}\n\nconst Loading = React.memo(({ children, asChild, ...props }: LoadingProps) => {\n  const Element = asChild ? Slot : \"div\";\n  const { videoRef } = useVideo();\n\n  const { isLoading } = useLoading(videoRef);\n\n  return (\n    <Element\n      {...props}\n      style={{ ...props.style, pointerEvents: \"none\" }}\n      data-loading={isLoading}\n    >\n      {children}\n    </Element>\n  );\n});\n\ninterface ShadowProps extends React.ComponentProps<\"div\"> {}\n\nconst Shadow = ({ ...props }: ShadowProps) => {\n  const { videoRef } = useVideo();\n\n  const shadowVideoRef = useRef<HTMLVideoElement>(null);\n\n  React.useEffect(() => {\n    const video = videoRef?.current;\n    if (shadowVideoRef.current && video) {\n      let currentTime = 0;\n      let isPlaying = false;\n      let interval: ReturnType<typeof setInterval> | null = null;\n\n      const startInterval = () => {\n        if (interval) clearInterval(interval);\n        interval = setInterval(() => {\n          console.log(\"currentTime\", video.currentTime);\n          currentTime = video.currentTime;\n          if (shadowVideoRef.current) {\n            shadowVideoRef.current.currentTime = currentTime;\n          }\n        }, 100);\n      };\n\n      const stopInterval = () => {\n        if (interval) {\n          clearInterval(interval);\n          interval = null;\n        }\n      };\n\n      const handlePlay = () => {\n        isPlaying = true;\n        startInterval();\n      };\n\n      const handlePause = () => {\n        isPlaying = false;\n        stopInterval();\n      };\n\n      video.addEventListener(\"play\", handlePlay);\n      video.addEventListener(\"pause\", handlePause);\n\n      return () => {\n        stopInterval();\n        video.removeEventListener(\"play\", handlePlay);\n        video.removeEventListener(\"pause\", handlePause);\n      };\n    }\n  }, [videoRef?.current]);\n\n  if (!videoRef?.current) return null;\n\n  return (\n    <div\n      {...props}\n      style={{\n        ...props.style,\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        width: \"100%\",\n        height: \"100%\",\n        pointerEvents: \"none\",\n      }}\n    >\n      <video\n        ref={shadowVideoRef}\n        src={videoRef.current.src}\n        muted\n        playsInline\n        style={{\n          width: \"100%\",\n          height: \"100%\",\n          objectFit: \"cover\",\n        }}\n      />\n    </div>\n  );\n};\n\nexport {\n  Controls,\n  Play,\n  Pause,\n  Mute,\n  Unmute,\n  Speed,\n  SeekForward,\n  SeekBackward,\n  Fullscreen,\n  ExitFullscreen,\n  PictureInPicture,\n  Download,\n  Loading,\n  Shadow,\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useLoading = (videoRef: VideoRef) => {\n  const [isLoading, setIsLoading] = React.useState(false);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    const video = videoRef.current;\n\n    const handleLoadStart = () => {\n      setIsLoading(true);\n    };\n\n    const handleLoadedMetadata = () => {\n      // Metadata loaded but video might not be ready to play yet\n      // Keep loading true until canplay\n    };\n\n    const handleLoadedData = () => {\n      // First frame loaded, but might still be buffering\n      // Keep loading true until canplay\n    };\n\n    const handleCanPlay = () => {\n      setIsLoading(false);\n    };\n\n    const handleCanPlayThrough = () => {\n      setIsLoading(false);\n    };\n\n    const handleWaiting = () => {\n      // Video is waiting for data (buffering)\n      setIsLoading(true);\n    };\n\n    const handlePlaying = () => {\n      // Video is playing, so it's not loading anymore\n      setIsLoading(false);\n    };\n\n    const handleError = () => {\n      setIsLoading(false);\n    };\n\n    const handleAbort = () => {\n      setIsLoading(false);\n    };\n\n    const handleSuspend = () => {\n      // Loading suspended (e.g., user paused)\n      // Don't change loading state here\n    };\n\n    // Add event listeners\n    video.addEventListener(\"loadstart\", handleLoadStart);\n    video.addEventListener(\"loadedmetadata\", handleLoadedMetadata);\n    video.addEventListener(\"loadeddata\", handleLoadedData);\n    video.addEventListener(\"canplay\", handleCanPlay);\n    video.addEventListener(\"canplaythrough\", handleCanPlayThrough);\n    video.addEventListener(\"waiting\", handleWaiting);\n    video.addEventListener(\"playing\", handlePlaying);\n    video.addEventListener(\"error\", handleError);\n    video.addEventListener(\"abort\", handleAbort);\n    video.addEventListener(\"suspend\", handleSuspend);\n\n    // Check initial state\n    if (video.readyState >= 2) {\n      setIsLoading(false);\n    }\n\n    return () => {\n      // Remove event listeners\n      video.removeEventListener(\"loadstart\", handleLoadStart);\n      video.removeEventListener(\"loadedmetadata\", handleLoadedMetadata);\n      video.removeEventListener(\"loadeddata\", handleLoadedData);\n      video.removeEventListener(\"canplay\", handleCanPlay);\n      video.removeEventListener(\"canplaythrough\", handleCanPlayThrough);\n      video.removeEventListener(\"waiting\", handleWaiting);\n      video.removeEventListener(\"playing\", handlePlaying);\n      video.removeEventListener(\"error\", handleError);\n      video.removeEventListener(\"abort\", handleAbort);\n      video.removeEventListener(\"suspend\", handleSuspend);\n    };\n  }, [videoRef]);\n\n  return { isLoading };\n};\n"],"mappings":"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","names":["index_exports","__export","Controls","Download","ExitFullscreen","Fullscreen","Loading","Mute","Pause","PictureInPicture","Play","SeekBackward","SeekForward","Shadow","Speed","Unmute","Video","VideoProvider","useVideo","__toCommonJS","import_react","import_jsx_runtime","VideoContext","VideoProvider","React","children","config","onError","props","videoRef","setVideoRef","error","setError","isFocused","setIsFocused","videoWrapperRef","videoWrapper","controls","video","hideTimeout","hideDelay","isMouseOver","resetTimer","control","showControls","hideControls","handleMouseMove","handlePlay","handleClick","event","_a","useVideo","context","import_react","import_react","useAutoplayByForce","videoRef","enabled","setError","React","_a","error","retryError","import_react","useHotKeys","key","func","enabled","handleKeyDown","event","import_react","useSeek","videoRef","value","seekForward","React","seekBackward","import_react","usePlayPause","videoRef","isPlaying","setIsPlaying","React","togglePlay","play","pause","handlePlay","handlePause","_a","_b","import_react","useMuteUnmute","videoRef","isMuted","setIsMuted","React","toggleMute","mute","unmute","handleVolumeChange","_a","import_react","useFullscreen","videoRef","isFullscreen","setIsFullscreen","React","handleFullscreenChange","toggleFullscreen","isSafari","video","videoContainer","usePictureInPicture","videoRef","video","error","videoContainer","Keyboards","videoRef","useVideo","seekForward","seekBackward","useSeek","togglePlay","usePlayPause","toggleMute","useMuteUnmute","toggleFullscreen","useFullscreen","togglePictureInPicture","usePictureInPicture","useHotKeys","import_react","useAutoplayOnVisible","videoRef","threshold","enabled","React","observer","entries","entry","_a","error","import_react","import_react","useSpeed","videoRef","speed","setSpeed","React","onChangeSpeed","import_react","import_react","import_react","import_react","import_react","import_react","useDownload","videoRef","isDownloading","setIsDownloading","downloadProgress","setDownloadProgress","error","setError","downloadVideo","filename","_a","video","videoSrc","response","contentLength","total","reader","chunks","receivedLength","done","value","progress","blob","url","link","defaultFilename","err","downloadDirect","import_react","import_jsx_runtime","Video","src","autoPlay","muteFallback","controls","preload","autoPlayOnVisible","ranges","props","ref","videoRef","setVideoRef","config","setError","error","isFocused","useVideo","refVideo","video","thirdPartyRef","useAutoplayByForce","useAutoplayOnVisible","onPlay","_a","_b","_c","e","currentTime","Keyboards","import_react","import_react_slot","import_react","useLoading","videoRef","isLoading","setIsLoading","React","video","handleLoadStart","handleLoadedMetadata","handleLoadedData","handleCanPlay","handleCanPlayThrough","handleWaiting","handlePlaying","handleError","handleAbort","handleSuspend","import_jsx_runtime","Controls","React","children","asChild","props","Play","Element","videoRef","useVideo","play","usePlayPause","Pause","pause","Mute","mute","useMuteUnmute","Unmute","unmute","Speed","value","onClick","speed","onChangeSpeed","useSpeed","SeekForward","seekForward","useSeek","SeekBackward","seekBackward","Fullscreen","toggleFullscreen","useFullscreen","ExitFullscreen","PictureInPicture","togglePictureInPicture","usePictureInPicture","Download","downloadDirect","useDownload","Loading","isLoading","useLoading","Shadow","shadowVideoRef","video","currentTime","isPlaying","interval","startInterval","stopInterval","handlePlay","handlePause"]}

package/dist/index.d.cts

@@ -30,6 +30,7 @@ interface Props$1 extends Omit<React.ComponentProps<"video">, "autoPlay" | "prel
     preload?: "none" | "metadata" | "auto";
     muteFallback?: (onMute: () => void) => React.ReactNode;
     autoPlayOnVisible?: boolean | number;
+    ranges?: number[];
 }
 declare const Video: React.ForwardRefExoticComponent<Omit<Props$1, "ref"> & React.RefAttributes<HTMLVideoElement>>;
 

package/dist/index.d.ts

@@ -30,6 +30,7 @@ interface Props$1 extends Omit<React.ComponentProps<"video">, "autoPlay" | "prel
     preload?: "none" | "metadata" | "auto";
     muteFallback?: (onMute: () => void) => React.ReactNode;
     autoPlayOnVisible?: boolean | number;
+    ranges?: number[];
 }
 declare const Video: React.ForwardRefExoticComponent<Omit<Props$1, "ref"> & React.RefAttributes<HTMLVideoElement>>;
 

package/dist/index.js

@@ -1,2 +1,2 @@
-"use client";import{a as H,b,c as V,d as C,e as T,f as k,g as w,h as O,j,p as N}from"./chunk-OYLOY3EO.js";import G,{createContext as J,useContext as Q,useEffect as M,useRef as X,useState as S}from"react";import{jsx as D}from"react/jsx-runtime";var z=J(null),Y=G.memo(({children:o,config:n,onError:t,...e})=>{let[s,r]=S({current:null}),[a,L]=S(null),[i,E]=S(!1),f=X(null);return M(()=>{t==null||t(a)},[a]),M(()=>{let l=f.current;if(l){let p=l.querySelectorAll("[data-zuude-hide-elements]"),c=l.querySelector("[data-zuude-video]");if(p){let v=null,x=3e3,h=!1,g=()=>{v&&(clearTimeout(v),v=null),v=setTimeout(()=>{h&&c&&!c.paused&&p.forEach(y=>{y.setAttribute("data-hidden","true")}),v=null},x)},R=()=>{h=!0,p.forEach(y=>{y.removeAttribute("data-hidden")}),g()},F=()=>{h=!1,v&&(clearTimeout(v),v=null),c&&!c.paused&&p.forEach(y=>{y.setAttribute("data-hidden","true")})},A=()=>{h&&(p.forEach(y=>{y.hasAttribute("data-hidden")&&y.removeAttribute("data-hidden")}),g())},I=()=>{h||p.forEach(y=>{y.setAttribute("data-hidden","true")})};return l.addEventListener("mouseenter",R),l.addEventListener("mouseleave",F),l.addEventListener("mousemove",A),c.addEventListener("pause",R),c.addEventListener("play",I),()=>{v&&clearTimeout(v),l.removeEventListener("mouseenter",R),l.removeEventListener("mouseleave",F),l.removeEventListener("mousemove",A),c.removeEventListener("pause",R),c.removeEventListener("play",I)}}}},[]),M(()=>{if(i){let l=p=>{var c;(c=f.current)!=null&&c.contains(p.target)||E(!1)};return document.addEventListener("click",l),()=>{document.removeEventListener("click",l)}}},[i]),D(z.Provider,{value:{videoRef:s,setVideoRef:r,config:{clickToPlay:!0,...n},error:a,setError:L,isFocused:i,setIsFocused:E},children:D("div",{ref:f,"data-zuude-video-wrapper":!0,onClick:()=>E(!0),...e,children:o})})}),d=()=>{let o=Q(z);if(!o)throw new Error("useVideo must be used within a VideoProvider");return o};import{forwardRef as Z,useEffect as _,useRef as $}from"react";var B=()=>{let{videoRef:o}=d(),{seekForward:n,seekBackward:t}=V(o),{togglePlay:e}=C(o),{toggleMute:s}=T(o),{toggleFullscreen:r}=k(o),{togglePictureInPicture:a}=w(o);return b("ArrowRight",()=>{n()}),b("ArrowLeft",()=>{t()}),b(" ",()=>{e()}),b("m",()=>{s()}),b("f",()=>{r()}),b("p",()=>{a()}),null};import{Fragment as ee,jsx as K,jsxs as te}from"react/jsx-runtime";var U=Z(({src:o,autoPlay:n,muteFallback:t,controls:e,preload:s="metadata",autoPlayOnVisible:r,...a},L)=>{let{videoRef:i,setVideoRef:E,config:f,setError:l,error:p,isFocused:c}=d(),v=$(null);_(()=>{let h=v.current,g=L;g?E(g):h&&E({current:h})},[o]),H(i,n==="force"&&a.muted===void 0,l),O(i,typeof r=="number"?r:r?void 0:.5,!!r);let x=()=>{var h,g,R;(h=i==null?void 0:i.current)!=null&&h.paused?(g=i.current)==null||g.play():(R=i==null?void 0:i.current)==null||R.pause()};return te(ee,{children:[K("video",{ref:L||v,"data-zuude-video":!0,src:o,onClick:f!=null&&f.clickToPlay?x:void 0,autoPlay:n==="force"?!0:n,preload:s,...a}),e&&c&&K(B,{}),p==="NotAllowedError"&&typeof t=="function"&&t(()=>{i!=null&&i.current&&(i.current.muted=!i.current.muted),l(null)})]})});U.displayName="Video";import m,{useRef as oe}from"react";import{Slot as P}from"@radix-ui/react-slot";import W from"react";var q=o=>{let[n,t]=W.useState(!1);return W.useEffect(()=>{if(!(o!=null&&o.current))return;let e=o.current,s=()=>{t(!0)},r=()=>{},a=()=>{},L=()=>{t(!1)},i=()=>{t(!1)},E=()=>{t(!0)},f=()=>{t(!1)},l=()=>{t(!1)},p=()=>{t(!1)},c=()=>{};return e.addEventListener("loadstart",s),e.addEventListener("loadedmetadata",r),e.addEventListener("loadeddata",a),e.addEventListener("canplay",L),e.addEventListener("canplaythrough",i),e.addEventListener("waiting",E),e.addEventListener("playing",f),e.addEventListener("error",l),e.addEventListener("abort",p),e.addEventListener("suspend",c),e.readyState>=2&&t(!1),()=>{e.removeEventListener("loadstart",s),e.removeEventListener("loadedmetadata",r),e.removeEventListener("loadeddata",a),e.removeEventListener("canplay",L),e.removeEventListener("canplaythrough",i),e.removeEventListener("waiting",E),e.removeEventListener("playing",f),e.removeEventListener("error",l),e.removeEventListener("abort",p),e.removeEventListener("suspend",c)}},[o]),{isLoading:n}};import{jsx as u}from"react/jsx-runtime";var je=m.memo(({children:o,asChild:n,...t})=>u("div",{"data-zuude-hide-elements":!0,...t,children:o})),Ne=m.memo(({children:o,asChild:n,...t})=>{let e=n?P:"button",{videoRef:s}=d(),{play:r}=C(s);return u(e,{...t,onClick:r,children:o})}),De=m.memo(({children:o,asChild:n,...t})=>{let e=n?P:"button",{videoRef:s}=d(),{pause:r}=C(s);return u(e,{...t,onClick:r,children:o})}),ze=m.memo(({children:o,asChild:n,...t})=>{let e=n?P:"button",{videoRef:s}=d(),{mute:r}=T(s);return u(e,{...t,onClick:r,children:o})}),Be=m.memo(({children:o,asChild:n,...t})=>{let e=n?P:"button",{videoRef:s}=d(),{unmute:r}=T(s);return u(e,{...t,onClick:r,children:o})}),Ke=m.memo(({children:o,asChild:n,value:t,onClick:e,...s})=>{let r=n?P:"button",{videoRef:a}=d(),{speed:L,onChangeSpeed:i}=j(a);return u(r,{...s,value:t,onClick:()=>{i(t),e==null||e()},children:o})}),Ue=m.memo(({children:o,asChild:n,...t})=>{let e=n?P:"button",{videoRef:s}=d(),{seekForward:r}=V(s,10);return u(e,{...t,onClick:r,children:o})}),We=m.memo(({children:o,asChild:n,...t})=>{let e=n?P:"button",{videoRef:s}=d(),{seekBackward:r}=V(s,10);return u(e,{...t,onClick:r,children:o})}),qe=m.memo(({children:o,asChild:n,...t})=>{let e=n?P:"button",{videoRef:s}=d(),{toggleFullscreen:r}=k(s);return u(e,{...t,onClick:r,children:o})}),Ge=m.memo(({children:o,asChild:n,...t})=>{let e=n?P:"button",{videoRef:s}=d(),{toggleFullscreen:r}=k(s);return u(e,{...t,onClick:r,children:o})}),Je=m.memo(({children:o,asChild:n,...t})=>{let e=n?P:"button",{videoRef:s}=d(),{togglePictureInPicture:r}=w(s);return u(e,{...t,onClick:r,children:o})}),Qe=m.memo(({children:o,asChild:n,...t})=>{let e=n?P:"button",{videoRef:s}=d(),{downloadDirect:r}=N(s);return u(e,{...t,onClick:()=>r(),children:o})}),Xe=m.memo(({children:o,asChild:n,...t})=>{let e=n?P:"div",{videoRef:s}=d(),{isLoading:r}=q(s);return u(e,{...t,style:{...t.style,pointerEvents:"none"},"data-loading":r,children:o})}),Ye=({...o})=>{let{videoRef:n}=d(),t=oe(null);return m.useEffect(()=>{let e=n==null?void 0:n.current;if(t.current&&e){let s=0,r=!1,a=null,L=()=>{a&&clearInterval(a),a=setInterval(()=>{console.log("currentTime",e.currentTime),s=e.currentTime,t.current&&(t.current.currentTime=s)},100)},i=()=>{a&&(clearInterval(a),a=null)},E=()=>{r=!0,L()},f=()=>{r=!1,i()};return e.addEventListener("play",E),e.addEventListener("pause",f),()=>{i(),e.removeEventListener("play",E),e.removeEventListener("pause",f)}}},[n==null?void 0:n.current]),n!=null&&n.current?u("div",{...o,style:{...o.style,position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none"},children:u("video",{ref:t,src:n.current.src,muted:!0,playsInline:!0,style:{width:"100%",height:"100%",objectFit:"cover"}})}):null};export{je as Controls,Qe as Download,Ge as ExitFullscreen,qe as Fullscreen,Xe as Loading,ze as Mute,De as Pause,Je as PictureInPicture,Ne as Play,We as SeekBackward,Ue as SeekForward,Ye as Shadow,Ke as Speed,Be as Unmute,U as Video,Y as VideoProvider,d as useVideo};
+"use client";import{a as H,b as V,c as g,d as C,e as k,f as w,g as M,h as O,j,p as N}from"./chunk-2LPC7QHR.js";import G,{createContext as J,useContext as Q,useEffect as S,useRef as X,useState as F}from"react";import{jsx as D}from"react/jsx-runtime";var z=J(null),Y=G.memo(({children:o,config:n,onError:t,...e})=>{let[s,r]=F({current:null}),[i,y]=F(null),[m,d]=F(!1),E=X(null);return S(()=>{t==null||t(i)},[i]),S(()=>{let a=E.current;if(a){let f=a.querySelectorAll("[data-zuude-hide-elements]"),l=a.querySelector("[data-zuude-video]");if(f){let P=null,x=3e3,b=!1,h=()=>{P&&(clearTimeout(P),P=null),P=setTimeout(()=>{b&&l&&!l.paused&&f.forEach(R=>{R.setAttribute("data-hidden","true")}),P=null},x)},v=()=>{b=!0,f.forEach(R=>{R.removeAttribute("data-hidden")}),h()},T=()=>{b=!1,P&&(clearTimeout(P),P=null),l&&!l.paused&&f.forEach(R=>{R.setAttribute("data-hidden","true")})},A=()=>{b&&(f.forEach(R=>{R.hasAttribute("data-hidden")&&R.removeAttribute("data-hidden")}),h())},I=()=>{b||f.forEach(R=>{R.setAttribute("data-hidden","true")})};return a.addEventListener("mouseenter",v),a.addEventListener("mouseleave",T),a.addEventListener("mousemove",A),l.addEventListener("pause",v),l.addEventListener("play",I),()=>{P&&clearTimeout(P),a.removeEventListener("mouseenter",v),a.removeEventListener("mouseleave",T),a.removeEventListener("mousemove",A),l.removeEventListener("pause",v),l.removeEventListener("play",I)}}}},[]),S(()=>{if(m){let a=f=>{var l;(l=E.current)!=null&&l.contains(f.target)||d(!1)};return document.addEventListener("click",a),()=>{document.removeEventListener("click",a)}}},[m]),D(z.Provider,{value:{videoRef:s,setVideoRef:r,config:{clickToPlay:!0,...n},error:i,setError:y,isFocused:m,setIsFocused:d},children:D("div",{ref:E,"data-zuude-video-wrapper":!0,onClick:()=>d(!0),...e,children:o})})}),c=()=>{let o=Q(z);if(!o)throw new Error("useVideo must be used within a VideoProvider");return o};import{forwardRef as Z,useEffect as _,useRef as $}from"react";var B=()=>{let{videoRef:o}=c(),{seekForward:n,seekBackward:t}=g(o),{togglePlay:e}=C(o),{toggleMute:s}=k(o),{toggleFullscreen:r}=w(o),{togglePictureInPicture:i}=M(o);return V("ArrowRight",()=>{n()}),V("ArrowLeft",()=>{t()}),V(" ",()=>{e()}),V("m",()=>{s()}),V("f",()=>{r()}),V("p",()=>{i()}),null};import{Fragment as ee,jsx as U,jsxs as te}from"react/jsx-runtime";var K=Z(({src:o,autoPlay:n,muteFallback:t,controls:e,preload:s="metadata",autoPlayOnVisible:r,ranges:i,...y},m)=>{let{videoRef:d,setVideoRef:E,config:a,setError:f,error:l,isFocused:P}=c(),x=$(null);_(()=>{let h=x.current,v=m;v?E(v):h&&E({current:h})},[o]),H(d,n==="force"&&y.muted===void 0,f),O(d,typeof r=="number"?r:r?void 0:.5,!!r);let b=()=>{var h,v,T;(h=d==null?void 0:d.current)!=null&&h.paused?(v=d.current)==null||v.play():(T=d==null?void 0:d.current)==null||T.pause()};return te(ee,{children:[U("video",{ref:m||x,"data-zuude-video":!0,src:o,onClick:a!=null&&a.clickToPlay?b:void 0,autoPlay:n==="force"?!0:n,preload:s,onTimeUpdate:h=>{if((i==null?void 0:i[0])!==void 0&&(i==null?void 0:i[1])!==void 0){let v=h.currentTarget.currentTime;(v>=i[1]||v<=i[0])&&(h.currentTarget.currentTime=i[0])}},...y}),e&&P&&U(B,{}),l==="NotAllowedError"&&typeof t=="function"&&t(()=>{d!=null&&d.current&&(d.current.muted=!d.current.muted),f(null)})]})});K.displayName="Video";import p,{useRef as oe}from"react";import{Slot as L}from"@radix-ui/react-slot";import W from"react";var q=o=>{let[n,t]=W.useState(!1);return W.useEffect(()=>{if(!(o!=null&&o.current))return;let e=o.current,s=()=>{t(!0)},r=()=>{},i=()=>{},y=()=>{t(!1)},m=()=>{t(!1)},d=()=>{t(!0)},E=()=>{t(!1)},a=()=>{t(!1)},f=()=>{t(!1)},l=()=>{};return e.addEventListener("loadstart",s),e.addEventListener("loadedmetadata",r),e.addEventListener("loadeddata",i),e.addEventListener("canplay",y),e.addEventListener("canplaythrough",m),e.addEventListener("waiting",d),e.addEventListener("playing",E),e.addEventListener("error",a),e.addEventListener("abort",f),e.addEventListener("suspend",l),e.readyState>=2&&t(!1),()=>{e.removeEventListener("loadstart",s),e.removeEventListener("loadedmetadata",r),e.removeEventListener("loadeddata",i),e.removeEventListener("canplay",y),e.removeEventListener("canplaythrough",m),e.removeEventListener("waiting",d),e.removeEventListener("playing",E),e.removeEventListener("error",a),e.removeEventListener("abort",f),e.removeEventListener("suspend",l)}},[o]),{isLoading:n}};import{jsx as u}from"react/jsx-runtime";var je=p.memo(({children:o,asChild:n,...t})=>u("div",{"data-zuude-hide-elements":!0,...t,children:o})),Ne=p.memo(({children:o,asChild:n,...t})=>{let e=n?L:"button",{videoRef:s}=c(),{play:r}=C(s);return u(e,{...t,onClick:r,children:o})}),De=p.memo(({children:o,asChild:n,...t})=>{let e=n?L:"button",{videoRef:s}=c(),{pause:r}=C(s);return u(e,{...t,onClick:r,children:o})}),ze=p.memo(({children:o,asChild:n,...t})=>{let e=n?L:"button",{videoRef:s}=c(),{mute:r}=k(s);return u(e,{...t,onClick:r,children:o})}),Be=p.memo(({children:o,asChild:n,...t})=>{let e=n?L:"button",{videoRef:s}=c(),{unmute:r}=k(s);return u(e,{...t,onClick:r,children:o})}),Ue=p.memo(({children:o,asChild:n,value:t,onClick:e,...s})=>{let r=n?L:"button",{videoRef:i}=c(),{speed:y,onChangeSpeed:m}=j(i);return u(r,{...s,value:t,onClick:()=>{m(t),e==null||e()},children:o})}),Ke=p.memo(({children:o,asChild:n,...t})=>{let e=n?L:"button",{videoRef:s}=c(),{seekForward:r}=g(s,10);return u(e,{...t,onClick:r,children:o})}),We=p.memo(({children:o,asChild:n,...t})=>{let e=n?L:"button",{videoRef:s}=c(),{seekBackward:r}=g(s,10);return u(e,{...t,onClick:r,children:o})}),qe=p.memo(({children:o,asChild:n,...t})=>{let e=n?L:"button",{videoRef:s}=c(),{toggleFullscreen:r}=w(s);return u(e,{...t,onClick:r,children:o})}),Ge=p.memo(({children:o,asChild:n,...t})=>{let e=n?L:"button",{videoRef:s}=c(),{toggleFullscreen:r}=w(s);return u(e,{...t,onClick:r,children:o})}),Je=p.memo(({children:o,asChild:n,...t})=>{let e=n?L:"button",{videoRef:s}=c(),{togglePictureInPicture:r}=M(s);return u(e,{...t,onClick:r,children:o})}),Qe=p.memo(({children:o,asChild:n,...t})=>{let e=n?L:"button",{videoRef:s}=c(),{downloadDirect:r}=N(s);return u(e,{...t,onClick:()=>r(),children:o})}),Xe=p.memo(({children:o,asChild:n,...t})=>{let e=n?L:"div",{videoRef:s}=c(),{isLoading:r}=q(s);return u(e,{...t,style:{...t.style,pointerEvents:"none"},"data-loading":r,children:o})}),Ye=({...o})=>{let{videoRef:n}=c(),t=oe(null);return p.useEffect(()=>{let e=n==null?void 0:n.current;if(t.current&&e){let s=0,r=!1,i=null,y=()=>{i&&clearInterval(i),i=setInterval(()=>{console.log("currentTime",e.currentTime),s=e.currentTime,t.current&&(t.current.currentTime=s)},100)},m=()=>{i&&(clearInterval(i),i=null)},d=()=>{r=!0,y()},E=()=>{r=!1,m()};return e.addEventListener("play",d),e.addEventListener("pause",E),()=>{m(),e.removeEventListener("play",d),e.removeEventListener("pause",E)}}},[n==null?void 0:n.current]),n!=null&&n.current?u("div",{...o,style:{...o.style,position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none"},children:u("video",{ref:t,src:n.current.src,muted:!0,playsInline:!0,style:{width:"100%",height:"100%",objectFit:"cover"}})}):null};export{je as Controls,Qe as Download,Ge as ExitFullscreen,qe as Fullscreen,Xe as Loading,ze as Mute,De as Pause,Je as PictureInPicture,Ne as Play,We as SeekBackward,Ke as SeekForward,Ye as Shadow,Ue as Speed,Be as Unmute,K as Video,Y as VideoProvider,c as useVideo};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/wrapper.tsx","../src/video.tsx","../src/keyboard.tsx","../src/components.tsx","../src/hooks/use-loading.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport type { VideoRef } from \"./types\";\n\ninterface VideoConfig {\n  config?: Partial<{\n    clickToPlay: boolean;\n  }>;\n}\n\ninterface VideoContextType extends VideoConfig {\n  videoRef: VideoRef;\n  setVideoRef: (video: VideoRef) => void;\n  error: string | null;\n  setError: (error: string | null) => void;\n  isFocused: boolean;\n  setIsFocused: (isFocused: boolean) => void;\n}\n\nexport const VideoContext = createContext<VideoContextType | null>(null);\n\ntype VideoProviderProps = Omit<React.ComponentProps<\"div\">, \"onError\"> &\n  VideoConfig & {\n    children: React.ReactNode;\n    onError?: (error: string | null) => void;\n  };\n\nexport const VideoProvider = React.memo(\n  ({ children, config, onError, ...props }: VideoProviderProps) => {\n    const [videoRef, setVideoRef] = useState<VideoRef>({ current: null });\n    const [error, setError] = useState<string | null>(null);\n    const [isFocused, setIsFocused] = useState(false);\n\n    const videoWrapperRef = useRef<HTMLDivElement>(null);\n\n    // Sending error to user if it exists\n    useEffect(() => {\n      onError?.(error);\n    }, [error]);\n\n    useEffect(() => {\n      const videoWrapper = videoWrapperRef.current;\n      if (videoWrapper) {\n        const controls = videoWrapper.querySelectorAll(\n          \"[data-zuude-hide-elements]\"\n        );\n        const video = videoWrapper.querySelector(\n          \"[data-zuude-video]\"\n        ) as HTMLVideoElement;\n\n        if (controls) {\n          let hideTimeout: ReturnType<typeof setTimeout> | null = null;\n          const hideDelay = 3000; // 3 seconds delay\n          let isMouseOver = false;\n\n          const resetTimer = () => {\n            // Clear any pending hide timeout\n            if (hideTimeout) {\n              clearTimeout(hideTimeout);\n              hideTimeout = null;\n            }\n\n            // Start new timer to hide controls after delay\n            hideTimeout = setTimeout(() => {\n              if (isMouseOver) {\n                // Check if video is paused - don't hide controls if paused\n                if (video && !video.paused) {\n                  controls.forEach((control) => {\n                    control.setAttribute(\"data-hidden\", \"true\");\n                  });\n                }\n              }\n              hideTimeout = null;\n            }, hideDelay);\n          };\n\n          const showControls = () => {\n            isMouseOver = true;\n            controls.forEach((control) => {\n              control.removeAttribute(\"data-hidden\");\n            });\n            resetTimer();\n          };\n\n          const hideControls = () => {\n            isMouseOver = false;\n            // Clear any pending hide timeout\n            if (hideTimeout) {\n              clearTimeout(hideTimeout);\n              hideTimeout = null;\n            }\n            // Hide controls immediately when mouse leaves\n            if (video && !video.paused) {\n              controls.forEach((control) => {\n                control.setAttribute(\"data-hidden\", \"true\");\n              });\n            }\n          };\n\n          const handleMouseMove = () => {\n            if (isMouseOver) {\n              // If controls are hidden, show them\n              controls.forEach((control) => {\n                if (control.hasAttribute(\"data-hidden\")) {\n                  control.removeAttribute(\"data-hidden\");\n                }\n              });\n              resetTimer();\n            }\n          };\n\n          const handlePlay = () => {\n            // Hide controls when video starts playing (autoplay)\n            if (!isMouseOver) {\n              controls.forEach((control) => {\n                control.setAttribute(\"data-hidden\", \"true\");\n              });\n            }\n          };\n\n          videoWrapper.addEventListener(\"mouseenter\", showControls);\n          videoWrapper.addEventListener(\"mouseleave\", hideControls);\n          videoWrapper.addEventListener(\"mousemove\", handleMouseMove);\n          video.addEventListener(\"pause\", showControls);\n          video.addEventListener(\"play\", handlePlay);\n\n          // Cleanup function\n          return () => {\n            if (hideTimeout) {\n              clearTimeout(hideTimeout);\n            }\n            videoWrapper.removeEventListener(\"mouseenter\", showControls);\n            videoWrapper.removeEventListener(\"mouseleave\", hideControls);\n            videoWrapper.removeEventListener(\"mousemove\", handleMouseMove);\n            video.removeEventListener(\"pause\", showControls);\n            video.removeEventListener(\"play\", handlePlay);\n          };\n        }\n      }\n    }, []);\n\n    useEffect(() => {\n      if (isFocused) {\n        const handleClick = (event: MouseEvent) => {\n          if (!videoWrapperRef.current?.contains(event.target as Node)) {\n            setIsFocused(false);\n          }\n        };\n        document.addEventListener(\"click\", handleClick);\n\n        return () => {\n          document.removeEventListener(\"click\", handleClick);\n        };\n      }\n    }, [isFocused]);\n\n    return (\n      <VideoContext.Provider\n        value={{\n          videoRef,\n          setVideoRef,\n          config: { clickToPlay: true, ...config },\n          error,\n          setError,\n          isFocused,\n          setIsFocused,\n        }}\n      >\n        <div\n          ref={videoWrapperRef}\n          data-zuude-video-wrapper\n          onClick={() => setIsFocused(true)}\n          {...props}\n        >\n          {children}\n        </div>\n      </VideoContext.Provider>\n    );\n  }\n);\n\nexport const useVideo = () => {\n  const context = useContext(VideoContext);\n  if (!context) {\n    throw new Error(\"useVideo must be used within a VideoProvider\");\n  }\n  return context;\n};\n","import React, { forwardRef, RefObject, useEffect, useRef } from \"react\";\nimport { useVideo } from \"./wrapper\";\nimport { VideoAutoplay } from \"./types\";\nimport { useAutoplayByForce } from \"./hooks/use-autoplay-by-force\";\nimport { Keyboards } from \"./keyboard\";\nimport { useAutoplayOnVisible } from \"./hooks\";\n\ninterface Props\n  extends Omit<React.ComponentProps<\"video\">, \"autoPlay\" | \"preload\"> {\n  src: string;\n  autoPlay?: VideoAutoplay;\n  controls?: boolean;\n  preload?: \"none\" | \"metadata\" | \"auto\";\n  muteFallback?: (onMute: () => void) => React.ReactNode;\n  autoPlayOnVisible?: boolean | number;\n}\n\nexport const Video = forwardRef<HTMLVideoElement, Props>(\n  (\n    {\n      src,\n      autoPlay,\n      muteFallback,\n      controls,\n      preload = \"metadata\",\n      autoPlayOnVisible,\n      ...props\n    },\n    ref\n  ) => {\n    const { videoRef, setVideoRef, config, setError, error, isFocused } =\n      useVideo();\n\n    const refVideo = useRef<HTMLVideoElement>(null);\n\n    useEffect(() => {\n      const video = refVideo.current;\n      const thirdPartyRef = ref;\n\n      if (thirdPartyRef) {\n        setVideoRef(thirdPartyRef as RefObject<HTMLVideoElement>);\n      } else {\n        if (video) {\n          setVideoRef({ current: video });\n        }\n      }\n    }, [src]);\n\n    useAutoplayByForce(\n      videoRef,\n      autoPlay === \"force\" && props.muted === undefined,\n      setError\n    );\n\n    useAutoplayOnVisible(\n      videoRef,\n      typeof autoPlayOnVisible === \"number\"\n        ? autoPlayOnVisible\n        : !autoPlayOnVisible\n          ? 0.5\n          : undefined,\n      !!autoPlayOnVisible\n    );\n\n    const onPlay = () => {\n      if (videoRef?.current?.paused) {\n        videoRef.current?.play();\n      } else {\n        videoRef?.current?.pause();\n      }\n    };\n\n    return (\n      <>\n        <video\n          ref={ref || refVideo}\n          data-zuude-video\n          src={src}\n          onClick={config?.clickToPlay ? onPlay : undefined}\n          autoPlay={autoPlay === \"force\" ? true : autoPlay}\n          preload={preload}\n          {...props}\n        />\n\n        {controls && isFocused && <Keyboards />}\n\n        {error === \"NotAllowedError\" &&\n          typeof muteFallback === \"function\" &&\n          muteFallback(() => {\n            if (videoRef?.current) {\n              videoRef.current.muted = !videoRef.current.muted;\n            }\n            setError(null);\n          })}\n      </>\n    );\n  }\n);\n\nVideo.displayName = \"Video\";\n","import { useVideo } from \"./wrapper\";\nimport { useHotKeys } from \"./hooks/use-hot-keys\";\nimport { useSeek } from \"./hooks/use-seek\";\nimport { usePlayPause } from \"./hooks/use-play-pause\";\nimport { useMuteUnmute } from \"./hooks/use-mute-unmute\";\nimport { useFullscreen } from \"./hooks/use-fullscreen\";\nimport { usePictureInPicture } from \"./hooks/use-picture-in-picture\";\n\nexport const Keyboards = () => {\n  const { videoRef } = useVideo();\n\n  const { seekForward, seekBackward } = useSeek(videoRef);\n  const { togglePlay } = usePlayPause(videoRef);\n  const { toggleMute } = useMuteUnmute(videoRef);\n  const { toggleFullscreen } = useFullscreen(videoRef);\n  const { togglePictureInPicture } = usePictureInPicture(videoRef);\n\n  useHotKeys(\"ArrowRight\", () => {\n    seekForward();\n  });\n  useHotKeys(\"ArrowLeft\", () => {\n    seekBackward();\n  });\n  useHotKeys(\" \", () => {\n    togglePlay();\n  });\n  useHotKeys(\"m\", () => {\n    toggleMute();\n  });\n  useHotKeys(\"f\", () => {\n    toggleFullscreen();\n  });\n  useHotKeys(\"p\", () => {\n    togglePictureInPicture();\n  });\n\n  return null;\n};\n","import React, { RefObject, useRef } from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { useVideo } from \"./wrapper\";\nimport { useFullscreen } from \"./hooks/use-fullscreen\";\nimport { useSeek } from \"./hooks/use-seek\";\nimport { useMuteUnmute } from \"./hooks/use-mute-unmute\";\nimport { usePlayPause } from \"./hooks/use-play-pause\";\nimport { useCurrentTime } from \"./hooks/use-current-time\";\nimport { usePictureInPicture } from \"./hooks/use-picture-in-picture\";\nimport { useDownload } from \"./hooks/use-download\";\nimport { useSpeed } from \"./hooks\";\nimport { useLoading } from \"./hooks/use-loading\";\n\ninterface ControlsProps extends React.ComponentProps<\"div\"> {\n  children: React.ReactNode;\n  asChild?: boolean;\n}\n\nconst Controls = React.memo(\n  ({ children, asChild, ...props }: ControlsProps) => {\n    return (\n      <div data-zuude-hide-elements {...props}>\n        {children}\n      </div>\n    );\n  }\n);\n\ninterface Props extends React.ComponentProps<\"button\"> {\n  children: React.ReactNode;\n  asChild?: boolean;\n}\n\nconst Play = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { play } = usePlayPause(videoRef as RefObject<HTMLVideoElement>);\n\n  return (\n    <Element {...props} onClick={play}>\n      {children}\n    </Element>\n  );\n});\n\nconst Pause = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { pause } = usePlayPause(videoRef as RefObject<HTMLVideoElement>);\n\n  return (\n    <Element {...props} onClick={pause}>\n      {children}\n    </Element>\n  );\n});\n\nconst Mute = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { mute } = useMuteUnmute(videoRef as RefObject<HTMLVideoElement>);\n\n  return (\n    <Element {...props} onClick={mute}>\n      {children}\n    </Element>\n  );\n});\n\nconst Unmute = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { unmute } = useMuteUnmute(videoRef as RefObject<HTMLVideoElement>);\n\n  return (\n    <Element {...props} onClick={unmute}>\n      {children}\n    </Element>\n  );\n});\n\ninterface SpeedProps extends Props {\n  value: number;\n  onClick?: () => void;\n}\n\nconst Speed = React.memo(\n  ({ children, asChild, value, onClick, ...props }: SpeedProps) => {\n    const Element = asChild ? Slot : \"button\";\n    const { videoRef } = useVideo();\n\n    const { speed, onChangeSpeed } = useSpeed(\n      videoRef as RefObject<HTMLVideoElement>\n    );\n\n    return (\n      <Element\n        {...props}\n        value={value}\n        onClick={() => {\n          onChangeSpeed(value);\n          onClick?.();\n        }}\n      >\n        {children}\n      </Element>\n    );\n  }\n);\n\nconst SeekForward = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { seekForward } = useSeek(videoRef as RefObject<HTMLVideoElement>, 10);\n\n  return (\n    <Element {...props} onClick={seekForward}>\n      {children}\n    </Element>\n  );\n});\n\nconst SeekBackward = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { seekBackward } = useSeek(videoRef as RefObject<HTMLVideoElement>, 10);\n\n  return (\n    <Element {...props} onClick={seekBackward}>\n      {children}\n    </Element>\n  );\n});\n\nconst Fullscreen = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { toggleFullscreen } = useFullscreen(videoRef);\n\n  return (\n    <Element {...props} onClick={toggleFullscreen}>\n      {children}\n    </Element>\n  );\n});\n\nconst ExitFullscreen = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { toggleFullscreen } = useFullscreen(videoRef);\n\n  return (\n    <Element {...props} onClick={toggleFullscreen}>\n      {children}\n    </Element>\n  );\n});\n\nconst PictureInPicture = React.memo(\n  ({ children, asChild, ...props }: Props) => {\n    const Element = asChild ? Slot : \"button\";\n    const { videoRef } = useVideo();\n\n    const { togglePictureInPicture } = usePictureInPicture(videoRef);\n\n    return (\n      <Element {...props} onClick={togglePictureInPicture}>\n        {children}\n      </Element>\n    );\n  }\n);\n\nconst Download = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { downloadDirect } = useDownload(videoRef);\n\n  return (\n    <Element {...props} onClick={() => downloadDirect()}>\n      {children}\n    </Element>\n  );\n});\n\ninterface LoadingProps extends React.ComponentProps<\"div\"> {\n  children: React.ReactNode;\n  asChild?: boolean;\n}\n\nconst Loading = React.memo(({ children, asChild, ...props }: LoadingProps) => {\n  const Element = asChild ? Slot : \"div\";\n  const { videoRef } = useVideo();\n\n  const { isLoading } = useLoading(videoRef);\n\n  return (\n    <Element\n      {...props}\n      style={{ ...props.style, pointerEvents: \"none\" }}\n      data-loading={isLoading}\n    >\n      {children}\n    </Element>\n  );\n});\n\ninterface ShadowProps extends React.ComponentProps<\"div\"> {}\n\nconst Shadow = ({ ...props }: ShadowProps) => {\n  const { videoRef } = useVideo();\n\n  const shadowVideoRef = useRef<HTMLVideoElement>(null);\n\n  React.useEffect(() => {\n    const video = videoRef?.current;\n    if (shadowVideoRef.current && video) {\n      let currentTime = 0;\n      let isPlaying = false;\n      let interval: ReturnType<typeof setInterval> | null = null;\n\n      const startInterval = () => {\n        if (interval) clearInterval(interval);\n        interval = setInterval(() => {\n          console.log(\"currentTime\", video.currentTime);\n          currentTime = video.currentTime;\n          if (shadowVideoRef.current) {\n            shadowVideoRef.current.currentTime = currentTime;\n          }\n        }, 100);\n      };\n\n      const stopInterval = () => {\n        if (interval) {\n          clearInterval(interval);\n          interval = null;\n        }\n      };\n\n      const handlePlay = () => {\n        isPlaying = true;\n        startInterval();\n      };\n\n      const handlePause = () => {\n        isPlaying = false;\n        stopInterval();\n      };\n\n      video.addEventListener(\"play\", handlePlay);\n      video.addEventListener(\"pause\", handlePause);\n\n      return () => {\n        stopInterval();\n        video.removeEventListener(\"play\", handlePlay);\n        video.removeEventListener(\"pause\", handlePause);\n      };\n    }\n  }, [videoRef?.current]);\n\n  if (!videoRef?.current) return null;\n\n  return (\n    <div\n      {...props}\n      style={{\n        ...props.style,\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        width: \"100%\",\n        height: \"100%\",\n        pointerEvents: \"none\",\n      }}\n    >\n      <video\n        ref={shadowVideoRef}\n        src={videoRef.current.src}\n        muted\n        playsInline\n        style={{\n          width: \"100%\",\n          height: \"100%\",\n          objectFit: \"cover\",\n        }}\n      />\n    </div>\n  );\n};\n\nexport {\n  Controls,\n  Play,\n  Pause,\n  Mute,\n  Unmute,\n  Speed,\n  SeekForward,\n  SeekBackward,\n  Fullscreen,\n  ExitFullscreen,\n  PictureInPicture,\n  Download,\n  Loading,\n  Shadow,\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useLoading = (videoRef: VideoRef) => {\n  const [isLoading, setIsLoading] = React.useState(false);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    const video = videoRef.current;\n\n    const handleLoadStart = () => {\n      setIsLoading(true);\n    };\n\n    const handleLoadedMetadata = () => {\n      // Metadata loaded but video might not be ready to play yet\n      // Keep loading true until canplay\n    };\n\n    const handleLoadedData = () => {\n      // First frame loaded, but might still be buffering\n      // Keep loading true until canplay\n    };\n\n    const handleCanPlay = () => {\n      setIsLoading(false);\n    };\n\n    const handleCanPlayThrough = () => {\n      setIsLoading(false);\n    };\n\n    const handleWaiting = () => {\n      // Video is waiting for data (buffering)\n      setIsLoading(true);\n    };\n\n    const handlePlaying = () => {\n      // Video is playing, so it's not loading anymore\n      setIsLoading(false);\n    };\n\n    const handleError = () => {\n      setIsLoading(false);\n    };\n\n    const handleAbort = () => {\n      setIsLoading(false);\n    };\n\n    const handleSuspend = () => {\n      // Loading suspended (e.g., user paused)\n      // Don't change loading state here\n    };\n\n    // Add event listeners\n    video.addEventListener(\"loadstart\", handleLoadStart);\n    video.addEventListener(\"loadedmetadata\", handleLoadedMetadata);\n    video.addEventListener(\"loadeddata\", handleLoadedData);\n    video.addEventListener(\"canplay\", handleCanPlay);\n    video.addEventListener(\"canplaythrough\", handleCanPlayThrough);\n    video.addEventListener(\"waiting\", handleWaiting);\n    video.addEventListener(\"playing\", handlePlaying);\n    video.addEventListener(\"error\", handleError);\n    video.addEventListener(\"abort\", handleAbort);\n    video.addEventListener(\"suspend\", handleSuspend);\n\n    // Check initial state\n    if (video.readyState >= 2) {\n      setIsLoading(false);\n    }\n\n    return () => {\n      // Remove event listeners\n      video.removeEventListener(\"loadstart\", handleLoadStart);\n      video.removeEventListener(\"loadedmetadata\", handleLoadedMetadata);\n      video.removeEventListener(\"loadeddata\", handleLoadedData);\n      video.removeEventListener(\"canplay\", handleCanPlay);\n      video.removeEventListener(\"canplaythrough\", handleCanPlayThrough);\n      video.removeEventListener(\"waiting\", handleWaiting);\n      video.removeEventListener(\"playing\", handlePlaying);\n      video.removeEventListener(\"error\", handleError);\n      video.removeEventListener(\"abort\", handleAbort);\n      video.removeEventListener(\"suspend\", handleSuspend);\n    };\n  }, [videoRef]);\n\n  return { isLoading };\n};\n"],"mappings":"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","names":["React","createContext","useContext","useEffect","useRef","useState","jsx","VideoContext","VideoProvider","children","config","onError","props","videoRef","setVideoRef","error","setError","isFocused","setIsFocused","videoWrapperRef","videoWrapper","controls","video","hideTimeout","hideDelay","isMouseOver","resetTimer","control","showControls","hideControls","handleMouseMove","handlePlay","handleClick","event","_a","useVideo","context","forwardRef","useEffect","useRef","Keyboards","videoRef","useVideo","seekForward","seekBackward","useSeek","togglePlay","usePlayPause","toggleMute","useMuteUnmute","toggleFullscreen","useFullscreen","togglePictureInPicture","usePictureInPicture","useHotKeys","Fragment","jsx","jsxs","Video","forwardRef","src","autoPlay","muteFallback","controls","preload","autoPlayOnVisible","props","ref","videoRef","setVideoRef","config","setError","error","isFocused","useVideo","refVideo","useRef","useEffect","video","thirdPartyRef","useAutoplayByForce","useAutoplayOnVisible","onPlay","_a","_b","_c","Keyboards","React","useRef","Slot","React","useLoading","videoRef","isLoading","setIsLoading","video","handleLoadStart","handleLoadedMetadata","handleLoadedData","handleCanPlay","handleCanPlayThrough","handleWaiting","handlePlaying","handleError","handleAbort","handleSuspend","jsx","Controls","React","children","asChild","props","Play","Element","Slot","videoRef","useVideo","play","usePlayPause","Pause","pause","Mute","mute","useMuteUnmute","Unmute","unmute","Speed","value","onClick","speed","onChangeSpeed","useSpeed","SeekForward","seekForward","useSeek","SeekBackward","seekBackward","Fullscreen","toggleFullscreen","useFullscreen","ExitFullscreen","PictureInPicture","togglePictureInPicture","usePictureInPicture","Download","downloadDirect","useDownload","Loading","isLoading","useLoading","Shadow","shadowVideoRef","useRef","video","currentTime","isPlaying","interval","startInterval","stopInterval","handlePlay","handlePause"]}
+{"version":3,"sources":["../src/wrapper.tsx","../src/video.tsx","../src/keyboard.tsx","../src/components.tsx","../src/hooks/use-loading.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport type { VideoRef } from \"./types\";\n\ninterface VideoConfig {\n  config?: Partial<{\n    clickToPlay: boolean;\n  }>;\n}\n\ninterface VideoContextType extends VideoConfig {\n  videoRef: VideoRef;\n  setVideoRef: (video: VideoRef) => void;\n  error: string | null;\n  setError: (error: string | null) => void;\n  isFocused: boolean;\n  setIsFocused: (isFocused: boolean) => void;\n}\n\nexport const VideoContext = createContext<VideoContextType | null>(null);\n\ntype VideoProviderProps = Omit<React.ComponentProps<\"div\">, \"onError\"> &\n  VideoConfig & {\n    children: React.ReactNode;\n    onError?: (error: string | null) => void;\n  };\n\nexport const VideoProvider = React.memo(\n  ({ children, config, onError, ...props }: VideoProviderProps) => {\n    const [videoRef, setVideoRef] = useState<VideoRef>({ current: null });\n    const [error, setError] = useState<string | null>(null);\n    const [isFocused, setIsFocused] = useState(false);\n\n    const videoWrapperRef = useRef<HTMLDivElement>(null);\n\n    // Sending error to user if it exists\n    useEffect(() => {\n      onError?.(error);\n    }, [error]);\n\n    useEffect(() => {\n      const videoWrapper = videoWrapperRef.current;\n      if (videoWrapper) {\n        const controls = videoWrapper.querySelectorAll(\n          \"[data-zuude-hide-elements]\"\n        );\n        const video = videoWrapper.querySelector(\n          \"[data-zuude-video]\"\n        ) as HTMLVideoElement;\n\n        if (controls) {\n          let hideTimeout: ReturnType<typeof setTimeout> | null = null;\n          const hideDelay = 3000; // 3 seconds delay\n          let isMouseOver = false;\n\n          const resetTimer = () => {\n            // Clear any pending hide timeout\n            if (hideTimeout) {\n              clearTimeout(hideTimeout);\n              hideTimeout = null;\n            }\n\n            // Start new timer to hide controls after delay\n            hideTimeout = setTimeout(() => {\n              if (isMouseOver) {\n                // Check if video is paused - don't hide controls if paused\n                if (video && !video.paused) {\n                  controls.forEach((control) => {\n                    control.setAttribute(\"data-hidden\", \"true\");\n                  });\n                }\n              }\n              hideTimeout = null;\n            }, hideDelay);\n          };\n\n          const showControls = () => {\n            isMouseOver = true;\n            controls.forEach((control) => {\n              control.removeAttribute(\"data-hidden\");\n            });\n            resetTimer();\n          };\n\n          const hideControls = () => {\n            isMouseOver = false;\n            // Clear any pending hide timeout\n            if (hideTimeout) {\n              clearTimeout(hideTimeout);\n              hideTimeout = null;\n            }\n            // Hide controls immediately when mouse leaves\n            if (video && !video.paused) {\n              controls.forEach((control) => {\n                control.setAttribute(\"data-hidden\", \"true\");\n              });\n            }\n          };\n\n          const handleMouseMove = () => {\n            if (isMouseOver) {\n              // If controls are hidden, show them\n              controls.forEach((control) => {\n                if (control.hasAttribute(\"data-hidden\")) {\n                  control.removeAttribute(\"data-hidden\");\n                }\n              });\n              resetTimer();\n            }\n          };\n\n          const handlePlay = () => {\n            // Hide controls when video starts playing (autoplay)\n            if (!isMouseOver) {\n              controls.forEach((control) => {\n                control.setAttribute(\"data-hidden\", \"true\");\n              });\n            }\n          };\n\n          videoWrapper.addEventListener(\"mouseenter\", showControls);\n          videoWrapper.addEventListener(\"mouseleave\", hideControls);\n          videoWrapper.addEventListener(\"mousemove\", handleMouseMove);\n          video.addEventListener(\"pause\", showControls);\n          video.addEventListener(\"play\", handlePlay);\n\n          // Cleanup function\n          return () => {\n            if (hideTimeout) {\n              clearTimeout(hideTimeout);\n            }\n            videoWrapper.removeEventListener(\"mouseenter\", showControls);\n            videoWrapper.removeEventListener(\"mouseleave\", hideControls);\n            videoWrapper.removeEventListener(\"mousemove\", handleMouseMove);\n            video.removeEventListener(\"pause\", showControls);\n            video.removeEventListener(\"play\", handlePlay);\n          };\n        }\n      }\n    }, []);\n\n    useEffect(() => {\n      if (isFocused) {\n        const handleClick = (event: MouseEvent) => {\n          if (!videoWrapperRef.current?.contains(event.target as Node)) {\n            setIsFocused(false);\n          }\n        };\n        document.addEventListener(\"click\", handleClick);\n\n        return () => {\n          document.removeEventListener(\"click\", handleClick);\n        };\n      }\n    }, [isFocused]);\n\n    return (\n      <VideoContext.Provider\n        value={{\n          videoRef,\n          setVideoRef,\n          config: { clickToPlay: true, ...config },\n          error,\n          setError,\n          isFocused,\n          setIsFocused,\n        }}\n      >\n        <div\n          ref={videoWrapperRef}\n          data-zuude-video-wrapper\n          onClick={() => setIsFocused(true)}\n          {...props}\n        >\n          {children}\n        </div>\n      </VideoContext.Provider>\n    );\n  }\n);\n\nexport const useVideo = () => {\n  const context = useContext(VideoContext);\n  if (!context) {\n    throw new Error(\"useVideo must be used within a VideoProvider\");\n  }\n  return context;\n};\n","import React, { forwardRef, RefObject, useEffect, useRef } from \"react\";\nimport { useVideo } from \"./wrapper\";\nimport { VideoAutoplay } from \"./types\";\nimport { useAutoplayByForce } from \"./hooks/use-autoplay-by-force\";\nimport { Keyboards } from \"./keyboard\";\nimport { useAutoplayOnVisible } from \"./hooks\";\n\ninterface Props\n  extends Omit<React.ComponentProps<\"video\">, \"autoPlay\" | \"preload\"> {\n  src: string;\n  autoPlay?: VideoAutoplay;\n  controls?: boolean;\n  preload?: \"none\" | \"metadata\" | \"auto\";\n  muteFallback?: (onMute: () => void) => React.ReactNode;\n  autoPlayOnVisible?: boolean | number;\n  ranges?: number[];\n}\n\nexport const Video = forwardRef<HTMLVideoElement, Props>(\n  (\n    {\n      src,\n      autoPlay,\n      muteFallback,\n      controls,\n      preload = \"metadata\",\n      autoPlayOnVisible,\n      ranges,\n      ...props\n    },\n    ref\n  ) => {\n    const { videoRef, setVideoRef, config, setError, error, isFocused } =\n      useVideo();\n\n    const refVideo = useRef<HTMLVideoElement>(null);\n\n    useEffect(() => {\n      const video = refVideo.current;\n      const thirdPartyRef = ref;\n\n      if (thirdPartyRef) {\n        setVideoRef(thirdPartyRef as RefObject<HTMLVideoElement>);\n      } else {\n        if (video) {\n          setVideoRef({ current: video });\n        }\n      }\n    }, [src]);\n\n    useAutoplayByForce(\n      videoRef,\n      autoPlay === \"force\" && props.muted === undefined,\n      setError\n    );\n\n    useAutoplayOnVisible(\n      videoRef,\n      typeof autoPlayOnVisible === \"number\"\n        ? autoPlayOnVisible\n        : !autoPlayOnVisible\n          ? 0.5\n          : undefined,\n      !!autoPlayOnVisible\n    );\n\n    const onPlay = () => {\n      if (videoRef?.current?.paused) {\n        videoRef.current?.play();\n      } else {\n        videoRef?.current?.pause();\n      }\n    };\n\n    return (\n      <>\n        <video\n          ref={ref || refVideo}\n          data-zuude-video\n          src={src}\n          onClick={config?.clickToPlay ? onPlay : undefined}\n          autoPlay={autoPlay === \"force\" ? true : autoPlay}\n          preload={preload}\n          onTimeUpdate={(e) => {\n            if (ranges?.[0] !== undefined && ranges?.[1] !== undefined) {\n              const currentTime = e.currentTarget.currentTime;\n              if (currentTime >= ranges[1]) {\n                e.currentTarget.currentTime = ranges[0];\n              } else if (currentTime <= ranges[0]) {\n                e.currentTarget.currentTime = ranges[0];\n              }\n            }\n          }}\n          {...props}\n        />\n\n        {controls && isFocused && <Keyboards />}\n\n        {error === \"NotAllowedError\" &&\n          typeof muteFallback === \"function\" &&\n          muteFallback(() => {\n            if (videoRef?.current) {\n              videoRef.current.muted = !videoRef.current.muted;\n            }\n            setError(null);\n          })}\n      </>\n    );\n  }\n);\n\nVideo.displayName = \"Video\";\n","import { useVideo } from \"./wrapper\";\nimport { useHotKeys } from \"./hooks/use-hot-keys\";\nimport { useSeek } from \"./hooks/use-seek\";\nimport { usePlayPause } from \"./hooks/use-play-pause\";\nimport { useMuteUnmute } from \"./hooks/use-mute-unmute\";\nimport { useFullscreen } from \"./hooks/use-fullscreen\";\nimport { usePictureInPicture } from \"./hooks/use-picture-in-picture\";\n\nexport const Keyboards = () => {\n  const { videoRef } = useVideo();\n\n  const { seekForward, seekBackward } = useSeek(videoRef);\n  const { togglePlay } = usePlayPause(videoRef);\n  const { toggleMute } = useMuteUnmute(videoRef);\n  const { toggleFullscreen } = useFullscreen(videoRef);\n  const { togglePictureInPicture } = usePictureInPicture(videoRef);\n\n  useHotKeys(\"ArrowRight\", () => {\n    seekForward();\n  });\n  useHotKeys(\"ArrowLeft\", () => {\n    seekBackward();\n  });\n  useHotKeys(\" \", () => {\n    togglePlay();\n  });\n  useHotKeys(\"m\", () => {\n    toggleMute();\n  });\n  useHotKeys(\"f\", () => {\n    toggleFullscreen();\n  });\n  useHotKeys(\"p\", () => {\n    togglePictureInPicture();\n  });\n\n  return null;\n};\n","import React, { RefObject, useRef } from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { useVideo } from \"./wrapper\";\nimport { useFullscreen } from \"./hooks/use-fullscreen\";\nimport { useSeek } from \"./hooks/use-seek\";\nimport { useMuteUnmute } from \"./hooks/use-mute-unmute\";\nimport { usePlayPause } from \"./hooks/use-play-pause\";\nimport { useCurrentTime } from \"./hooks/use-current-time\";\nimport { usePictureInPicture } from \"./hooks/use-picture-in-picture\";\nimport { useDownload } from \"./hooks/use-download\";\nimport { useSpeed } from \"./hooks\";\nimport { useLoading } from \"./hooks/use-loading\";\n\ninterface ControlsProps extends React.ComponentProps<\"div\"> {\n  children: React.ReactNode;\n  asChild?: boolean;\n}\n\nconst Controls = React.memo(\n  ({ children, asChild, ...props }: ControlsProps) => {\n    return (\n      <div data-zuude-hide-elements {...props}>\n        {children}\n      </div>\n    );\n  }\n);\n\ninterface Props extends React.ComponentProps<\"button\"> {\n  children: React.ReactNode;\n  asChild?: boolean;\n}\n\nconst Play = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { play } = usePlayPause(videoRef as RefObject<HTMLVideoElement>);\n\n  return (\n    <Element {...props} onClick={play}>\n      {children}\n    </Element>\n  );\n});\n\nconst Pause = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { pause } = usePlayPause(videoRef as RefObject<HTMLVideoElement>);\n\n  return (\n    <Element {...props} onClick={pause}>\n      {children}\n    </Element>\n  );\n});\n\nconst Mute = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { mute } = useMuteUnmute(videoRef as RefObject<HTMLVideoElement>);\n\n  return (\n    <Element {...props} onClick={mute}>\n      {children}\n    </Element>\n  );\n});\n\nconst Unmute = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { unmute } = useMuteUnmute(videoRef as RefObject<HTMLVideoElement>);\n\n  return (\n    <Element {...props} onClick={unmute}>\n      {children}\n    </Element>\n  );\n});\n\ninterface SpeedProps extends Props {\n  value: number;\n  onClick?: () => void;\n}\n\nconst Speed = React.memo(\n  ({ children, asChild, value, onClick, ...props }: SpeedProps) => {\n    const Element = asChild ? Slot : \"button\";\n    const { videoRef } = useVideo();\n\n    const { speed, onChangeSpeed } = useSpeed(\n      videoRef as RefObject<HTMLVideoElement>\n    );\n\n    return (\n      <Element\n        {...props}\n        value={value}\n        onClick={() => {\n          onChangeSpeed(value);\n          onClick?.();\n        }}\n      >\n        {children}\n      </Element>\n    );\n  }\n);\n\nconst SeekForward = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { seekForward } = useSeek(videoRef as RefObject<HTMLVideoElement>, 10);\n\n  return (\n    <Element {...props} onClick={seekForward}>\n      {children}\n    </Element>\n  );\n});\n\nconst SeekBackward = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { seekBackward } = useSeek(videoRef as RefObject<HTMLVideoElement>, 10);\n\n  return (\n    <Element {...props} onClick={seekBackward}>\n      {children}\n    </Element>\n  );\n});\n\nconst Fullscreen = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { toggleFullscreen } = useFullscreen(videoRef);\n\n  return (\n    <Element {...props} onClick={toggleFullscreen}>\n      {children}\n    </Element>\n  );\n});\n\nconst ExitFullscreen = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { toggleFullscreen } = useFullscreen(videoRef);\n\n  return (\n    <Element {...props} onClick={toggleFullscreen}>\n      {children}\n    </Element>\n  );\n});\n\nconst PictureInPicture = React.memo(\n  ({ children, asChild, ...props }: Props) => {\n    const Element = asChild ? Slot : \"button\";\n    const { videoRef } = useVideo();\n\n    const { togglePictureInPicture } = usePictureInPicture(videoRef);\n\n    return (\n      <Element {...props} onClick={togglePictureInPicture}>\n        {children}\n      </Element>\n    );\n  }\n);\n\nconst Download = React.memo(({ children, asChild, ...props }: Props) => {\n  const Element = asChild ? Slot : \"button\";\n  const { videoRef } = useVideo();\n\n  const { downloadDirect } = useDownload(videoRef);\n\n  return (\n    <Element {...props} onClick={() => downloadDirect()}>\n      {children}\n    </Element>\n  );\n});\n\ninterface LoadingProps extends React.ComponentProps<\"div\"> {\n  children: React.ReactNode;\n  asChild?: boolean;\n}\n\nconst Loading = React.memo(({ children, asChild, ...props }: LoadingProps) => {\n  const Element = asChild ? Slot : \"div\";\n  const { videoRef } = useVideo();\n\n  const { isLoading } = useLoading(videoRef);\n\n  return (\n    <Element\n      {...props}\n      style={{ ...props.style, pointerEvents: \"none\" }}\n      data-loading={isLoading}\n    >\n      {children}\n    </Element>\n  );\n});\n\ninterface ShadowProps extends React.ComponentProps<\"div\"> {}\n\nconst Shadow = ({ ...props }: ShadowProps) => {\n  const { videoRef } = useVideo();\n\n  const shadowVideoRef = useRef<HTMLVideoElement>(null);\n\n  React.useEffect(() => {\n    const video = videoRef?.current;\n    if (shadowVideoRef.current && video) {\n      let currentTime = 0;\n      let isPlaying = false;\n      let interval: ReturnType<typeof setInterval> | null = null;\n\n      const startInterval = () => {\n        if (interval) clearInterval(interval);\n        interval = setInterval(() => {\n          console.log(\"currentTime\", video.currentTime);\n          currentTime = video.currentTime;\n          if (shadowVideoRef.current) {\n            shadowVideoRef.current.currentTime = currentTime;\n          }\n        }, 100);\n      };\n\n      const stopInterval = () => {\n        if (interval) {\n          clearInterval(interval);\n          interval = null;\n        }\n      };\n\n      const handlePlay = () => {\n        isPlaying = true;\n        startInterval();\n      };\n\n      const handlePause = () => {\n        isPlaying = false;\n        stopInterval();\n      };\n\n      video.addEventListener(\"play\", handlePlay);\n      video.addEventListener(\"pause\", handlePause);\n\n      return () => {\n        stopInterval();\n        video.removeEventListener(\"play\", handlePlay);\n        video.removeEventListener(\"pause\", handlePause);\n      };\n    }\n  }, [videoRef?.current]);\n\n  if (!videoRef?.current) return null;\n\n  return (\n    <div\n      {...props}\n      style={{\n        ...props.style,\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        width: \"100%\",\n        height: \"100%\",\n        pointerEvents: \"none\",\n      }}\n    >\n      <video\n        ref={shadowVideoRef}\n        src={videoRef.current.src}\n        muted\n        playsInline\n        style={{\n          width: \"100%\",\n          height: \"100%\",\n          objectFit: \"cover\",\n        }}\n      />\n    </div>\n  );\n};\n\nexport {\n  Controls,\n  Play,\n  Pause,\n  Mute,\n  Unmute,\n  Speed,\n  SeekForward,\n  SeekBackward,\n  Fullscreen,\n  ExitFullscreen,\n  PictureInPicture,\n  Download,\n  Loading,\n  Shadow,\n};\n","import React from \"react\";\nimport type { VideoRef } from \"../types\";\n\nexport const useLoading = (videoRef: VideoRef) => {\n  const [isLoading, setIsLoading] = React.useState(false);\n\n  React.useEffect(() => {\n    if (!videoRef?.current) return;\n\n    const video = videoRef.current;\n\n    const handleLoadStart = () => {\n      setIsLoading(true);\n    };\n\n    const handleLoadedMetadata = () => {\n      // Metadata loaded but video might not be ready to play yet\n      // Keep loading true until canplay\n    };\n\n    const handleLoadedData = () => {\n      // First frame loaded, but might still be buffering\n      // Keep loading true until canplay\n    };\n\n    const handleCanPlay = () => {\n      setIsLoading(false);\n    };\n\n    const handleCanPlayThrough = () => {\n      setIsLoading(false);\n    };\n\n    const handleWaiting = () => {\n      // Video is waiting for data (buffering)\n      setIsLoading(true);\n    };\n\n    const handlePlaying = () => {\n      // Video is playing, so it's not loading anymore\n      setIsLoading(false);\n    };\n\n    const handleError = () => {\n      setIsLoading(false);\n    };\n\n    const handleAbort = () => {\n      setIsLoading(false);\n    };\n\n    const handleSuspend = () => {\n      // Loading suspended (e.g., user paused)\n      // Don't change loading state here\n    };\n\n    // Add event listeners\n    video.addEventListener(\"loadstart\", handleLoadStart);\n    video.addEventListener(\"loadedmetadata\", handleLoadedMetadata);\n    video.addEventListener(\"loadeddata\", handleLoadedData);\n    video.addEventListener(\"canplay\", handleCanPlay);\n    video.addEventListener(\"canplaythrough\", handleCanPlayThrough);\n    video.addEventListener(\"waiting\", handleWaiting);\n    video.addEventListener(\"playing\", handlePlaying);\n    video.addEventListener(\"error\", handleError);\n    video.addEventListener(\"abort\", handleAbort);\n    video.addEventListener(\"suspend\", handleSuspend);\n\n    // Check initial state\n    if (video.readyState >= 2) {\n      setIsLoading(false);\n    }\n\n    return () => {\n      // Remove event listeners\n      video.removeEventListener(\"loadstart\", handleLoadStart);\n      video.removeEventListener(\"loadedmetadata\", handleLoadedMetadata);\n      video.removeEventListener(\"loadeddata\", handleLoadedData);\n      video.removeEventListener(\"canplay\", handleCanPlay);\n      video.removeEventListener(\"canplaythrough\", handleCanPlayThrough);\n      video.removeEventListener(\"waiting\", handleWaiting);\n      video.removeEventListener(\"playing\", handlePlaying);\n      video.removeEventListener(\"error\", handleError);\n      video.removeEventListener(\"abort\", handleAbort);\n      video.removeEventListener(\"suspend\", handleSuspend);\n    };\n  }, [videoRef]);\n\n  return { isLoading };\n};\n"],"mappings":"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","names":["React","createContext","useContext","useEffect","useRef","useState","jsx","VideoContext","VideoProvider","children","config","onError","props","videoRef","setVideoRef","error","setError","isFocused","setIsFocused","videoWrapperRef","videoWrapper","controls","video","hideTimeout","hideDelay","isMouseOver","resetTimer","control","showControls","hideControls","handleMouseMove","handlePlay","handleClick","event","_a","useVideo","context","forwardRef","useEffect","useRef","Keyboards","videoRef","useVideo","seekForward","seekBackward","useSeek","togglePlay","usePlayPause","toggleMute","useMuteUnmute","toggleFullscreen","useFullscreen","togglePictureInPicture","usePictureInPicture","useHotKeys","Fragment","jsx","jsxs","Video","forwardRef","src","autoPlay","muteFallback","controls","preload","autoPlayOnVisible","ranges","props","ref","videoRef","setVideoRef","config","setError","error","isFocused","useVideo","refVideo","useRef","useEffect","video","thirdPartyRef","useAutoplayByForce","useAutoplayOnVisible","onPlay","_a","_b","_c","e","currentTime","Keyboards","React","useRef","Slot","React","useLoading","videoRef","isLoading","setIsLoading","video","handleLoadStart","handleLoadedMetadata","handleLoadedData","handleCanPlay","handleCanPlayThrough","handleWaiting","handlePlaying","handleError","handleAbort","handleSuspend","jsx","Controls","React","children","asChild","props","Play","Element","Slot","videoRef","useVideo","play","usePlayPause","Pause","pause","Mute","mute","useMuteUnmute","Unmute","unmute","Speed","value","onClick","speed","onChangeSpeed","useSpeed","SeekForward","seekForward","useSeek","SeekBackward","seekBackward","Fullscreen","toggleFullscreen","useFullscreen","ExitFullscreen","PictureInPicture","togglePictureInPicture","usePictureInPicture","Download","downloadDirect","useDownload","Loading","isLoading","useLoading","Shadow","shadowVideoRef","useRef","video","currentTime","isPlaying","interval","startInterval","stopInterval","handlePlay","handlePause"]}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.1.92",
+  "version": "0.1.95",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",

package/dist/types-ixK0_H1i.d.cts

@@ -1,9 +0,0 @@
-import { RefObject } from 'react';
-
-type VideoAutoplay = boolean | "force";
-type CustomVideoRef = RefObject<(Omit<HTMLVideoElement, "autoplay"> & {
-    autoplay?: VideoAutoplay;
-}) | null>;
-type VideoRef = RefObject<HTMLVideoElement | null> | null;
-
-export type { CustomVideoRef as C, VideoAutoplay as V, VideoRef as a };

package/dist/types-ixK0_H1i.d.ts

@@ -1,9 +0,0 @@
-import { RefObject } from 'react';
-
-type VideoAutoplay = boolean | "force";
-type CustomVideoRef = RefObject<(Omit<HTMLVideoElement, "autoplay"> & {
-    autoplay?: VideoAutoplay;
-}) | null>;
-type VideoRef = RefObject<HTMLVideoElement | null> | null;
-
-export type { CustomVideoRef as C, VideoAutoplay as V, VideoRef as a };