@multiplatform.one/components 6.7.0 → 7.1.0

package/dist/cjs/Video/index.cjs

@@ -26,46 +26,262 @@ __export(Video_exports, {
 });
 module.exports = __toCommonJS(Video_exports);
 var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_react_i18next = require("react-i18next");
 var import_tamagui = require("tamagui");
+var import_PlayerChrome = require("./PlayerChrome.cjs");
 var import_VideoFrame = require("./VideoFrame.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
+const HIDE_MS = 2500;
+function asVideoElement(node) {
+  if (!node || typeof HTMLVideoElement === "undefined") return null;
+  if (node instanceof HTMLVideoElement) return node;
+  if (node instanceof Element) {
+    if (node.tagName === "VIDEO") return node;
+    return node.querySelector("video");
+  }
+  const host = node.host;
+  return host ? asVideoElement(host) : null;
+}
+function isStageFullscreen(stage) {
+  if (!stage || typeof document === "undefined") return false;
+  const doc = document;
+  return document.fullscreenElement === stage || doc.webkitFullscreenElement === stage;
+}
+async function toggleStageFullscreen(stage) {
+  if (!stage || typeof document === "undefined") return;
+  const doc = document;
+  const el = stage;
+  if (isStageFullscreen(stage)) {
+    if (document.exitFullscreen) await document.exitFullscreen();else doc.webkitExitFullscreen?.();
+    return;
+  }
+  if (el.requestFullscreen) await el.requestFullscreen();else el.webkitRequestFullscreen?.();
+}
 function Video({
   src,
   children,
-  muted = false,
+  muted: mutedProp = false,
   autoPlay = false,
   controls = true,
   loop = false,
   poster,
   title,
+  compact,
   ...props
 }) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)();
   const {
     knobProps
   } = (0, import_theme.useResolvedKnobs)({
-    component: "Video"
+    component: "Video",
+    compact
   });
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_VideoFrame.VideoFrame, {
-    render: "figure",
-    marginHorizontal: 0,
-    marginVertical: "$4",
-    ...props,
-    children: [src ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+  const stageRef = (0, import_react.useRef)(null);
+  const videoRef = (0, import_react.useRef)(null);
+  const hideTimer = (0, import_react.useRef)(null);
+  const [playing, setPlaying] = (0, import_react.useState)(autoPlay);
+  const [currentTime, setCurrentTime] = (0, import_react.useState)(0);
+  const [duration, setDuration] = (0, import_react.useState)(0);
+  const [muted, setMuted] = (0, import_react.useState)(mutedProp);
+  const [fullscreen, setFullscreen] = (0, import_react.useState)(false);
+  const [hovering, setHovering] = (0, import_react.useState)(false);
+  const [focused, setFocused] = (0, import_react.useState)(false);
+  const [seeking, setSeeking] = (0, import_react.useState)(false);
+  const [held, setHeld] = (0, import_react.useState)(true);
+  const chromeVisible = Boolean(controls && (!playing || hovering || focused || seeking || held));
+  const clearHide = (0, import_react.useCallback)(() => {
+    if (hideTimer.current) {
+      clearTimeout(hideTimer.current);
+      hideTimer.current = null;
+    }
+  }, []);
+  const bumpChrome = (0, import_react.useCallback)(() => {
+    setHeld(true);
+    clearHide();
+    hideTimer.current = setTimeout(() => setHeld(false), HIDE_MS);
+  }, [clearHide]);
+  (0, import_react.useEffect)(() => {
+    if (!controls) return;
+    if (!playing) {
+      clearHide();
+      setHeld(true);
+      return;
+    }
+    bumpChrome();
+    return clearHide;
+  }, [bumpChrome, clearHide, controls, playing]);
+  (0, import_react.useEffect)(() => {
+    setMuted(mutedProp);
+  }, [mutedProp]);
+  (0, import_react.useEffect)(() => {
+    const stage = stageRef.current;
+    const el = videoRef.current ?? asVideoElement(stage) ?? asVideoElement(stage?.querySelector?.("video"));
+    videoRef.current = el;
+    if (!el) return;
+    el.muted = muted;
+    el.loop = loop;
+    const sync = () => {
+      setPlaying(!el.paused);
+      setCurrentTime(el.currentTime || 0);
+      setDuration(Number.isFinite(el.duration) ? el.duration : 0);
+    };
+    const onPlay = () => setPlaying(true);
+    const onPause = () => setPlaying(false);
+    const onTime = () => setCurrentTime(el.currentTime || 0);
+    const onMeta = () => setDuration(Number.isFinite(el.duration) ? el.duration : 0);
+    const onVolume = () => setMuted(el.muted);
+    el.addEventListener("play", onPlay);
+    el.addEventListener("pause", onPause);
+    el.addEventListener("timeupdate", onTime);
+    el.addEventListener("loadedmetadata", onMeta);
+    el.addEventListener("durationchange", onMeta);
+    el.addEventListener("volumechange", onVolume);
+    sync();
+    return () => {
+      el.removeEventListener("play", onPlay);
+      el.removeEventListener("pause", onPause);
+      el.removeEventListener("timeupdate", onTime);
+      el.removeEventListener("loadedmetadata", onMeta);
+      el.removeEventListener("durationchange", onMeta);
+      el.removeEventListener("volumechange", onVolume);
+    };
+  }, [src, loop, muted]);
+  (0, import_react.useEffect)(() => {
+    const stage = asVideoElement(stageRef.current) ? stageRef.current : null;
+    const host = stageRef.current?.querySelector?.("video")?.parentElement ?? stage;
+    const onFs = () => setFullscreen(isStageFullscreen(host));
+    document.addEventListener("fullscreenchange", onFs);
+    document.addEventListener("webkitfullscreenchange", onFs);
+    return () => {
+      document.removeEventListener("fullscreenchange", onFs);
+      document.removeEventListener("webkitfullscreenchange", onFs);
+    };
+  }, [src]);
+  const togglePlay = (0, import_react.useCallback)(() => {
+    const el = videoRef.current;
+    if (!el) return;
+    bumpChrome();
+    if (el.paused) void el.play()?.catch(() => {});else el.pause();
+  }, [bumpChrome]);
+  const onSeek = (0, import_react.useCallback)(time => {
+    const el = videoRef.current;
+    if (!el || !Number.isFinite(time)) return;
+    el.currentTime = time;
+    setCurrentTime(time);
+  }, []);
+  const toggleMuted = (0, import_react.useCallback)(() => {
+    const el = videoRef.current;
+    if (!el) return;
+    el.muted = !el.muted;
+    setMuted(el.muted);
+  }, []);
+  const toggleFullscreen = (0, import_react.useCallback)(() => {
+    const stage = (typeof HTMLElement !== "undefined" && stageRef.current instanceof HTMLElement ? stageRef.current : asVideoElement(stageRef.current)?.parentElement) ?? null;
+    void toggleStageFullscreen(stage)?.catch(() => {});
+  }, []);
+  const onStageKeyDown = (0, import_react.useCallback)(e => {
+    if (!controls) return;
+    const target = e.target;
+    if (target && target !== e.currentTarget && target.closest?.("[role='slider'], [role='button'], button")) {
+      return;
+    }
+    const el = videoRef.current;
+    if (!el) return;
+    const key = e.key ?? "";
+    if (key === " " || key === "k" || key === "K") {
+      e.preventDefault?.();
+      togglePlay();
+    } else if (key === "ArrowLeft") {
+      e.preventDefault?.();
+      onSeek(Math.max(0, (el.currentTime || 0) - 5));
+    } else if (key === "ArrowRight") {
+      e.preventDefault?.();
+      onSeek(Math.min(el.duration || 0, (el.currentTime || 0) + 5));
+    } else if (key === "m" || key === "M") {
+      e.preventDefault?.();
+      toggleMuted();
+    } else if (key === "f" || key === "F") {
+      e.preventDefault?.();
+      toggleFullscreen();
+    } else if (key === "Home") {
+      e.preventDefault?.();
+      onSeek(0);
+    } else if (key === "End") {
+      e.preventDefault?.();
+      onSeek(el.duration || 0);
+    }
+  }, [controls, onSeek, toggleFullscreen, toggleMuted, togglePlay]);
+  const mediaStage = src ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    ref: stageRef,
+    position: "relative",
+    overflow: "hidden",
+    width: "100%",
+    aspectRatio: 16 / 9,
+    ...knobProps.cardSurface,
+    padding: 0,
+    cursor: controls ? "pointer" : void 0,
+    role: controls ? "region" : void 0,
+    "aria-label": title ?? t("Video player"),
+    tabIndex: controls ? 0 : void 0,
+    ...{
+      onKeyDown: onStageKeyDown,
+      onPointerMove: controls ? bumpChrome : void 0
+    },
+    onPress: controls ? togglePlay : void 0,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
       render: "video",
+      ref: node => {
+        videoRef.current = asVideoElement(node);
+      },
       src,
       autoPlay,
       playsInline: true,
       muted,
-      controls,
       loop,
       poster,
+      preload: "metadata",
       "aria-label": title,
+      width: "100%",
+      height: "100%",
       style: {
         width: "100%",
+        height: "100%",
         display: "block",
-        borderRadius: knobProps.borderRadius.borderRadius
+        objectFit: "contain"
       }
-    }) : null, children != null ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_VideoFrame.VideoCaption, {
+    }), controls ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_PlayerChrome.PlayerChrome, {
+      playing,
+      currentTime,
+      duration,
+      muted,
+      fullscreen,
+      visible: chromeVisible,
+      onTogglePlay: togglePlay,
+      onSeek,
+      onToggleMuted: toggleMuted,
+      onToggleFullscreen: toggleFullscreen,
+      onHoverChange: setHovering,
+      onFocusChange: setFocused,
+      onSeekingChange: setSeeking
+    }) : null]
+  }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    overflow: "hidden",
+    width: "100%",
+    aspectRatio: 16 / 9,
+    ...knobProps.cardSurface,
+    justifyContent: "center",
+    alignItems: "center"
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_VideoFrame.VideoFrame, {
+    render: "figure",
+    marginHorizontal: 0,
+    marginVertical: knobProps.gapLg.gap,
+    ...knobProps.gap,
+    ...props,
+    children: [mediaStage, children != null ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_VideoFrame.VideoCaption, {
       children
     }) : null]
   });

package/dist/cjs/Video/index.native.js

@@ -53,9 +53,13 @@ function ExpoVideoSurface(param) {
     controls,
     loop,
     poster,
-    title,
-    borderRadius
+    title
   } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Video"
+  });
   var {
     useVideoPlayer,
     VideoView
@@ -81,8 +85,8 @@ function ExpoVideoSurface(param) {
     width: "100%",
     aspectRatio: 16 / 9,
     overflow: "hidden",
-    borderRadius,
-    backgroundColor: "$color3",
+    ...knobProps.cardSurface,
+    padding: 0,
     position: "relative",
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(VideoView, {
       player,
@@ -106,15 +110,19 @@ function ExpoVideoSurface(param) {
 function PosterOnlySurface(param) {
   var {
     poster,
-    title,
-    borderRadius
+    title
   } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Video"
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
     width: "100%",
     aspectRatio: 16 / 9,
     overflow: "hidden",
-    borderRadius,
-    backgroundColor: "$color3",
+    ...knobProps.cardSurface,
+    padding: 0,
     position: "relative",
     accessibilityLabel: title,
     children: poster ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Image, {
@@ -137,12 +145,14 @@ function Video(param) {
     loop = false,
     poster,
     title,
+    compact,
     ...props
   } = param;
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)({
-    component: "Video"
+    component: "Video",
+    compact
   });
   var expoVideo = loadExpoVideo();
   var surfaceProps = {
@@ -152,19 +162,24 @@ function Video(param) {
     controls,
     loop,
     poster,
-    title,
-    borderRadius: knobProps.borderRadius.borderRadius
+    title
   };
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_VideoFrame.VideoFrame, {
     marginHorizontal: 0,
-    marginVertical: "$4",
+    marginVertical: knobProps.gapLg.gap,
+    ...knobProps.gap,
     ...props,
     children: [src ? expoVideo ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(ExpoVideoSurface, {
       expoVideo,
       ...surfaceProps
     }, src) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(PosterOnlySurface, {
       ...surfaceProps
-    }) : null, children != null ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_VideoFrame.VideoCaption, {
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      width: "100%",
+      aspectRatio: 16 / 9,
+      overflow: "hidden",
+      ...knobProps.cardSurface
+    }), children != null ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_VideoFrame.VideoCaption, {
       children
     }) : null]
   });

package/dist/cjs/Video/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["index_native_exports","__export","Video","module","exports","__toCommonJS","import_jsx_runtime","require","import_theme","import_react","import_react_native","import_tamagui","import_VideoFrame","expoVideoCache","loadExpoVideo","mod","useVideoPlayer","VideoView","unused","ExpoVideoSurface","param","expoVideo","src","muted","autoPlay","controls","loop","poster","title","borderRadius","player","instance","play","showPoster","setShowPoster","useState","Boolean","useEffect","pause","jsxs","YStack","width","aspectRatio","overflow","backgroundColor","position","children","jsx","style","StyleSheet","absoluteFillObject","nativeControls","contentFit","accessibilityLabel","onFirstFrameRender","Image","source","uri","resizeMode","accessibilityIgnoresInvertColors","PosterOnlySurface","props","knobProps","useResolvedKnobs","component","surfaceProps","VideoFrame","marginHorizontal","marginVertical","VideoCaption"],"sources":["../../../src/Video/index.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["index_native_exports","__export","Video","module","exports","__toCommonJS","import_jsx_runtime","require","import_theme","import_react","import_react_native","import_tamagui","import_VideoFrame","expoVideoCache","loadExpoVideo","mod","useVideoPlayer","VideoView","unused","ExpoVideoSurface","param","expoVideo","src","muted","autoPlay","controls","loop","poster","title","knobProps","useResolvedKnobs","component","player","instance","play","showPoster","setShowPoster","useState","Boolean","useEffect","pause","jsxs","YStack","width","aspectRatio","overflow","cardSurface","padding","position","children","jsx","style","StyleSheet","absoluteFillObject","nativeControls","contentFit","accessibilityLabel","onFirstFrameRender","Image","source","uri","resizeMode","accessibilityIgnoresInvertColors","PosterOnlySurface","compact","props","surfaceProps","VideoFrame","marginHorizontal","marginVertical","gapLg","gap","VideoCaption"],"sources":["../../../src/Video/index.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}