@zuude-ui/video 0.1.25 → 0.1.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunk-XV6ODTKT.js +2 -0
- package/dist/chunk-XV6ODTKT.js.map +1 -0
- package/dist/hooks/index.cjs +1 -1
- package/dist/hooks/index.cjs.map +1 -1
- package/dist/hooks/index.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/chunk-2LPC7QHR.js +0 -2
- package/dist/chunk-2LPC7QHR.js.map +0 -1
- package/dist/chunk-OYLOY3EO.js +0 -2
- package/dist/chunk-OYLOY3EO.js.map +0 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import A from"react";var Q=(t,e,n)=>{A.useEffect(()=>{if(!(t!=null&&t.current)||!e)return;(async()=>{var u;try{await((u=t.current)==null?void 0:u.play())}catch(a){if(a instanceof Error&&a.name==="NotAllowedError"){if(n==null||n("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(a)}})()},[e,t==null?void 0:t.current])};import K from"react";var Z=(t,e,n=!0)=>{K.useEffect(()=>{if(!(t!=null&&t.current)||!n)return;let s=new IntersectionObserver(u=>{u.forEach(a=>{var c;t!=null&&t.current&&(a.isIntersecting?t.current.play().catch(r=>{t.current&&(t.current.pause(),t.current.muted=!0,t.current.play(),console.error(r))}):(c=t.current)==null||c.pause())})},{threshold:e!=null?e:.5});return s.observe(t==null?void 0:t.current),()=>{s.disconnect()}},[t==null?void 0:t.current])};import L from"react";var v=t=>{let[e,n]=L.useState(!1),s=L.useRef(null);L.useEffect(()=>{let a=()=>{let c=!!document.fullscreenElement;n(c);let r=t==null?void 0:t.current;r&&(c?(s.current={objectFit:r.style.objectFit||"cover",borderRadius:r.style.borderRadius||"",width:r.style.width||"",height:r.style.height||"",maxWidth:r.style.maxWidth||"",maxHeight:r.style.maxHeight||"",margin:r.style.margin||""},r.style.objectFit="contain",r.style.borderRadius="0",r.style.width="100%",r.style.height="100%",r.style.maxWidth="none",r.style.maxHeight="none",r.style.margin="0"):s.current&&(r.style.objectFit=s.current.objectFit,r.style.borderRadius=s.current.borderRadius,r.style.width=s.current.width,r.style.height=s.current.height,r.style.maxWidth=s.current.maxWidth,r.style.maxHeight=s.current.maxHeight,r.style.margin=s.current.margin,s.current=null))};return document.addEventListener("fullscreenchange",a),()=>document.removeEventListener("fullscreenchange",a)},[t]);let u=()=>{let a=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),c=t==null?void 0:t.current;if(c&&a){if(c.webkitEnterFullscreen){c.webkitEnterFullscreen();return}else if(c.requestFullscreen){c.requestFullscreen();return}}let r=c==null?void 0:c.closest("[data-zuude-video-wrapper]");r&&(e?document.exitFullscreen():r.requestFullscreen())};return{isFullscreen:e!=null?e:!1,toggleFullscreen:u}};import V from"react";var rt=t=>{let[e,n]=V.useState(!1),[s,u]=V.useState(null);return V.useEffect(()=>{if(!(t!=null&&t.current))return;n(!0);let a=()=>{var l,m;u((m=(l=t.current)==null?void 0:l.duration)!=null?m:null),n(!1)},c=()=>{n(!1)},r=t.current;if(r.duration&&!isNaN(r.duration))u(r.duration),n(!1);else return r.addEventListener("loadedmetadata",a),r.addEventListener("error",c),r.addEventListener("loadeddata",a),()=>{r.removeEventListener("loadedmetadata",a),r.removeEventListener("error",c),r.removeEventListener("loadeddata",a)}},[t]),{duration:s,isLoading:e}};import{useEffect as $}from"react";var ut=(t,e,n=!0)=>{let s=u=>{u.key===t&&(u.preventDefault(),e(u))};$(()=>{if(n)return document.addEventListener("keydown",s),()=>{document.removeEventListener("keydown",s)}},[t,e,n])};import E from"react";var at=t=>{let[e,n]=E.useState(!1),s=E.useCallback(()=>{t!=null&&t.current&&(t.current.muted=!t.current.muted)},[t==null?void 0:t.current]),u=E.useCallback(()=>{t!=null&&t.current&&(t.current.muted=!0)},[t==null?void 0:t.current]),a=E.useCallback(()=>{t!=null&&t.current&&(t.current.muted=!1)},[t==null?void 0:t.current]);return E.useEffect(()=>{if(!(t!=null&&t.current))return;n(t.current.muted);let c=()=>{t.current&&n(t.current.muted)};return t.current.addEventListener("volumechange",c),()=>{var r;(r=t.current)==null||r.removeEventListener("volumechange",c)}},[t==null?void 0:t.current]),{toggleMute:s,isMuted:e,mute:u,unmute:a}};var mt=t=>({togglePictureInPicture:async()=>{let u=t==null?void 0:t.current;if(u)try{document.pictureInPictureElement?await document.exitPictureInPicture():await u.requestPictureInPicture()}catch(a){if(/^((?!chrome|android).)*safari/i.test(navigator.userAgent))u.webkitEnterFullscreen?u.webkitEnterFullscreen():u.requestFullscreen&&u.requestFullscreen();else{let r=u.closest("[data-zuude-video-wrapper]");r&&(document.fullscreenElement?await document.exitFullscreen():await r.requestFullscreen())}}},requestPictureInPicture:async()=>{let u=t==null?void 0:t.current;u&&await u.requestPictureInPicture()},exitPictureInPicture:async()=>{t!=null&&t.current&&await document.exitPictureInPicture()}});import b from"react";var yt=t=>{let[e,n]=b.useState(!1),s=b.useCallback(()=>{t!=null&&t.current&&(t.current.paused?t.current.play():t.current.pause())},[t==null?void 0:t.current]),u=b.useCallback(()=>{t!=null&&t.current&&t.current.play()},[t==null?void 0:t.current]),a=b.useCallback(()=>{t!=null&&t.current&&t.current.pause()},[t==null?void 0:t.current]);return b.useEffect(()=>{if(!(t!=null&&t.current))return;let c=()=>{n(!0)},r=()=>{n(!1)};if(n(!(t!=null&&t.current.paused)),t!=null&&t.current)return t.current.addEventListener("play",c),t.current.addEventListener("pause",r),()=>{var l,m;(l=t.current)==null||l.removeEventListener("play",c),(m=t.current)==null||m.removeEventListener("pause",r)}},[t==null?void 0:t.current]),{togglePlay:s,isPlaying:e,play:u,pause:a}};import M from"react";var Et=(t,e=10)=>{let n=M.useCallback(()=>{t!=null&&t.current&&(t.current.currentTime+=e)},[t==null?void 0:t.current]),s=M.useCallback(()=>{t!=null&&t.current&&(t.current.currentTime-=e)},[t==null?void 0:t.current]);return{seekForward:n,seekBackward:s}};import P from"react";var wt=t=>{let[e,n]=P.useState(1),s=u=>{n(u)};return P.useEffect(()=>{t!=null&&t.current&&n(t.current.playbackRate)},[t==null?void 0:t.current]),P.useEffect(()=>{t!=null&&t.current&&(t.current.playbackRate=e)},[e,t==null?void 0:t.current]),{speed:e,onChangeSpeed:s}};import z from"react";var Pt=(t,e)=>{z.useEffect(()=>{if(!(t!=null&&t.current)||!e)return;let n=t==null?void 0:t.current;n&&e&&(n.currentTime=e)},[e,t==null?void 0:t.current])};import x from"react";var It=(t,e=10)=>{let[n,s]=x.useState(!1),[u,a]=x.useState(0);return x.useEffect(()=>{if(t!=null&&t.current&&n){let r=setInterval(()=>{var l;a(((l=t.current)==null?void 0:l.currentTime)||0)},e);return()=>clearInterval(r)}},[t==null?void 0:t.current,n]),x.useEffect(()=>{if(!(t!=null&&t.current))return;let r=t.current,l=()=>s(!0),m=()=>s(!1);return r.addEventListener("play",l),r.addEventListener("pause",m),()=>{r.removeEventListener("play",l),r.removeEventListener("pause",m)}},[t==null?void 0:t.current]),{currentTime:u,onTimeUpdate:r=>{t!=null&&t.current&&(a(r),t.current.currentTime=r)}}};import{useEffect as i,useState as F}from"react";var Tt=t=>{let[e,n]=F(!1),[s,u]=F(!1),[a,c]=F(!1);return i(()=>{let r=t.current;if(r)return r.addEventListener("play",()=>n(!0)),r.addEventListener("pause",()=>n(!1)),()=>{r.removeEventListener("play",()=>n(!0)),r.removeEventListener("pause",()=>n(!1))}},[t]),i(()=>{if(!(t!=null&&t.current))return;u(t.current.muted);let r=()=>{t.current&&u(t.current.muted)};return t.current.addEventListener("volumechange",r),()=>{var l;(l=t.current)==null||l.removeEventListener("volumechange",r)}},[t]),i(()=>{if(!(t!=null&&t.current))return;let r=()=>{c(!!document.fullscreenElement)};return document.addEventListener("fullscreenchange",r),()=>document.removeEventListener("fullscreenchange",r)},[t]),{isPlaying:e,isMuted:s,isFullscreen:a}};import I from"react";var qt=(t,e=100)=>{let[n,s]=I.useState(e),u=a=>{s(a)};return I.useEffect(()=>{t!=null&&t.current&&s(t.current.volume*100)},[t==null?void 0:t.current]),I.useEffect(()=>{t!=null&&t.current&&(t.current.volume=n/100)},[n,t==null?void 0:t.current]),{volume:n,onChangeVolume:u}};import w from"react";var Ut=(t,e)=>{let[n,s]=w.useState(!1),[u,a]=w.useState(0);return w.useEffect(()=>{if(t!=null&&t.current&&n){let c=setInterval(()=>{var r;(r=t.current)!=null&&r.buffered.length&&a(t.current.buffered.end(t.current.buffered.length-1))},10);return()=>clearInterval(c)}},[t==null?void 0:t.current,n]),w.useEffect(()=>{if(t!=null&&t.current)return t.current.addEventListener("play",()=>s(!0)),t.current.addEventListener("pause",()=>s(!1)),()=>{var c,r;(c=t.current)==null||c.removeEventListener("play",()=>s(!0)),(r=t.current)==null||r.removeEventListener("pause",()=>s(!1))}},[]),{buffered:u,bufferedPercentage:u/(e||0)*100||0}};import{useEffect as G,useState as k,useCallback as U}from"react";var Ot=t=>{let[e,n]=k(!1),[s,u]=k(0),[a,c]=k(null),r=U(async m=>{var p;if(!(t!=null&&t.current)){c("Video element not found");return}let y=t.current,g=y.src||y.currentSrc;if(!g){c("No video source found");return}try{n(!0),c(null),u(0);let o=await fetch(g);if(!o.ok)throw new Error(`Failed to fetch video: ${o.statusText}`);let S=o.headers.get("content-length"),C=S?parseInt(S,10):0,T=(p=o.body)==null?void 0:p.getReader();if(!T)throw new Error("Failed to create download stream");let D=[],j=0;for(;;){let{done:O,value:H}=await T.read();if(O)break;if(D.push(H),j+=H.length,C>0){let W=j/C*100;u(Math.round(W))}}let N=new Blob(D,{type:o.headers.get("content-type")||"video/mp4"}),q=URL.createObjectURL(N),h=document.createElement("a");h.href=q;let B=m||`video-${Date.now()}.mp4`;h.download=B,document.body.appendChild(h),h.click(),document.body.removeChild(h),URL.revokeObjectURL(q),u(100),n(!1)}catch(o){c(o instanceof Error?o.message:"Download failed"),n(!1),u(0)}},[t]),l=U(m=>{if(!(t!=null&&t.current)){c("Video element not found");return}let y=t.current,g=y.src||y.currentSrc;if(!g){c("No video source found");return}try{n(!0),c(null),u(0);let p=document.createElement("a");p.href=g,p.download=m||`video-${Date.now()}.mp4`,p.target="_blank",document.body.appendChild(p),p.click(),document.body.removeChild(p),n(!1),u(100)}catch(p){c(p instanceof Error?p.message:"Download failed"),n(!1),u(0)}},[t]);return G(()=>()=>{n(!1),u(0),c(null)},[]),{downloadVideo:r,downloadDirect:l,isDownloading:e,downloadProgress:s,error:a,resetError:()=>c(null)}};import _ from"react";var Kt=(t,e)=>{_.useEffect(()=>{if(!(t!=null&&t.current)||!e)return;let n=t.current;if(n){let s=()=>{(n.currentTime>=e[1]||n.currentTime<=e[0])&&(n.currentTime=e[0])};return n.addEventListener("timeupdate",s),()=>{n.removeEventListener("timeupdate",s)}}},[e,t==null?void 0:t.current])};export{Q as a,ut as b,Et as c,yt as d,at as e,v as f,mt as g,Z as h,rt as i,wt as j,Pt as k,It as l,Tt as m,qt as n,Ut as o,Ot as p,Kt as q};
|
|
2
|
+
//# sourceMappingURL=chunk-XV6ODTKT.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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 const previousStylesRef = React.useRef<{\n objectFit: string;\n borderRadius: string;\n width: string;\n height: string;\n maxWidth: string;\n maxHeight: string;\n margin: string;\n } | null>(null);\n\n React.useEffect(() => {\n const handleFullscreenChange = () => {\n const isCurrentlyFullscreen = !!document.fullscreenElement;\n setIsFullscreen(isCurrentlyFullscreen);\n\n // Apply styles based on fullscreen state\n const video = videoRef?.current;\n if (video) {\n if (isCurrentlyFullscreen) {\n // Store previous styles before entering fullscreen\n previousStylesRef.current = {\n objectFit: video.style.objectFit || \"cover\",\n borderRadius: video.style.borderRadius || \"\",\n width: video.style.width || \"\",\n height: video.style.height || \"\",\n maxWidth: video.style.maxWidth || \"\",\n maxHeight: video.style.maxHeight || \"\",\n margin: video.style.margin || \"\",\n };\n // Apply fullscreen styles\n video.style.objectFit = \"contain\";\n video.style.borderRadius = \"0\";\n video.style.width = \"100%\";\n video.style.height = \"100%\";\n video.style.maxWidth = \"none\";\n video.style.maxHeight = \"none\";\n video.style.margin = \"0\";\n } else {\n // Restore previous styles when exiting fullscreen\n if (previousStylesRef.current) {\n video.style.objectFit = previousStylesRef.current.objectFit;\n video.style.borderRadius = previousStylesRef.current.borderRadius;\n video.style.width = previousStylesRef.current.width;\n video.style.height = previousStylesRef.current.height;\n video.style.maxWidth = previousStylesRef.current.maxWidth;\n video.style.maxHeight = previousStylesRef.current.maxHeight;\n video.style.margin = previousStylesRef.current.margin;\n previousStylesRef.current = null;\n }\n }\n }\n };\n\n document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\n return () =>\n document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\n }, [videoRef]);\n\n const 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 } else {\n document.exitFullscreen();\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 const video = videoRef.current;\n\n // Store handlers in variables for proper cleanup (critical for Safari memory safety)\n const handlePlay = () => setIsPlaying(true);\n const handlePause = () => setIsPlaying(false);\n\n video.addEventListener(\"play\", handlePlay);\n video.addEventListener(\"pause\", handlePause);\n\n return () => {\n video.removeEventListener(\"play\", handlePlay);\n video.removeEventListener(\"pause\", handlePause);\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","previousStylesRef","handleFullscreenChange","isCurrentlyFullscreen","video","toggleFullscreen","isSafari","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","video","handlePlay","handlePause","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
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var J=Object.create;var i=Object.defineProperty;var Q=Object.getOwnPropertyDescriptor;var X=Object.getOwnPropertyNames;var Y=Object.getPrototypeOf,Z=Object.prototype.hasOwnProperty;var d=(t,e)=>{for(var n in e)i(t,n,{get:e[n],enumerable:!0})},N=(t,e,n,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let u of X(e))!Z.call(t,u)&&u!==n&&i(t,u,{get:()=>e[u],enumerable:!(s=Q(e,u))||s.enumerable});return t};var m=(t,e,n)=>(n=t!=null?J(Y(t)):{},N(e||!t||!t.__esModule?i(n,"default",{value:t,enumerable:!0}):n,t)),f=t=>N(i({},"__esModule",{value:!0}),t);var Et={};d(Et,{useAutoplayByForce:()=>v,useAutoplayOnVisible:()=>R,useBuffer:()=>yt,useCurrentTime:()=>mt,useDownload:()=>gt,useFullscreen:()=>tt,useGetDuration:()=>rt,useHotKeys:()=>nt,useMuteUnmute:()=>et,usePictureInPicture:()=>ut,usePlayPause:()=>st,useRange:()=>ht,useSeek:()=>ct,useSpeed:()=>at,useStartAt:()=>lt,useVideoState:()=>pt,useVolume:()=>ot});module.exports=f(Et);var B=m(require("react"),1),v=(t,e,n)=>{B.default.useEffect(()=>{if(!(t!=null&&t.current)||!e)return;(async()=>{var u;try{await((u=t.current)==null?void 0:u.play())}catch(a){if(a instanceof Error&&a.name==="NotAllowedError"){if(n==null||n("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(a)}})()},[e,t==null?void 0:t.current])};var O=m(require("react"),1),R=(t,e,n=!0)=>{O.default.useEffect(()=>{if(!(t!=null&&t.current)||!n)return;let s=new IntersectionObserver(u=>{u.forEach(a=>{var c;t!=null&&t.current&&(a.isIntersecting?t.current.play().catch(r=>{t.current&&(t.current.pause(),t.current.muted=!0,t.current.play(),console.error(r))}):(c=t.current)==null||c.pause())})},{threshold:e!=null?e:.5});return s.observe(t==null?void 0:t.current),()=>{s.disconnect()}},[t==null?void 0:t.current])};var F=m(require("react"),1),tt=t=>{let[e,n]=F.default.useState(!1),s=F.default.useRef(null);F.default.useEffect(()=>{let a=()=>{let c=!!document.fullscreenElement;n(c);let r=t==null?void 0:t.current;r&&(c?(s.current={objectFit:r.style.objectFit||"cover",borderRadius:r.style.borderRadius||"",width:r.style.width||"",height:r.style.height||"",maxWidth:r.style.maxWidth||"",maxHeight:r.style.maxHeight||"",margin:r.style.margin||""},r.style.objectFit="contain",r.style.borderRadius="0",r.style.width="100%",r.style.height="100%",r.style.maxWidth="none",r.style.maxHeight="none",r.style.margin="0"):s.current&&(r.style.objectFit=s.current.objectFit,r.style.borderRadius=s.current.borderRadius,r.style.width=s.current.width,r.style.height=s.current.height,r.style.maxWidth=s.current.maxWidth,r.style.maxHeight=s.current.maxHeight,r.style.margin=s.current.margin,s.current=null))};return document.addEventListener("fullscreenchange",a),()=>document.removeEventListener("fullscreenchange",a)},[t]);let u=()=>{let a=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),c=t==null?void 0:t.current;if(c&&a){if(c.webkitEnterFullscreen){c.webkitEnterFullscreen();return}else if(c.requestFullscreen){c.requestFullscreen();return}}let r=c==null?void 0:c.closest("[data-zuude-video-wrapper]");r&&(e?document.exitFullscreen():r.requestFullscreen())};return{isFullscreen:e!=null?e:!1,toggleFullscreen:u}};var I=m(require("react"),1),rt=t=>{let[e,n]=I.default.useState(!1),[s,u]=I.default.useState(null);return I.default.useEffect(()=>{if(!(t!=null&&t.current))return;n(!0);let a=()=>{var l,o;u((o=(l=t.current)==null?void 0:l.duration)!=null?o:null),n(!1)},c=()=>{n(!1)},r=t.current;if(r.duration&&!isNaN(r.duration))u(r.duration),n(!1);else return r.addEventListener("loadedmetadata",a),r.addEventListener("error",c),r.addEventListener("loadeddata",a),()=>{r.removeEventListener("loadedmetadata",a),r.removeEventListener("error",c),r.removeEventListener("loadeddata",a)}},[t]),{duration:s,isLoading:e}};var W=require("react"),nt=(t,e,n=!0)=>{let s=u=>{u.key===t&&(u.preventDefault(),e(u))};(0,W.useEffect)(()=>{if(n)return document.addEventListener("keydown",s),()=>{document.removeEventListener("keydown",s)}},[t,e,n])};var E=m(require("react"),1),et=t=>{let[e,n]=E.default.useState(!1),s=E.default.useCallback(()=>{t!=null&&t.current&&(t.current.muted=!t.current.muted)},[t==null?void 0:t.current]),u=E.default.useCallback(()=>{t!=null&&t.current&&(t.current.muted=!0)},[t==null?void 0:t.current]),a=E.default.useCallback(()=>{t!=null&&t.current&&(t.current.muted=!1)},[t==null?void 0:t.current]);return E.default.useEffect(()=>{if(!(t!=null&&t.current))return;n(t.current.muted);let c=()=>{t.current&&n(t.current.muted)};return t.current.addEventListener("volumechange",c),()=>{var r;(r=t.current)==null||r.removeEventListener("volumechange",c)}},[t==null?void 0:t.current]),{toggleMute:s,isMuted:e,mute:u,unmute:a}};var ut=t=>({togglePictureInPicture:async()=>{let u=t==null?void 0:t.current;if(u)try{document.pictureInPictureElement?await document.exitPictureInPicture():await u.requestPictureInPicture()}catch(a){if(/^((?!chrome|android).)*safari/i.test(navigator.userAgent))u.webkitEnterFullscreen?u.webkitEnterFullscreen():u.requestFullscreen&&u.requestFullscreen();else{let r=u.closest("[data-zuude-video-wrapper]");r&&(document.fullscreenElement?await document.exitFullscreen():await r.requestFullscreen())}}},requestPictureInPicture:async()=>{let u=t==null?void 0:t.current;u&&await u.requestPictureInPicture()},exitPictureInPicture:async()=>{t!=null&&t.current&&await document.exitPictureInPicture()}});var b=m(require("react"),1),st=t=>{let[e,n]=b.default.useState(!1),s=b.default.useCallback(()=>{t!=null&&t.current&&(t.current.paused?t.current.play():t.current.pause())},[t==null?void 0:t.current]),u=b.default.useCallback(()=>{t!=null&&t.current&&t.current.play()},[t==null?void 0:t.current]),a=b.default.useCallback(()=>{t!=null&&t.current&&t.current.pause()},[t==null?void 0:t.current]);return b.default.useEffect(()=>{if(!(t!=null&&t.current))return;let c=()=>{n(!0)},r=()=>{n(!1)};if(n(!(t!=null&&t.current.paused)),t!=null&&t.current)return t.current.addEventListener("play",c),t.current.addEventListener("pause",r),()=>{var l,o;(l=t.current)==null||l.removeEventListener("play",c),(o=t.current)==null||o.removeEventListener("pause",r)}},[t==null?void 0:t.current]),{togglePlay:s,isPlaying:e,play:u,pause:a}};var C=m(require("react"),1),ct=(t,e=10)=>{let n=C.default.useCallback(()=>{t!=null&&t.current&&(t.current.currentTime+=e)},[t==null?void 0:t.current]),s=C.default.useCallback(()=>{t!=null&&t.current&&(t.current.currentTime-=e)},[t==null?void 0:t.current]);return{seekForward:n,seekBackward:s}};var k=m(require("react"),1),at=t=>{let[e,n]=k.default.useState(1),s=u=>{n(u)};return k.default.useEffect(()=>{t!=null&&t.current&&n(t.current.playbackRate)},[t==null?void 0:t.current]),k.default.useEffect(()=>{t!=null&&t.current&&(t.current.playbackRate=e)},[e,t==null?void 0:t.current]),{speed:e,onChangeSpeed:s}};var A=m(require("react"),1),lt=(t,e)=>{A.default.useEffect(()=>{if(!(t!=null&&t.current)||!e)return;let n=t==null?void 0:t.current;n&&e&&(n.currentTime=e)},[e,t==null?void 0:t.current])};var V=m(require("react"),1),mt=(t,e=10)=>{let[n,s]=V.default.useState(!1),[u,a]=V.default.useState(0);return V.default.useEffect(()=>{if(t!=null&&t.current&&n){let r=setInterval(()=>{var l;a(((l=t.current)==null?void 0:l.currentTime)||0)},e);return()=>clearInterval(r)}},[t==null?void 0:t.current,n]),V.default.useEffect(()=>{if(t!=null&&t.current)return t.current.addEventListener("play",()=>s(!0)),t.current.addEventListener("pause",()=>s(!1)),()=>{var r,l;(r=t.current)==null||r.removeEventListener("play",()=>s(!0)),(l=t.current)==null||l.removeEventListener("pause",()=>s(!1))}},[t==null?void 0:t.current]),{currentTime:u,onTimeUpdate:r=>{t!=null&&t.current&&(a(r),t.current.currentTime=r)}}};var h=require("react"),pt=t=>{let[e,n]=(0,h.useState)(!1),[s,u]=(0,h.useState)(!1),[a,c]=(0,h.useState)(!1);return(0,h.useEffect)(()=>{let r=t.current;if(r)return r.addEventListener("play",()=>n(!0)),r.addEventListener("pause",()=>n(!1)),()=>{r.removeEventListener("play",()=>n(!0)),r.removeEventListener("pause",()=>n(!1))}},[t]),(0,h.useEffect)(()=>{if(!(t!=null&&t.current))return;u(t.current.muted);let r=()=>{t.current&&u(t.current.muted)};return t.current.addEventListener("volumechange",r),()=>{var l;(l=t.current)==null||l.removeEventListener("volumechange",r)}},[t]),(0,h.useEffect)(()=>{if(!(t!=null&&t.current))return;let r=()=>{c(!!document.fullscreenElement)};return document.addEventListener("fullscreenchange",r),()=>document.removeEventListener("fullscreenchange",r)},[t]),{isPlaying:e,isMuted:s,isFullscreen:a}};var S=m(require("react"),1),ot=(t,e=100)=>{let[n,s]=S.default.useState(e),u=a=>{s(a)};return S.default.useEffect(()=>{t!=null&&t.current&&s(t.current.volume*100)},[t==null?void 0:t.current]),S.default.useEffect(()=>{t!=null&&t.current&&(t.current.volume=n/100)},[n,t==null?void 0:t.current]),{volume:n,onChangeVolume:u}};var P=m(require("react"),1),yt=(t,e)=>{let[n,s]=P.default.useState(!1),[u,a]=P.default.useState(0);return P.default.useEffect(()=>{if(t!=null&&t.current&&n){let c=setInterval(()=>{var r;(r=t.current)!=null&&r.buffered.length&&a(t.current.buffered.end(t.current.buffered.length-1))},10);return()=>clearInterval(c)}},[t==null?void 0:t.current,n]),P.default.useEffect(()=>{if(t!=null&&t.current)return t.current.addEventListener("play",()=>s(!0)),t.current.addEventListener("pause",()=>s(!1)),()=>{var c,r;(c=t.current)==null||c.removeEventListener("play",()=>s(!0)),(r=t.current)==null||r.removeEventListener("pause",()=>s(!1))}},[]),{buffered:u,bufferedPercentage:u/(e||0)*100||0}};var y=require("react"),gt=t=>{let[e,n]=(0,y.useState)(!1),[s,u]=(0,y.useState)(0),[a,c]=(0,y.useState)(null),r=(0,y.useCallback)(async o=>{var p;if(!(t!=null&&t.current)){c("Video element not found");return}let x=t.current,w=x.src||x.currentSrc;if(!w){c("No video source found");return}try{n(!0),c(null),u(0);let g=await fetch(w);if(!g.ok)throw new Error(`Failed to fetch video: ${g.statusText}`);let T=g.headers.get("content-length"),D=T?parseInt(T,10):0,j=(p=g.body)==null?void 0:p.getReader();if(!j)throw new Error("Failed to create download stream");let q=[],H=0;for(;;){let{done:G,value:U}=await j.read();if(G)break;if(q.push(U),H+=U.length,D>0){let _=H/D*100;u(Math.round(_))}}let $=new Blob(q,{type:g.headers.get("content-type")||"video/mp4"}),M=URL.createObjectURL($),L=document.createElement("a");L.href=M;let z=o||`video-${Date.now()}.mp4`;L.download=z,document.body.appendChild(L),L.click(),document.body.removeChild(L),URL.revokeObjectURL(M),u(100),n(!1)}catch(g){c(g instanceof Error?g.message:"Download failed"),n(!1),u(0)}},[t]),l=(0,y.useCallback)(o=>{if(!(t!=null&&t.current)){c("Video element not found");return}let x=t.current,w=x.src||x.currentSrc;if(!w){c("No video source found");return}try{n(!0),c(null),u(0);let p=document.createElement("a");p.href=w,p.download=o||`video-${Date.now()}.mp4`,p.target="_blank",document.body.appendChild(p),p.click(),document.body.removeChild(p),n(!1),u(100)}catch(p){c(p instanceof Error?p.message:"Download failed"),n(!1),u(0)}},[t]);return(0,y.useEffect)(()=>()=>{n(!1),u(0),c(null)},[]),{downloadVideo:r,downloadDirect:l,isDownloading:e,downloadProgress:s,error:a,resetError:()=>c(null)}};var K=m(require("react"),1),ht=(t,e)=>{K.default.useEffect(()=>{if(!(t!=null&&t.current)||!e)return;let n=t.current;if(n){let s=()=>{(n.currentTime>=e[1]||n.currentTime<=e[0])&&(n.currentTime=e[0])};return n.addEventListener("timeupdate",s),()=>{n.removeEventListener("timeupdate",s)}}},[e,t==null?void 0:t.current])};0&&(module.exports={useAutoplayByForce,useAutoplayOnVisible,useBuffer,useCurrentTime,useDownload,useFullscreen,useGetDuration,useHotKeys,useMuteUnmute,usePictureInPicture,usePlayPause,useRange,useSeek,useSpeed,useStartAt,useVideoState,useVolume});
|
|
1
|
+
"use strict";var J=Object.create;var i=Object.defineProperty;var Q=Object.getOwnPropertyDescriptor;var X=Object.getOwnPropertyNames;var Y=Object.getPrototypeOf,Z=Object.prototype.hasOwnProperty;var d=(t,e)=>{for(var n in e)i(t,n,{get:e[n],enumerable:!0})},N=(t,e,n,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let u of X(e))!Z.call(t,u)&&u!==n&&i(t,u,{get:()=>e[u],enumerable:!(s=Q(e,u))||s.enumerable});return t};var m=(t,e,n)=>(n=t!=null?J(Y(t)):{},N(e||!t||!t.__esModule?i(n,"default",{value:t,enumerable:!0}):n,t)),f=t=>N(i({},"__esModule",{value:!0}),t);var Et={};d(Et,{useAutoplayByForce:()=>v,useAutoplayOnVisible:()=>R,useBuffer:()=>yt,useCurrentTime:()=>mt,useDownload:()=>gt,useFullscreen:()=>tt,useGetDuration:()=>rt,useHotKeys:()=>nt,useMuteUnmute:()=>et,usePictureInPicture:()=>ut,usePlayPause:()=>st,useRange:()=>ht,useSeek:()=>ct,useSpeed:()=>at,useStartAt:()=>lt,useVideoState:()=>pt,useVolume:()=>ot});module.exports=f(Et);var B=m(require("react"),1),v=(t,e,n)=>{B.default.useEffect(()=>{if(!(t!=null&&t.current)||!e)return;(async()=>{var u;try{await((u=t.current)==null?void 0:u.play())}catch(a){if(a instanceof Error&&a.name==="NotAllowedError"){if(n==null||n("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(a)}})()},[e,t==null?void 0:t.current])};var O=m(require("react"),1),R=(t,e,n=!0)=>{O.default.useEffect(()=>{if(!(t!=null&&t.current)||!n)return;let s=new IntersectionObserver(u=>{u.forEach(a=>{var c;t!=null&&t.current&&(a.isIntersecting?t.current.play().catch(r=>{t.current&&(t.current.pause(),t.current.muted=!0,t.current.play(),console.error(r))}):(c=t.current)==null||c.pause())})},{threshold:e!=null?e:.5});return s.observe(t==null?void 0:t.current),()=>{s.disconnect()}},[t==null?void 0:t.current])};var F=m(require("react"),1),tt=t=>{let[e,n]=F.default.useState(!1),s=F.default.useRef(null);F.default.useEffect(()=>{let a=()=>{let c=!!document.fullscreenElement;n(c);let r=t==null?void 0:t.current;r&&(c?(s.current={objectFit:r.style.objectFit||"cover",borderRadius:r.style.borderRadius||"",width:r.style.width||"",height:r.style.height||"",maxWidth:r.style.maxWidth||"",maxHeight:r.style.maxHeight||"",margin:r.style.margin||""},r.style.objectFit="contain",r.style.borderRadius="0",r.style.width="100%",r.style.height="100%",r.style.maxWidth="none",r.style.maxHeight="none",r.style.margin="0"):s.current&&(r.style.objectFit=s.current.objectFit,r.style.borderRadius=s.current.borderRadius,r.style.width=s.current.width,r.style.height=s.current.height,r.style.maxWidth=s.current.maxWidth,r.style.maxHeight=s.current.maxHeight,r.style.margin=s.current.margin,s.current=null))};return document.addEventListener("fullscreenchange",a),()=>document.removeEventListener("fullscreenchange",a)},[t]);let u=()=>{let a=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),c=t==null?void 0:t.current;if(c&&a){if(c.webkitEnterFullscreen){c.webkitEnterFullscreen();return}else if(c.requestFullscreen){c.requestFullscreen();return}}let r=c==null?void 0:c.closest("[data-zuude-video-wrapper]");r&&(e?document.exitFullscreen():r.requestFullscreen())};return{isFullscreen:e!=null?e:!1,toggleFullscreen:u}};var I=m(require("react"),1),rt=t=>{let[e,n]=I.default.useState(!1),[s,u]=I.default.useState(null);return I.default.useEffect(()=>{if(!(t!=null&&t.current))return;n(!0);let a=()=>{var l,p;u((p=(l=t.current)==null?void 0:l.duration)!=null?p:null),n(!1)},c=()=>{n(!1)},r=t.current;if(r.duration&&!isNaN(r.duration))u(r.duration),n(!1);else return r.addEventListener("loadedmetadata",a),r.addEventListener("error",c),r.addEventListener("loadeddata",a),()=>{r.removeEventListener("loadedmetadata",a),r.removeEventListener("error",c),r.removeEventListener("loadeddata",a)}},[t]),{duration:s,isLoading:e}};var W=require("react"),nt=(t,e,n=!0)=>{let s=u=>{u.key===t&&(u.preventDefault(),e(u))};(0,W.useEffect)(()=>{if(n)return document.addEventListener("keydown",s),()=>{document.removeEventListener("keydown",s)}},[t,e,n])};var E=m(require("react"),1),et=t=>{let[e,n]=E.default.useState(!1),s=E.default.useCallback(()=>{t!=null&&t.current&&(t.current.muted=!t.current.muted)},[t==null?void 0:t.current]),u=E.default.useCallback(()=>{t!=null&&t.current&&(t.current.muted=!0)},[t==null?void 0:t.current]),a=E.default.useCallback(()=>{t!=null&&t.current&&(t.current.muted=!1)},[t==null?void 0:t.current]);return E.default.useEffect(()=>{if(!(t!=null&&t.current))return;n(t.current.muted);let c=()=>{t.current&&n(t.current.muted)};return t.current.addEventListener("volumechange",c),()=>{var r;(r=t.current)==null||r.removeEventListener("volumechange",c)}},[t==null?void 0:t.current]),{toggleMute:s,isMuted:e,mute:u,unmute:a}};var ut=t=>({togglePictureInPicture:async()=>{let u=t==null?void 0:t.current;if(u)try{document.pictureInPictureElement?await document.exitPictureInPicture():await u.requestPictureInPicture()}catch(a){if(/^((?!chrome|android).)*safari/i.test(navigator.userAgent))u.webkitEnterFullscreen?u.webkitEnterFullscreen():u.requestFullscreen&&u.requestFullscreen();else{let r=u.closest("[data-zuude-video-wrapper]");r&&(document.fullscreenElement?await document.exitFullscreen():await r.requestFullscreen())}}},requestPictureInPicture:async()=>{let u=t==null?void 0:t.current;u&&await u.requestPictureInPicture()},exitPictureInPicture:async()=>{t!=null&&t.current&&await document.exitPictureInPicture()}});var b=m(require("react"),1),st=t=>{let[e,n]=b.default.useState(!1),s=b.default.useCallback(()=>{t!=null&&t.current&&(t.current.paused?t.current.play():t.current.pause())},[t==null?void 0:t.current]),u=b.default.useCallback(()=>{t!=null&&t.current&&t.current.play()},[t==null?void 0:t.current]),a=b.default.useCallback(()=>{t!=null&&t.current&&t.current.pause()},[t==null?void 0:t.current]);return b.default.useEffect(()=>{if(!(t!=null&&t.current))return;let c=()=>{n(!0)},r=()=>{n(!1)};if(n(!(t!=null&&t.current.paused)),t!=null&&t.current)return t.current.addEventListener("play",c),t.current.addEventListener("pause",r),()=>{var l,p;(l=t.current)==null||l.removeEventListener("play",c),(p=t.current)==null||p.removeEventListener("pause",r)}},[t==null?void 0:t.current]),{togglePlay:s,isPlaying:e,play:u,pause:a}};var C=m(require("react"),1),ct=(t,e=10)=>{let n=C.default.useCallback(()=>{t!=null&&t.current&&(t.current.currentTime+=e)},[t==null?void 0:t.current]),s=C.default.useCallback(()=>{t!=null&&t.current&&(t.current.currentTime-=e)},[t==null?void 0:t.current]);return{seekForward:n,seekBackward:s}};var k=m(require("react"),1),at=t=>{let[e,n]=k.default.useState(1),s=u=>{n(u)};return k.default.useEffect(()=>{t!=null&&t.current&&n(t.current.playbackRate)},[t==null?void 0:t.current]),k.default.useEffect(()=>{t!=null&&t.current&&(t.current.playbackRate=e)},[e,t==null?void 0:t.current]),{speed:e,onChangeSpeed:s}};var A=m(require("react"),1),lt=(t,e)=>{A.default.useEffect(()=>{if(!(t!=null&&t.current)||!e)return;let n=t==null?void 0:t.current;n&&e&&(n.currentTime=e)},[e,t==null?void 0:t.current])};var V=m(require("react"),1),mt=(t,e=10)=>{let[n,s]=V.default.useState(!1),[u,a]=V.default.useState(0);return V.default.useEffect(()=>{if(t!=null&&t.current&&n){let r=setInterval(()=>{var l;a(((l=t.current)==null?void 0:l.currentTime)||0)},e);return()=>clearInterval(r)}},[t==null?void 0:t.current,n]),V.default.useEffect(()=>{if(!(t!=null&&t.current))return;let r=t.current,l=()=>s(!0),p=()=>s(!1);return r.addEventListener("play",l),r.addEventListener("pause",p),()=>{r.removeEventListener("play",l),r.removeEventListener("pause",p)}},[t==null?void 0:t.current]),{currentTime:u,onTimeUpdate:r=>{t!=null&&t.current&&(a(r),t.current.currentTime=r)}}};var h=require("react"),pt=t=>{let[e,n]=(0,h.useState)(!1),[s,u]=(0,h.useState)(!1),[a,c]=(0,h.useState)(!1);return(0,h.useEffect)(()=>{let r=t.current;if(r)return r.addEventListener("play",()=>n(!0)),r.addEventListener("pause",()=>n(!1)),()=>{r.removeEventListener("play",()=>n(!0)),r.removeEventListener("pause",()=>n(!1))}},[t]),(0,h.useEffect)(()=>{if(!(t!=null&&t.current))return;u(t.current.muted);let r=()=>{t.current&&u(t.current.muted)};return t.current.addEventListener("volumechange",r),()=>{var l;(l=t.current)==null||l.removeEventListener("volumechange",r)}},[t]),(0,h.useEffect)(()=>{if(!(t!=null&&t.current))return;let r=()=>{c(!!document.fullscreenElement)};return document.addEventListener("fullscreenchange",r),()=>document.removeEventListener("fullscreenchange",r)},[t]),{isPlaying:e,isMuted:s,isFullscreen:a}};var S=m(require("react"),1),ot=(t,e=100)=>{let[n,s]=S.default.useState(e),u=a=>{s(a)};return S.default.useEffect(()=>{t!=null&&t.current&&s(t.current.volume*100)},[t==null?void 0:t.current]),S.default.useEffect(()=>{t!=null&&t.current&&(t.current.volume=n/100)},[n,t==null?void 0:t.current]),{volume:n,onChangeVolume:u}};var P=m(require("react"),1),yt=(t,e)=>{let[n,s]=P.default.useState(!1),[u,a]=P.default.useState(0);return P.default.useEffect(()=>{if(t!=null&&t.current&&n){let c=setInterval(()=>{var r;(r=t.current)!=null&&r.buffered.length&&a(t.current.buffered.end(t.current.buffered.length-1))},10);return()=>clearInterval(c)}},[t==null?void 0:t.current,n]),P.default.useEffect(()=>{if(t!=null&&t.current)return t.current.addEventListener("play",()=>s(!0)),t.current.addEventListener("pause",()=>s(!1)),()=>{var c,r;(c=t.current)==null||c.removeEventListener("play",()=>s(!0)),(r=t.current)==null||r.removeEventListener("pause",()=>s(!1))}},[]),{buffered:u,bufferedPercentage:u/(e||0)*100||0}};var y=require("react"),gt=t=>{let[e,n]=(0,y.useState)(!1),[s,u]=(0,y.useState)(0),[a,c]=(0,y.useState)(null),r=(0,y.useCallback)(async p=>{var o;if(!(t!=null&&t.current)){c("Video element not found");return}let x=t.current,w=x.src||x.currentSrc;if(!w){c("No video source found");return}try{n(!0),c(null),u(0);let g=await fetch(w);if(!g.ok)throw new Error(`Failed to fetch video: ${g.statusText}`);let T=g.headers.get("content-length"),D=T?parseInt(T,10):0,j=(o=g.body)==null?void 0:o.getReader();if(!j)throw new Error("Failed to create download stream");let q=[],H=0;for(;;){let{done:G,value:U}=await j.read();if(G)break;if(q.push(U),H+=U.length,D>0){let _=H/D*100;u(Math.round(_))}}let $=new Blob(q,{type:g.headers.get("content-type")||"video/mp4"}),M=URL.createObjectURL($),L=document.createElement("a");L.href=M;let z=p||`video-${Date.now()}.mp4`;L.download=z,document.body.appendChild(L),L.click(),document.body.removeChild(L),URL.revokeObjectURL(M),u(100),n(!1)}catch(g){c(g instanceof Error?g.message:"Download failed"),n(!1),u(0)}},[t]),l=(0,y.useCallback)(p=>{if(!(t!=null&&t.current)){c("Video element not found");return}let x=t.current,w=x.src||x.currentSrc;if(!w){c("No video source found");return}try{n(!0),c(null),u(0);let o=document.createElement("a");o.href=w,o.download=p||`video-${Date.now()}.mp4`,o.target="_blank",document.body.appendChild(o),o.click(),document.body.removeChild(o),n(!1),u(100)}catch(o){c(o instanceof Error?o.message:"Download failed"),n(!1),u(0)}},[t]);return(0,y.useEffect)(()=>()=>{n(!1),u(0),c(null)},[]),{downloadVideo:r,downloadDirect:l,isDownloading:e,downloadProgress:s,error:a,resetError:()=>c(null)}};var K=m(require("react"),1),ht=(t,e)=>{K.default.useEffect(()=>{if(!(t!=null&&t.current)||!e)return;let n=t.current;if(n){let s=()=>{(n.currentTime>=e[1]||n.currentTime<=e[0])&&(n.currentTime=e[0])};return n.addEventListener("timeupdate",s),()=>{n.removeEventListener("timeupdate",s)}}},[e,t==null?void 0:t.current])};0&&(module.exports={useAutoplayByForce,useAutoplayOnVisible,useBuffer,useCurrentTime,useDownload,useFullscreen,useGetDuration,useHotKeys,useMuteUnmute,usePictureInPicture,usePlayPause,useRange,useSeek,useSpeed,useStartAt,useVideoState,useVolume});
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/hooks/index.cjs.map
CHANGED
|
@@ -1 +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 const previousStylesRef = React.useRef<{\n objectFit: string;\n borderRadius: string;\n width: string;\n height: string;\n maxWidth: string;\n maxHeight: string;\n margin: string;\n } | null>(null);\n\n React.useEffect(() => {\n const handleFullscreenChange = () => {\n const isCurrentlyFullscreen = !!document.fullscreenElement;\n setIsFullscreen(isCurrentlyFullscreen);\n\n // Apply styles based on fullscreen state\n const video = videoRef?.current;\n if (video) {\n if (isCurrentlyFullscreen) {\n // Store previous styles before entering fullscreen\n previousStylesRef.current = {\n objectFit: video.style.objectFit || \"cover\",\n borderRadius: video.style.borderRadius || \"\",\n width: video.style.width || \"\",\n height: video.style.height || \"\",\n maxWidth: video.style.maxWidth || \"\",\n maxHeight: video.style.maxHeight || \"\",\n margin: video.style.margin || \"\",\n };\n // Apply fullscreen styles\n video.style.objectFit = \"contain\";\n video.style.borderRadius = \"0\";\n video.style.width = \"100%\";\n video.style.height = \"100%\";\n video.style.maxWidth = \"none\";\n video.style.maxHeight = \"none\";\n video.style.margin = \"0\";\n } else {\n // Restore previous styles when exiting fullscreen\n if (previousStylesRef.current) {\n video.style.objectFit = previousStylesRef.current.objectFit;\n video.style.borderRadius = previousStylesRef.current.borderRadius;\n video.style.width = previousStylesRef.current.width;\n video.style.height = previousStylesRef.current.height;\n video.style.maxWidth = previousStylesRef.current.maxWidth;\n video.style.maxHeight = previousStylesRef.current.maxHeight;\n video.style.margin = previousStylesRef.current.margin;\n previousStylesRef.current = null;\n }\n }\n }\n };\n\n document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\n return () =>\n document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\n }, [videoRef]);\n\n const 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 } else {\n document.exitFullscreen();\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","previousStylesRef","handleFullscreenChange","isCurrentlyFullscreen","video","toggleFullscreen","isSafari","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"]}
|
|
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 const previousStylesRef = React.useRef<{\n objectFit: string;\n borderRadius: string;\n width: string;\n height: string;\n maxWidth: string;\n maxHeight: string;\n margin: string;\n } | null>(null);\n\n React.useEffect(() => {\n const handleFullscreenChange = () => {\n const isCurrentlyFullscreen = !!document.fullscreenElement;\n setIsFullscreen(isCurrentlyFullscreen);\n\n // Apply styles based on fullscreen state\n const video = videoRef?.current;\n if (video) {\n if (isCurrentlyFullscreen) {\n // Store previous styles before entering fullscreen\n previousStylesRef.current = {\n objectFit: video.style.objectFit || \"cover\",\n borderRadius: video.style.borderRadius || \"\",\n width: video.style.width || \"\",\n height: video.style.height || \"\",\n maxWidth: video.style.maxWidth || \"\",\n maxHeight: video.style.maxHeight || \"\",\n margin: video.style.margin || \"\",\n };\n // Apply fullscreen styles\n video.style.objectFit = \"contain\";\n video.style.borderRadius = \"0\";\n video.style.width = \"100%\";\n video.style.height = \"100%\";\n video.style.maxWidth = \"none\";\n video.style.maxHeight = \"none\";\n video.style.margin = \"0\";\n } else {\n // Restore previous styles when exiting fullscreen\n if (previousStylesRef.current) {\n video.style.objectFit = previousStylesRef.current.objectFit;\n video.style.borderRadius = previousStylesRef.current.borderRadius;\n video.style.width = previousStylesRef.current.width;\n video.style.height = previousStylesRef.current.height;\n video.style.maxWidth = previousStylesRef.current.maxWidth;\n video.style.maxHeight = previousStylesRef.current.maxHeight;\n video.style.margin = previousStylesRef.current.margin;\n previousStylesRef.current = null;\n }\n }\n }\n };\n\n document.addEventListener(\"fullscreenchange\", handleFullscreenChange);\n return () =>\n document.removeEventListener(\"fullscreenchange\", handleFullscreenChange);\n }, [videoRef]);\n\n const 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 } else {\n document.exitFullscreen();\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 const video = videoRef.current;\n\n // Store handlers in variables for proper cleanup (critical for Safari memory safety)\n const handlePlay = () => setIsPlaying(true);\n const handlePause = () => setIsPlaying(false);\n\n video.addEventListener(\"play\", handlePlay);\n video.addEventListener(\"pause\", handlePause);\n\n return () => {\n video.removeEventListener(\"play\", handlePlay);\n video.removeEventListener(\"pause\", handlePause);\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","previousStylesRef","handleFullscreenChange","isCurrentlyFullscreen","video","toggleFullscreen","isSafari","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","video","handlePlay","handlePause","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
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q}from"../chunk-
|
|
1
|
+
import{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q}from"../chunk-XV6ODTKT.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};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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 yt=(t,n)=>{for(var r in n)U(t,r,{get:n[r],enumerable:!0})},Q=(t,n,r,e)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of it(n))!dt.call(t,s)&&s!==r&&U(t,s,{get:()=>n[s],enumerable:!(e=mt(n,s))||e.enumerable});return t};var g=(t,n,r)=>(r=t!=null?lt(pt(t)):{},Q(n||!t||!t.__esModule?U(r,"default",{value:t,enumerable:!0}):r,t)),Et=t=>Q(U({},"__esModule",{value:!0}),t);var Ot={};yt(Ot,{Controls:()=>wt,Download:()=>jt,ExitFullscreen:()=>Mt,Fullscreen:()=>St,Loading:()=>At,Mute:()=>Tt,Pause:()=>Ct,PictureInPicture:()=>Ht,Play:()=>xt,SeekBackward:()=>It,SeekForward:()=>Ft,Shadow:()=>Dt,Speed:()=>ft,Unmute:()=>kt,Video:()=>G,VideoProvider:()=>Y,useVideo:()=>p});module.exports=Et(Ot);var b=g(require("react"),1),K=require("react/jsx-runtime"),X=(0,b.createContext)(null),Y=b.default.memo(({children:t,config:n,onError:r,...e})=>{let[s,c]=(0,b.useState)({current:null}),[u,o]=(0,b.useState)(null),[d,a]=(0,b.useState)(!1),y=(0,b.useRef)(null);return(0,b.useEffect)(()=>{r==null||r(u)},[u]),(0,b.useEffect)(()=>{let m=y.current;if(m){let l=m.querySelectorAll("[data-zuude-hide-elements]"),i=m.querySelector("[data-zuude-video]");if(l){let P=null,f=3e3,C=!1,V=()=>{P&&(clearTimeout(P),P=null),P=setTimeout(()=>{C&&i&&!i.paused&&l.forEach(x=>{x.setAttribute("data-hidden","true")}),P=null},f)},h=()=>{C=!0,l.forEach(x=>{x.removeAttribute("data-hidden")}),V()},F=()=>{C=!1,P&&(clearTimeout(P),P=null),i&&!i.paused&&l.forEach(x=>{x.setAttribute("data-hidden","true")})},A=()=>{C&&(l.forEach(x=>{x.hasAttribute("data-hidden")&&x.removeAttribute("data-hidden")}),V())},k=()=>{C||l.forEach(x=>{x.setAttribute("data-hidden","true")})};return m.addEventListener("mouseenter",h),m.addEventListener("mouseleave",F),m.addEventListener("mousemove",A),i.addEventListener("pause",h),i.addEventListener("play",k),()=>{P&&clearTimeout(P),m.removeEventListener("mouseenter",h),m.removeEventListener("mouseleave",F),m.removeEventListener("mousemove",A),i.removeEventListener("pause",h),i.removeEventListener("play",k)}}}},[]),(0,b.useEffect)(()=>{if(d){let m=l=>{var i;(i=y.current)!=null&&i.contains(l.target)||a(!1)};return document.addEventListener("click",m),()=>{document.removeEventListener("click",m)}}},[d]),(0,K.jsx)(X.Provider,{value:{videoRef:s,setVideoRef:c,config:{clickToPlay:!0,...n},error:u,setError:o,isFocused:d,setIsFocused:a},children:(0,K.jsx)("div",{ref:y,"data-zuude-video-wrapper":!0,onClick:()=>a(!0),...e,children:t})})}),p=()=>{let t=(0,b.useContext)(X);if(!t)throw new Error("useVideo must be used within a VideoProvider");return t};var j=require("react");var Z=g(require("react"),1),v=(t,n,r)=>{Z.default.useEffect(()=>{if(!(t!=null&&t.current)||!n)return;(async()=>{var s;try{await((s=t.current)==null?void 0:s.play())}catch(c){if(c instanceof Error&&c.name==="NotAllowedError"){if(r==null||r("NotAllowedError"),console.error("NotAllowedError"),t!=null&&t.current){t.current.muted=!0;try{await t.current.play()}catch(u){console.error(u)}}}else console.error(c)}})()},[n,t==null?void 0:t.current])};var R=require("react"),I=(t,n,r=!0)=>{let e=s=>{s.key===t&&(s.preventDefault(),n(s))};(0,R.useEffect)(()=>{if(r)return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[t,n,r])};var $=g(require("react"),1),D=(t,n=10)=>{let r=$.default.useCallback(()=>{t!=null&&t.current&&(t.current.currentTime+=n)},[t==null?void 0:t.current]),e=$.default.useCallback(()=>{t!=null&&t.current&&(t.current.currentTime-=n)},[t==null?void 0:t.current]);return{seekForward:r,seekBackward:e}};var M=g(require("react"),1),O=t=>{let[n,r]=M.default.useState(!1),e=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]),c=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 u=()=>{r(!0)},o=()=>{r(!1)};if(r(!(t!=null&&t.current.paused)),t!=null&&t.current)return t.current.addEventListener("play",u),t.current.addEventListener("pause",o),()=>{var d,a;(d=t.current)==null||d.removeEventListener("play",u),(a=t.current)==null||a.removeEventListener("pause",o)}},[t==null?void 0:t.current]),{togglePlay:e,isPlaying:n,play:s,pause:c}};var H=g(require("react"),1),N=t=>{let[n,r]=H.default.useState(!1),e=H.default.useCallback(()=>{t!=null&&t.current&&(t.current.muted=!t.current.muted)},[t==null?void 0:t.current]),s=H.default.useCallback(()=>{t!=null&&t.current&&(t.current.muted=!0)},[t==null?void 0:t.current]),c=H.default.useCallback(()=>{t!=null&&t.current&&(t.current.muted=!1)},[t==null?void 0:t.current]);return H.default.useEffect(()=>{if(!(t!=null&&t.current))return;r(t.current.muted);let u=()=>{t.current&&r(t.current.muted)};return t.current.addEventListener("volumechange",u),()=>{var o;(o=t.current)==null||o.removeEventListener("volumechange",u)}},[t==null?void 0:t.current]),{toggleMute:e,isMuted:n,mute:s,unmute:c}};var B=g(require("react"),1),q=t=>{let[n,r]=B.default.useState(!1),e=B.default.useRef(null);B.default.useEffect(()=>{let c=()=>{let u=!!document.fullscreenElement;r(u);let o=t==null?void 0:t.current;o&&(u?(e.current={objectFit:o.style.objectFit||"cover",borderRadius:o.style.borderRadius||"",width:o.style.width||"",height:o.style.height||"",maxWidth:o.style.maxWidth||"",maxHeight:o.style.maxHeight||"",margin:o.style.margin||""},o.style.objectFit="contain",o.style.borderRadius="0",o.style.width="100%",o.style.height="100%",o.style.maxWidth="none",o.style.maxHeight="none",o.style.margin="0"):e.current&&(o.style.objectFit=e.current.objectFit,o.style.borderRadius=e.current.borderRadius,o.style.width=e.current.width,o.style.height=e.current.height,o.style.maxWidth=e.current.maxWidth,o.style.maxHeight=e.current.maxHeight,o.style.margin=e.current.margin,e.current=null))};return document.addEventListener("fullscreenchange",c),()=>document.removeEventListener("fullscreenchange",c)},[t]);let s=()=>{let c=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),u=t==null?void 0:t.current;if(u&&c){if(u.webkitEnterFullscreen){u.webkitEnterFullscreen();return}else if(u.requestFullscreen){u.requestFullscreen();return}}let o=u==null?void 0:u.closest("[data-zuude-video-wrapper]");o&&(n?document.exitFullscreen():o.requestFullscreen())};return{isFullscreen:n!=null?n:!1,toggleFullscreen:s}};var W=t=>({togglePictureInPicture:async()=>{let s=t==null?void 0:t.current;if(s)try{document.pictureInPictureElement?await document.exitPictureInPicture():await s.requestPictureInPicture()}catch(c){if(/^((?!chrome|android).)*safari/i.test(navigator.userAgent))s.webkitEnterFullscreen?s.webkitEnterFullscreen():s.requestFullscreen&&s.requestFullscreen();else{let o=s.closest("[data-zuude-video-wrapper]");o&&(document.fullscreenElement?await document.exitFullscreen():await o.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:n,seekBackward:r}=D(t),{togglePlay:e}=O(t),{toggleMute:s}=N(t),{toggleFullscreen:c}=q(t),{togglePictureInPicture:u}=W(t);return I("ArrowRight",()=>{n()}),I("ArrowLeft",()=>{r()}),I(" ",()=>{e()}),I("m",()=>{s()}),I("f",()=>{c()}),I("p",()=>{u()}),null};var et=g(require("react"),1),rt=(t,n,r=!0)=>{et.default.useEffect(()=>{if(!(t!=null&&t.current)||!r)return;let e=new IntersectionObserver(s=>{s.forEach(c=>{var u;t!=null&&t.current&&(c.isIntersecting?t.current.play().catch(o=>{t.current&&(t.current.pause(),t.current.muted=!0,t.current.play(),console.error(o))}):(u=t.current)==null||u.pause())})},{threshold:n!=null?n:.5});return e.observe(t==null?void 0:t.current),()=>{e.disconnect()}},[t==null?void 0:t.current])};var ht=g(require("react"),1);var z=g(require("react"),1),nt=t=>{let[n,r]=z.default.useState(1),e=s=>{r(s)};return z.default.useEffect(()=>{t!=null&&t.current&&r(t.current.playbackRate)},[t==null?void 0:t.current]),z.default.useEffect(()=>{t!=null&&t.current&&(t.current.playbackRate=n)},[n,t==null?void 0:t.current]),{speed:n,onChangeSpeed:e}};var gt=g(require("react"),1);var bt=g(require("react"),1);var st=require("react");var Lt=g(require("react"),1);var Pt=g(require("react"),1);var T=require("react"),ut=t=>{let[n,r]=(0,T.useState)(!1),[e,s]=(0,T.useState)(0),[c,u]=(0,T.useState)(null),o=(0,T.useCallback)(async a=>{var l;if(!(t!=null&&t.current)){u("Video element not found");return}let y=t.current,m=y.src||y.currentSrc;if(!m){u("No video source found");return}try{r(!0),u(null),s(0);let i=await fetch(m);if(!i.ok)throw new Error(`Failed to fetch video: ${i.statusText}`);let P=i.headers.get("content-length"),f=P?parseInt(P,10):0,C=(l=i.body)==null?void 0:l.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 F=new Blob(V,{type:i.headers.get("content-type")||"video/mp4"}),A=URL.createObjectURL(F),k=document.createElement("a");k.href=A;let x=a||`video-${Date.now()}.mp4`;k.download=x,document.body.appendChild(k),k.click(),document.body.removeChild(k),URL.revokeObjectURL(A),s(100),r(!1)}catch(i){u(i instanceof Error?i.message:"Download failed"),r(!1),s(0)}},[t]),d=(0,T.useCallback)(a=>{if(!(t!=null&&t.current)){u("Video element not found");return}let y=t.current,m=y.src||y.currentSrc;if(!m){u("No video source found");return}try{r(!0),u(null),s(0);let l=document.createElement("a");l.href=m,l.download=a||`video-${Date.now()}.mp4`,l.target="_blank",document.body.appendChild(l),l.click(),document.body.removeChild(l),r(!1),s(100)}catch(l){u(l instanceof Error?l.message:"Download failed"),r(!1),s(0)}},[t]);return(0,T.useEffect)(()=>()=>{r(!1),s(0),u(null)},[]),{downloadVideo:o,downloadDirect:d,isDownloading:n,downloadProgress:e,error:c,resetError:()=>u(null)}};var Vt=g(require("react"),1);var S=require("react/jsx-runtime"),G=(0,j.forwardRef)(({src:t,autoPlay:n,muteFallback:r,controls:e,preload:s="metadata",autoPlayOnVisible:c,ranges:u,...o},d)=>{let{videoRef:a,setVideoRef:y,config:m,setError:l,error:i,isFocused:P}=p(),f=(0,j.useRef)(null);(0,j.useEffect)(()=>{let V=f.current,h=d;h?y(h):V&&y({current:V})},[t]),v(a,n==="force"&&o.muted===void 0,l),rt(a,typeof c=="number"?c:c?void 0:.5,!!c);let C=()=>{var V,h,F;(V=a==null?void 0:a.current)!=null&&V.paused?(h=a.current)==null||h.play():(F=a==null?void 0:a.current)==null||F.pause()};return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)("video",{ref:d||f,"data-zuude-video":!0,src:t,onClick:m!=null&&m.clickToPlay?C:void 0,autoPlay:n==="force"?!0:n,preload:s,playsInline:!0,onTimeUpdate:V=>{if((u==null?void 0:u[0])!==void 0&&(u==null?void 0:u[1])!==void 0){let h=V.currentTarget.currentTime;(h>=u[1]||h<=u[0])&&(V.currentTarget.currentTime=u[0])}},...o}),e&&P&&(0,S.jsx)(tt,{}),i==="NotAllowedError"&&typeof r=="function"&&r(()=>{a!=null&&a.current&&(a.current.muted=!a.current.muted),l(null)})]})});G.displayName="Video";var E=g(require("react"),1),w=require("@radix-ui/react-slot");var _=g(require("react"),1),ct=t=>{let[n,r]=_.default.useState(!1);return _.default.useEffect(()=>{if(!(t!=null&&t.current))return;let e=t.current,s=()=>{r(!0)},c=()=>{},u=()=>{},o=()=>{r(!1)},d=()=>{r(!1)},a=()=>{r(!0)},y=()=>{r(!1)},m=()=>{r(!1)},l=()=>{r(!1)},i=()=>{};return e.addEventListener("loadstart",s),e.addEventListener("loadedmetadata",c),e.addEventListener("loadeddata",u),e.addEventListener("canplay",o),e.addEventListener("canplaythrough",d),e.addEventListener("waiting",a),e.addEventListener("playing",y),e.addEventListener("error",m),e.addEventListener("abort",l),e.addEventListener("suspend",i),e.readyState>=2&&r(!1),()=>{e.removeEventListener("loadstart",s),e.removeEventListener("loadedmetadata",c),e.removeEventListener("loadeddata",u),e.removeEventListener("canplay",o),e.removeEventListener("canplaythrough",d),e.removeEventListener("waiting",a),e.removeEventListener("playing",y),e.removeEventListener("error",m),e.removeEventListener("abort",l),e.removeEventListener("suspend",i)}},[t]),{isLoading:n}};var L=require("react/jsx-runtime"),wt=E.default.memo(({children:t,asChild:n,...r})=>(0,L.jsx)("div",{"data-zuude-hide-elements":!0,...r,children:t})),xt=E.default.memo(({children:t,asChild:n,...r})=>{let e=n?w.Slot:"button",{videoRef:s}=p(),{play:c}=O(s);return(0,L.jsx)(e,{...r,onClick:c,children:t})}),Ct=E.default.memo(({children:t,asChild:n,...r})=>{let e=n?w.Slot:"button",{videoRef:s}=p(),{pause:c}=O(s);return(0,L.jsx)(e,{...r,onClick:c,children:t})}),Tt=E.default.memo(({children:t,asChild:n,...r})=>{let e=n?w.Slot:"button",{videoRef:s}=p(),{mute:c}=N(s);return(0,L.jsx)(e,{...r,onClick:c,children:t})}),kt=E.default.memo(({children:t,asChild:n,...r})=>{let e=n?w.Slot:"button",{videoRef:s}=p(),{unmute:c}=N(s);return(0,L.jsx)(e,{...r,onClick:c,children:t})}),ft=E.default.memo(({children:t,asChild:n,value:r,onClick:e,...s})=>{let c=n?w.Slot:"button",{videoRef:u}=p(),{speed:o,onChangeSpeed:d}=nt(u);return(0,L.jsx)(c,{...s,value:r,onClick:()=>{d(r),e==null||e()},children:t})}),Ft=E.default.memo(({children:t,asChild:n,...r})=>{let e=n?w.Slot:"button",{videoRef:s}=p(),{seekForward:c}=D(s,10);return(0,L.jsx)(e,{...r,onClick:c,children:t})}),It=E.default.memo(({children:t,asChild:n,...r})=>{let e=n?w.Slot:"button",{videoRef:s}=p(),{seekBackward:c}=D(s,10);return(0,L.jsx)(e,{...r,onClick:c,children:t})}),St=E.default.memo(({children:t,asChild:n,...r})=>{let e=n?w.Slot:"button",{videoRef:s}=p(),{toggleFullscreen:c}=q(s);return(0,L.jsx)(e,{...r,onClick:c,children:t})}),Mt=E.default.memo(({children:t,asChild:n,...r})=>{let e=n?w.Slot:"button",{videoRef:s}=p(),{toggleFullscreen:c}=q(s);return(0,L.jsx)(e,{...r,onClick:c,children:t})}),Ht=E.default.memo(({children:t,asChild:n,...r})=>{let e=n?w.Slot:"button",{videoRef:s}=p(),{togglePictureInPicture:c}=W(s);return(0,L.jsx)(e,{...r,onClick:c,children:t})}),jt=E.default.memo(({children:t,asChild:n,...r})=>{let e=n?w.Slot:"button",{videoRef:s}=p(),{downloadDirect:c}=ut(s);return(0,L.jsx)(e,{...r,onClick:()=>c(),children:t})}),At=E.default.memo(({children:t,asChild:n,...r})=>{let e=n?w.Slot:"div",{videoRef:s}=p(),{isLoading:c}=ct(s);return(0,L.jsx)(e,{...r,style:{...r.style,pointerEvents:"none"},"data-loading":c,children:t})}),Dt=({...t})=>{let{videoRef:n}=p(),r=(0,E.useRef)(null);return E.default.useEffect(()=>{let e=n==null?void 0:n.current;if(r.current&&e){let s=0,c=!1,u=null,o=()=>{u&&clearInterval(u),u=setInterval(()=>{console.log("currentTime",e.currentTime),s=e.currentTime,r.current&&(r.current.currentTime=s)},100)},d=()=>{u&&(clearInterval(u),u=null)},a=()=>{c=!0,o()},y=()=>{c=!1,d()};return e.addEventListener("play",a),e.addEventListener("pause",y),()=>{d(),e.removeEventListener("play",a),e.removeEventListener("pause",y)}}},[n==null?void 0:n.current]),n!=null&&n.current?(0,L.jsx)("div",{...t,style:{...t.style,position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none"},children:(0,L.jsx)("video",{ref:r,src:n.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});
|
|
1
|
+
"use strict";"use client";var mt=Object.create;var K=Object.defineProperty;var it=Object.getOwnPropertyDescriptor;var pt=Object.getOwnPropertyNames;var dt=Object.getPrototypeOf,yt=Object.prototype.hasOwnProperty;var Et=(t,n)=>{for(var r in n)K(t,r,{get:n[r],enumerable:!0})},Z=(t,n,r,e)=>{if(n&&typeof n=="object"||typeof n=="function")for(let u of pt(n))!yt.call(t,u)&&u!==r&&K(t,u,{get:()=>n[u],enumerable:!(e=it(n,u))||e.enumerable});return t};var w=(t,n,r)=>(r=t!=null?mt(dt(t)):{},Z(n||!t||!t.__esModule?K(r,"default",{value:t,enumerable:!0}):r,t)),ht=t=>Z(K({},"__esModule",{value:!0}),t);var qt={};Et(qt,{Controls:()=>wt,Download:()=>jt,ExitFullscreen:()=>At,Fullscreen:()=>Mt,Loading:()=>Dt,Mute:()=>Ct,Pause:()=>Tt,PictureInPicture:()=>Ht,Play:()=>xt,SeekBackward:()=>It,SeekForward:()=>St,Shadow:()=>Ot,Speed:()=>Ft,Unmute:()=>kt,Video:()=>X,VideoProvider:()=>R,useVideo:()=>h});module.exports=ht(qt);var x=w(require("react"),1),J=require("react/jsx-runtime"),v=(0,x.createContext)(null),R=x.default.memo(({children:t,config:n,onError:r,...e})=>{let[u,o]=(0,x.useState)({current:null}),[s,c]=(0,x.useState)(null),[y,a]=(0,x.useState)(!1),g=(0,x.useRef)(null);return(0,x.useEffect)(()=>{r==null||r(s)},[s]),(0,x.useEffect)(()=>{let m=g.current;if(m){let l=m.querySelectorAll("[data-zuude-hide-elements]"),i=m.querySelector("[data-zuude-video]");if(l){let C=null,j=3e3,b=!1,p=()=>{C&&(clearTimeout(C),C=null),C=setTimeout(()=>{b&&i&&!i.paused&&l.forEach(k=>{k.setAttribute("data-hidden","true")}),C=null},j)},E=()=>{b=!0,l.forEach(k=>{k.removeAttribute("data-hidden")}),p()},A=()=>{b=!1,C&&(clearTimeout(C),C=null),i&&!i.paused&&l.forEach(k=>{k.setAttribute("data-hidden","true")})},P=()=>{b&&(l.forEach(k=>{k.hasAttribute("data-hidden")&&k.removeAttribute("data-hidden")}),p())},L=()=>{b||l.forEach(k=>{k.setAttribute("data-hidden","true")})};return m.addEventListener("mouseenter",E),m.addEventListener("mouseleave",A),m.addEventListener("mousemove",P),i.addEventListener("pause",E),i.addEventListener("play",L),()=>{C&&clearTimeout(C),m.removeEventListener("mouseenter",E),m.removeEventListener("mouseleave",A),m.removeEventListener("mousemove",P),i.removeEventListener("pause",E),i.removeEventListener("play",L)}}}},[]),(0,x.useEffect)(()=>{if(y){let m=l=>{var i;(i=g.current)!=null&&i.contains(l.target)||a(!1)};return document.addEventListener("click",m),()=>{document.removeEventListener("click",m)}}},[y]),(0,J.jsx)(v.Provider,{value:{videoRef:u,setVideoRef:o,config:{clickToPlay:!0,...n},error:s,setError:c,isFocused:y,setIsFocused:a},children:(0,J.jsx)("div",{ref:g,"data-zuude-video-wrapper":!0,onClick:()=>a(!0),...e,children:t})})}),h=()=>{let t=(0,x.useContext)(v);if(!t)throw new Error("useVideo must be used within a VideoProvider");return t};var M=require("react");var tt=w(require("react"),1),et=(t,n,r)=>{tt.default.useEffect(()=>{if(!(t!=null&&t.current)||!n)return;(async()=>{var u;try{await((u=t.current)==null?void 0:u.play())}catch(o){if(o instanceof Error&&o.name==="NotAllowedError"){if(r==null||r("NotAllowedError"),console.error("NotAllowedError"),t!=null&&t.current){t.current.muted=!0;try{await t.current.play()}catch(s){console.error(s)}}}else console.error(o)}})()},[n,t==null?void 0:t.current])};var rt=require("react"),D=(t,n,r=!0)=>{let e=u=>{u.key===t&&(u.preventDefault(),n(u))};(0,rt.useEffect)(()=>{if(r)return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[t,n,r])};var Q=w(require("react"),1),U=(t,n=10)=>{let r=Q.default.useCallback(()=>{t!=null&&t.current&&(t.current.currentTime+=n)},[t==null?void 0:t.current]),e=Q.default.useCallback(()=>{t!=null&&t.current&&(t.current.currentTime-=n)},[t==null?void 0:t.current]);return{seekForward:r,seekBackward:e}};var q=w(require("react"),1),B=t=>{let[n,r]=q.default.useState(!1),e=q.default.useCallback(()=>{t!=null&&t.current&&(t.current.paused?t.current.play():t.current.pause())},[t==null?void 0:t.current]),u=q.default.useCallback(()=>{t!=null&&t.current&&t.current.play()},[t==null?void 0:t.current]),o=q.default.useCallback(()=>{t!=null&&t.current&&t.current.pause()},[t==null?void 0:t.current]);return q.default.useEffect(()=>{if(!(t!=null&&t.current))return;let s=()=>{r(!0)},c=()=>{r(!1)};if(r(!(t!=null&&t.current.paused)),t!=null&&t.current)return t.current.addEventListener("play",s),t.current.addEventListener("pause",c),()=>{var y,a;(y=t.current)==null||y.removeEventListener("play",s),(a=t.current)==null||a.removeEventListener("pause",c)}},[t==null?void 0:t.current]),{togglePlay:e,isPlaying:n,play:u,pause:o}};var N=w(require("react"),1),W=t=>{let[n,r]=N.default.useState(!1),e=N.default.useCallback(()=>{t!=null&&t.current&&(t.current.muted=!t.current.muted)},[t==null?void 0:t.current]),u=N.default.useCallback(()=>{t!=null&&t.current&&(t.current.muted=!0)},[t==null?void 0:t.current]),o=N.default.useCallback(()=>{t!=null&&t.current&&(t.current.muted=!1)},[t==null?void 0:t.current]);return N.default.useEffect(()=>{if(!(t!=null&&t.current))return;r(t.current.muted);let s=()=>{t.current&&r(t.current.muted)};return t.current.addEventListener("volumechange",s),()=>{var c;(c=t.current)==null||c.removeEventListener("volumechange",s)}},[t==null?void 0:t.current]),{toggleMute:e,isMuted:n,mute:u,unmute:o}};var $=w(require("react"),1),z=t=>{let[n,r]=$.default.useState(!1),e=$.default.useRef(null);$.default.useEffect(()=>{let o=()=>{let s=!!document.fullscreenElement;r(s);let c=t==null?void 0:t.current;c&&(s?(e.current={objectFit:c.style.objectFit||"cover",borderRadius:c.style.borderRadius||"",width:c.style.width||"",height:c.style.height||"",maxWidth:c.style.maxWidth||"",maxHeight:c.style.maxHeight||"",margin:c.style.margin||""},c.style.objectFit="contain",c.style.borderRadius="0",c.style.width="100%",c.style.height="100%",c.style.maxWidth="none",c.style.maxHeight="none",c.style.margin="0"):e.current&&(c.style.objectFit=e.current.objectFit,c.style.borderRadius=e.current.borderRadius,c.style.width=e.current.width,c.style.height=e.current.height,c.style.maxWidth=e.current.maxWidth,c.style.maxHeight=e.current.maxHeight,c.style.margin=e.current.margin,e.current=null))};return document.addEventListener("fullscreenchange",o),()=>document.removeEventListener("fullscreenchange",o)},[t]);let u=()=>{let o=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),s=t==null?void 0:t.current;if(s&&o){if(s.webkitEnterFullscreen){s.webkitEnterFullscreen();return}else if(s.requestFullscreen){s.requestFullscreen();return}}let c=s==null?void 0:s.closest("[data-zuude-video-wrapper]");c&&(n?document.exitFullscreen():c.requestFullscreen())};return{isFullscreen:n!=null?n:!1,toggleFullscreen:u}};var G=t=>({togglePictureInPicture:async()=>{let u=t==null?void 0:t.current;if(u)try{document.pictureInPictureElement?await document.exitPictureInPicture():await u.requestPictureInPicture()}catch(o){if(/^((?!chrome|android).)*safari/i.test(navigator.userAgent))u.webkitEnterFullscreen?u.webkitEnterFullscreen():u.requestFullscreen&&u.requestFullscreen();else{let c=u.closest("[data-zuude-video-wrapper]");c&&(document.fullscreenElement?await document.exitFullscreen():await c.requestFullscreen())}}},requestPictureInPicture:async()=>{let u=t==null?void 0:t.current;u&&await u.requestPictureInPicture()},exitPictureInPicture:async()=>{t!=null&&t.current&&await document.exitPictureInPicture()}});var nt=()=>{let{videoRef:t}=h(),{seekForward:n,seekBackward:r}=U(t),{togglePlay:e}=B(t),{toggleMute:u}=W(t),{toggleFullscreen:o}=z(t),{togglePictureInPicture:s}=G(t);return D("ArrowRight",()=>{n()}),D("ArrowLeft",()=>{r()}),D(" ",()=>{e()}),D("m",()=>{u()}),D("f",()=>{o()}),D("p",()=>{s()}),null};var ut=w(require("react"),1),st=(t,n,r=!0)=>{ut.default.useEffect(()=>{if(!(t!=null&&t.current)||!r)return;let e=new IntersectionObserver(u=>{u.forEach(o=>{var s;t!=null&&t.current&&(o.isIntersecting?t.current.play().catch(c=>{t.current&&(t.current.pause(),t.current.muted=!0,t.current.play(),console.error(c))}):(s=t.current)==null||s.pause())})},{threshold:n!=null?n:.5});return e.observe(t==null?void 0:t.current),()=>{e.disconnect()}},[t==null?void 0:t.current])};var gt=w(require("react"),1);var _=w(require("react"),1),ct=t=>{let[n,r]=_.default.useState(1),e=u=>{r(u)};return _.default.useEffect(()=>{t!=null&&t.current&&r(t.current.playbackRate)},[t==null?void 0:t.current]),_.default.useEffect(()=>{t!=null&&t.current&&(t.current.playbackRate=n)},[n,t==null?void 0:t.current]),{speed:n,onChangeSpeed:e}};var bt=w(require("react"),1);var Pt=w(require("react"),1);var ot=require("react");var Lt=w(require("react"),1);var Vt=w(require("react"),1);var H=require("react"),at=t=>{let[n,r]=(0,H.useState)(!1),[e,u]=(0,H.useState)(0),[o,s]=(0,H.useState)(null),c=(0,H.useCallback)(async a=>{var l;if(!(t!=null&&t.current)){s("Video element not found");return}let g=t.current,m=g.src||g.currentSrc;if(!m){s("No video source found");return}try{r(!0),s(null),u(0);let i=await fetch(m);if(!i.ok)throw new Error(`Failed to fetch video: ${i.statusText}`);let C=i.headers.get("content-length"),j=C?parseInt(C,10):0,b=(l=i.body)==null?void 0:l.getReader();if(!b)throw new Error("Failed to create download stream");let p=[],E=0;for(;;){let{done:f,value:d}=await b.read();if(f)break;if(p.push(d),E+=d.length,j>0){let F=E/j*100;u(Math.round(F))}}let A=new Blob(p,{type:i.headers.get("content-type")||"video/mp4"}),P=URL.createObjectURL(A),L=document.createElement("a");L.href=P;let k=a||`video-${Date.now()}.mp4`;L.download=k,document.body.appendChild(L),L.click(),document.body.removeChild(L),URL.revokeObjectURL(P),u(100),r(!1)}catch(i){s(i instanceof Error?i.message:"Download failed"),r(!1),u(0)}},[t]),y=(0,H.useCallback)(a=>{if(!(t!=null&&t.current)){s("Video element not found");return}let g=t.current,m=g.src||g.currentSrc;if(!m){s("No video source found");return}try{r(!0),s(null),u(0);let l=document.createElement("a");l.href=m,l.download=a||`video-${Date.now()}.mp4`,l.target="_blank",document.body.appendChild(l),l.click(),document.body.removeChild(l),r(!1),u(100)}catch(l){s(l instanceof Error?l.message:"Download failed"),r(!1),u(0)}},[t]);return(0,H.useEffect)(()=>()=>{r(!1),u(0),s(null)},[]),{downloadVideo:c,downloadDirect:y,isDownloading:n,downloadProgress:e,error:o,resetError:()=>s(null)}};var ft=w(require("react"),1);var O=require("react/jsx-runtime"),X=(0,M.forwardRef)(({src:t,autoPlay:n,muteFallback:r,controls:e,preload:u="metadata",autoPlayOnVisible:o,ranges:s,...c},y)=>{let{videoRef:a,setVideoRef:g,config:m,setError:l,error:i,isFocused:C}=h(),j=(0,M.useRef)(null),b=(0,M.useRef)(!1),p=(0,M.useRef)(null),E=(0,M.useRef)(null),A=s&&s.length>=2&&typeof s[0]=="number"&&typeof s[1]=="number"&&s[0]>=0&&s[1]>s[0]&&isFinite(s[0])&&isFinite(s[1]),P=A?s[0]:void 0,L=A?s[1]:void 0;(0,M.useEffect)(()=>{let f=j.current,d=y;return d?g(d):f&&g({current:f}),()=>{b.current=!1,p.current!==null&&(cancelAnimationFrame(p.current),p.current=null),E.current!==null&&(clearTimeout(E.current),E.current=null)}},[t,y,g]),(0,M.useEffect)(()=>()=>{p.current!==null&&(cancelAnimationFrame(p.current),p.current=null),E.current!==null&&(clearTimeout(E.current),E.current=null)},[]),et(a,n==="force"&&c.muted===void 0,l),st(a,typeof o=="number"?o:o?void 0:.5,!!o);let k=(0,M.useCallback)(()=>{var f,d,F;(f=a==null?void 0:a.current)!=null&&f.paused?(d=a.current)==null||d.play():(F=a==null?void 0:a.current)==null||F.pause()},[a]);return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("video",{ref:y||j,"data-zuude-video":!0,src:t,onClick:m!=null&&m.clickToPlay?k:void 0,autoPlay:n==="force"?!0:n,preload:u,playsInline:!0,onCanPlay:f=>{var F;let d=f.currentTarget;if(A&&P!==void 0&&L!==void 0&&d.paused){let I=d.currentTime;(I<P||I>L)&&(d.currentTime=P)}(F=c.onCanPlay)==null||F.call(c,f)},onSeeked:f=>{var F;let d=f.currentTarget;if(A&&P!==void 0&&L!==void 0&&d.paused){let I=d.currentTime;if((I<P||I>L)&&Math.abs(I-P)>.01){b.current=!0,d.currentTime=P,p.current!==null&&cancelAnimationFrame(p.current),p.current=requestAnimationFrame(()=>{b.current=!1,p.current=null});return}}b.current=!1,(F=c.onSeeked)==null||F.call(c,f)},onTimeUpdate:f=>{var F;let d=f.currentTarget;if(A&&P!==void 0&&L!==void 0&&!b.current){let I=d.currentTime;!d.paused&&I>=L?(b.current=!0,d.currentTime=P,E.current!==null&&clearTimeout(E.current),p.current=requestAnimationFrame(()=>{E.current=setTimeout(()=>{b.current&&(b.current=!1),E.current=null},100),p.current=null})):d.paused&&(I<P||I>L)&&(Math.abs(I-P)>.01||I>L)&&(b.current=!0,d.currentTime=P,p.current!==null&&cancelAnimationFrame(p.current),E.current!==null&&clearTimeout(E.current),p.current=requestAnimationFrame(()=>{b.current=!1,p.current=null}))}(F=c.onTimeUpdate)==null||F.call(c,f)},...c}),e&&C&&(0,O.jsx)(nt,{}),i==="NotAllowedError"&&typeof r=="function"&&r(()=>{a!=null&&a.current&&(a.current.muted=!a.current.muted),l(null)})]})});X.displayName="Video";var V=w(require("react"),1),S=require("@radix-ui/react-slot");var Y=w(require("react"),1),lt=t=>{let[n,r]=Y.default.useState(!1);return Y.default.useEffect(()=>{if(!(t!=null&&t.current))return;let e=t.current,u=()=>{r(!0)},o=()=>{},s=()=>{},c=()=>{r(!1)},y=()=>{r(!1)},a=()=>{r(!0)},g=()=>{r(!1)},m=()=>{r(!1)},l=()=>{r(!1)},i=()=>{};return e.addEventListener("loadstart",u),e.addEventListener("loadedmetadata",o),e.addEventListener("loadeddata",s),e.addEventListener("canplay",c),e.addEventListener("canplaythrough",y),e.addEventListener("waiting",a),e.addEventListener("playing",g),e.addEventListener("error",m),e.addEventListener("abort",l),e.addEventListener("suspend",i),e.readyState>=2&&r(!1),()=>{e.removeEventListener("loadstart",u),e.removeEventListener("loadedmetadata",o),e.removeEventListener("loadeddata",s),e.removeEventListener("canplay",c),e.removeEventListener("canplaythrough",y),e.removeEventListener("waiting",a),e.removeEventListener("playing",g),e.removeEventListener("error",m),e.removeEventListener("abort",l),e.removeEventListener("suspend",i)}},[t]),{isLoading:n}};var T=require("react/jsx-runtime"),wt=V.default.memo(({children:t,asChild:n,...r})=>(0,T.jsx)("div",{"data-zuude-hide-elements":!0,...r,children:t})),xt=V.default.memo(({children:t,asChild:n,...r})=>{let e=n?S.Slot:"button",{videoRef:u}=h(),{play:o}=B(u);return(0,T.jsx)(e,{...r,onClick:o,children:t})}),Tt=V.default.memo(({children:t,asChild:n,...r})=>{let e=n?S.Slot:"button",{videoRef:u}=h(),{pause:o}=B(u);return(0,T.jsx)(e,{...r,onClick:o,children:t})}),Ct=V.default.memo(({children:t,asChild:n,...r})=>{let e=n?S.Slot:"button",{videoRef:u}=h(),{mute:o}=W(u);return(0,T.jsx)(e,{...r,onClick:o,children:t})}),kt=V.default.memo(({children:t,asChild:n,...r})=>{let e=n?S.Slot:"button",{videoRef:u}=h(),{unmute:o}=W(u);return(0,T.jsx)(e,{...r,onClick:o,children:t})}),Ft=V.default.memo(({children:t,asChild:n,value:r,onClick:e,...u})=>{let o=n?S.Slot:"button",{videoRef:s}=h(),{speed:c,onChangeSpeed:y}=ct(s);return(0,T.jsx)(o,{...u,value:r,onClick:()=>{y(r),e==null||e()},children:t})}),St=V.default.memo(({children:t,asChild:n,...r})=>{let e=n?S.Slot:"button",{videoRef:u}=h(),{seekForward:o}=U(u,10);return(0,T.jsx)(e,{...r,onClick:o,children:t})}),It=V.default.memo(({children:t,asChild:n,...r})=>{let e=n?S.Slot:"button",{videoRef:u}=h(),{seekBackward:o}=U(u,10);return(0,T.jsx)(e,{...r,onClick:o,children:t})}),Mt=V.default.memo(({children:t,asChild:n,...r})=>{let e=n?S.Slot:"button",{videoRef:u}=h(),{toggleFullscreen:o}=z(u);return(0,T.jsx)(e,{...r,onClick:o,children:t})}),At=V.default.memo(({children:t,asChild:n,...r})=>{let e=n?S.Slot:"button",{videoRef:u}=h(),{toggleFullscreen:o}=z(u);return(0,T.jsx)(e,{...r,onClick:o,children:t})}),Ht=V.default.memo(({children:t,asChild:n,...r})=>{let e=n?S.Slot:"button",{videoRef:u}=h(),{togglePictureInPicture:o}=G(u);return(0,T.jsx)(e,{...r,onClick:o,children:t})}),jt=V.default.memo(({children:t,asChild:n,...r})=>{let e=n?S.Slot:"button",{videoRef:u}=h(),{downloadDirect:o}=at(u);return(0,T.jsx)(e,{...r,onClick:()=>o(),children:t})}),Dt=V.default.memo(({children:t,asChild:n,...r})=>{let e=n?S.Slot:"div",{videoRef:u}=h(),{isLoading:o}=lt(u);return(0,T.jsx)(e,{...r,style:{...r.style,pointerEvents:"none"},"data-loading":o,children:t})}),Ot=({...t})=>{let{videoRef:n}=h(),r=(0,V.useRef)(null);return V.default.useEffect(()=>{let e=n==null?void 0:n.current;if(r.current&&e){let u=0,o=!1,s=null,c=()=>{s&&clearInterval(s),s=setInterval(()=>{u=e.currentTime,r.current&&(r.current.currentTime=u)},100)},y=()=>{s&&(clearInterval(s),s=null)},a=()=>{o=!0,c()},g=()=>{o=!1,y()};return e.addEventListener("play",a),e.addEventListener("pause",g),()=>{y(),e.removeEventListener("play",a),e.removeEventListener("pause",g)}}},[n==null?void 0:n.current]),n!=null&&n.current?(0,T.jsx)("div",{...t,style:{...t.style,position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none"},children:(0,T.jsx)("video",{ref:r,src:n.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});
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|