@layers-app/shared 0.4.7 → 0.4.8

package/dist/node_modules/@gfazioli/mantine-video/dist/esm/use-video.js

@@ -0,0 +1,170 @@
+import { useRef as m, useState as a, useEffect as i, useCallback as u } from "react";
+function Ee(r = {}) {
+  const n = m(null), o = m(null), [v, l] = a(!1), [N, y] = a(0), [B, P] = a(0), [U, E] = a(0), [W, g] = a(r.volume ?? 1), [j, p] = a(r.muted ?? !1), [z, h] = a(r.playbackRate ?? 1), [A, L] = a(!1), [G, d] = a(!1), [H, J] = a(null), [K, O] = a(!1), [Q, b] = a(!1), [X, R] = a(!1), [Y, Z] = a(!1), [_, $] = a(!1);
+  i(() => {
+    typeof document > "u" || (Z(!!document.fullscreenEnabled), $(
+      document.pictureInPictureEnabled === !0
+    ));
+  }, []);
+  const c = m(r);
+  c.current = r, i(() => {
+    const e = n.current;
+    if (!e) return;
+    const t = () => {
+      l(!0), L(!1), c.current.onPlayChange?.(!0);
+    }, s = () => {
+      l(!1), c.current.onPlayChange?.(!1);
+    }, k = () => {
+      L(!0), l(!1), c.current.onEnded?.();
+    }, C = () => {
+      y(e.currentTime), c.current.onCurrentTimeChange?.(e.currentTime);
+    }, f = () => {
+      const D = e.duration || 0;
+      P(D), c.current.onDurationChange?.(D);
+    }, F = () => {
+      g(e.volume), p(e.muted), c.current.onVolumeChange?.(e.volume);
+    }, T = () => {
+      h(e.playbackRate), c.current.onPlaybackRateChange?.(e.playbackRate);
+    }, I = () => d(!0), x = () => d(!1), M = () => {
+      R(!0), d(!1);
+    }, w = () => {
+      e.buffered.length > 0 && E(e.buffered.end(e.buffered.length - 1));
+    }, q = () => {
+      J(e.error), d(!1), c.current.onError?.(e.error);
+    }, S = () => {
+      b(!0), c.current.onEnterPictureInPicture?.();
+    }, V = () => {
+      b(!1), c.current.onLeavePictureInPicture?.();
+    };
+    return e.addEventListener("play", t), e.addEventListener("pause", s), e.addEventListener("ended", k), e.addEventListener("timeupdate", C), e.addEventListener("durationchange", f), e.addEventListener("loadedmetadata", f), e.addEventListener("volumechange", F), e.addEventListener("ratechange", T), e.addEventListener("waiting", I), e.addEventListener("playing", x), e.addEventListener("canplay", M), e.addEventListener("progress", w), e.addEventListener("error", q), e.addEventListener("enterpictureinpicture", S), e.addEventListener("leavepictureinpicture", V), Number.isFinite(e.duration) && e.duration > 0 && P(e.duration), e.currentTime > 0 && y(e.currentTime), (e.volume !== 1 || e.muted) && (g(e.volume), p(e.muted)), e.playbackRate !== 1 && h(e.playbackRate), e.paused || l(!0), e.readyState >= 3 && R(!0), e.buffered.length > 0 && E(e.buffered.end(e.buffered.length - 1)), () => {
+      e.removeEventListener("play", t), e.removeEventListener("pause", s), e.removeEventListener("ended", k), e.removeEventListener("timeupdate", C), e.removeEventListener("durationchange", f), e.removeEventListener("loadedmetadata", f), e.removeEventListener("volumechange", F), e.removeEventListener("ratechange", T), e.removeEventListener("waiting", I), e.removeEventListener("playing", x), e.removeEventListener("canplay", M), e.removeEventListener("progress", w), e.removeEventListener("error", q), e.removeEventListener("enterpictureinpicture", S), e.removeEventListener("leavepictureinpicture", V);
+    };
+  }, []), i(() => {
+    if (typeof document > "u") return;
+    const e = () => {
+      const t = document.fullscreenElement === o.current || document.fullscreenElement === n.current;
+      O(t), c.current.onFullscreenChange?.(t);
+    };
+    return document.addEventListener("fullscreenchange", e), () => document.removeEventListener("fullscreenchange", e);
+  }, []), i(() => {
+    if (r.playing === void 0) return;
+    const e = n.current;
+    e && (r.playing && e.paused ? e.play().catch(() => {
+    }) : !r.playing && !e.paused && e.pause());
+  }, [r.playing]), i(() => {
+    if (r.currentTime === void 0) return;
+    const e = n.current;
+    e && Math.abs(e.currentTime - r.currentTime) > 0.5 && (e.currentTime = r.currentTime);
+  }, [r.currentTime]), i(() => {
+    if (r.volume === void 0) return;
+    const e = n.current;
+    e && Math.abs(e.volume - r.volume) > 0.01 && (e.volume = Math.max(0, Math.min(1, r.volume)));
+  }, [r.volume]), i(() => {
+    if (r.playbackRate === void 0) return;
+    const e = n.current;
+    e && e.playbackRate !== r.playbackRate && (e.playbackRate = r.playbackRate);
+  }, [r.playbackRate]);
+  const ee = u(async () => {
+    const e = n.current;
+    if (e)
+      try {
+        await e.play();
+      } catch {
+      }
+  }, []), te = u(() => {
+    n.current?.pause();
+  }, []), ne = u(() => {
+    const e = n.current;
+    e && (e.paused ? e.play().catch(() => {
+    }) : e.pause());
+  }, []), re = u((e) => {
+    const t = n.current;
+    if (!t) return;
+    const s = Number.isFinite(t.duration) ? t.duration : 1 / 0;
+    t.currentTime = Math.max(0, Math.min(e, s));
+  }, []), ue = u((e) => {
+    const t = n.current;
+    if (!t) return;
+    const s = Number.isFinite(t.duration) ? t.duration : 1 / 0;
+    t.currentTime = Math.max(0, Math.min(t.currentTime + e, s));
+  }, []), ae = u((e) => {
+    const t = n.current;
+    t && (t.volume = Math.max(0, Math.min(1, e)), e > 0 && t.muted && (t.muted = !1));
+  }, []), ce = u(() => {
+    n.current && (n.current.muted = !0);
+  }, []), ie = u(() => {
+    n.current && (n.current.muted = !1);
+  }, []), se = u(() => {
+    const e = n.current;
+    e && (e.muted = !e.muted);
+  }, []), oe = u((e) => {
+    n.current && (n.current.playbackRate = e);
+  }, []), le = u(async () => {
+    const e = o.current;
+    e && e.requestFullscreen && await e.requestFullscreen();
+  }, []), de = u(async () => {
+    typeof document < "u" && document.fullscreenElement && await document.exitFullscreen();
+  }, []), fe = u(async () => {
+    if (typeof document < "u" && document.fullscreenElement)
+      await document.exitFullscreen();
+    else {
+      const e = o.current;
+      e?.requestFullscreen && await e.requestFullscreen();
+    }
+  }, []), me = u(async () => {
+    const e = n.current;
+    e?.requestPictureInPicture && await e.requestPictureInPicture();
+  }, []), ve = u(async () => {
+    if (typeof document > "u") return;
+    const e = document;
+    e.pictureInPictureElement && e.exitPictureInPicture && await e.exitPictureInPicture();
+  }, []), ye = u(async () => {
+    if (typeof document > "u") return;
+    const e = document;
+    if (e.pictureInPictureElement && e.exitPictureInPicture)
+      await e.exitPictureInPicture();
+    else {
+      const t = n.current;
+      t?.requestPictureInPicture && await t.requestPictureInPicture();
+    }
+  }, []);
+  return {
+    videoRef: n,
+    containerRef: o,
+    playing: v,
+    paused: !v,
+    ended: A,
+    currentTime: N,
+    duration: B,
+    buffered: U,
+    volume: W,
+    muted: j,
+    playbackRate: z,
+    fullscreen: K,
+    pip: Q,
+    isLoading: G,
+    error: H,
+    canPlay: X,
+    canFullscreen: Y,
+    canPiP: _,
+    play: ee,
+    pause: te,
+    toggle: ne,
+    seek: re,
+    seekBy: ue,
+    setVolume: ae,
+    mute: ce,
+    unmute: ie,
+    toggleMute: se,
+    setPlaybackRate: oe,
+    requestFullscreen: le,
+    exitFullscreen: de,
+    toggleFullscreen: fe,
+    requestPiP: me,
+    exitPiP: ve,
+    togglePiP: ye
+  };
+}
+export {
+  Ee as useVideo
+};