yeet

modules/media_viewer/native/useVideoControls.tsx

@@ -0,0 +1,102 @@
+// Metro module 8123 (f8124).
+import { useState, useEffect, useCallback } from "react";
+import AccessibilityStore from "../../a11y/AccessibilityStore";
+import { create } from "../../../_bundle/Module644";
+import { batchUpdates } from "../../../_bundle/Module705";
+import { useMediaPlayerMutedStore } from "./MediaPlayerMuteManager";
+import { createStyles } from "../../../design/components/Styles/native/createStyles";
+import { useStateFromStores } from "../../../_bundle/Module589";
+import { MediaViewerSourcesStore, removeSpoiler } from "./useMediaViewerSources";
+import usePrevious from "../../../hooks/usePrevious";
+import { supportOverlayVideoControls } from "./MediaSourceUtil";
+import MediaSlider from "./components/MediaSlider";
+let useStyles;
+let c5158_7 = create(() => ({
+  controls: void 0,
+  paused: false
+}));
+useStyles = createStyles({
+  slider: {
+    marginBottom: 8
+  }
+});
+export default function useVideoControls(a0, a1, a2) {
+  let c16271_4, c16271_5, videoURI, c16271_7;
+  let c16271_0 = a0;
+  const styles = useStyles();
+  const stateFromStores = useStateFromStores([AccessibilityStore], () => AccessibilityStore.useReducedMotion);
+  let [paused2, setState] = useState(false);
+  const state = MediaViewerSourcesStore.useState((a0) => a0.spoilerIndexes.has(c16271_0));
+  c16271_4 = state;
+  const previous = usePrevious(a0);
+  c16271_5 = previous;
+  const r38 = a2 != null && supportOverlayVideoControls(a1);
+  let portal = a1.portal;
+  if (portal == null) {
+    portal = a1.videoURI;
+  }
+  videoURI = portal;
+  const previous2 = usePrevious(videoURI);
+  c16271_7 = previous2;
+  useEffect(() => {
+    if (c16271_5 !== c16271_0 && c16271_5 != null && videoURI != null && c16271_7 !== videoURI) {
+      a2.seek(0);
+      const r10 = c16271_4 || stateFromStores;
+      a2.pause(r10);
+      setState(r10);
+    }
+  }, [a2, videoURI, stateFromStores, previous2, state, previous, a0]);
+  const callback = useCallback(() => {
+    removeSpoiler(c16271_0);
+  }, [a0]);
+  if (r38) {
+    return <MediaSlider key={videoURI} style={styles.slider} controls={a2} paused={paused2} setPaused={setState} onPlayPress={callback} />;
+  }
+};
+export { c5158_7 as useVideoStateStore };
+export function initVideoStateStore() {
+  batchUpdates(() => {
+    c5158_7.setState({
+      controls: void 0,
+      paused: false
+    });
+  });
+}
+export function setMuted(isMuted) {
+  batchUpdates(() => {
+    useMediaPlayerMutedStore.setState({
+      isMuted
+    });
+  });
+}
+export function toggleMuted() {
+  batchUpdates(() => {
+    useMediaPlayerMutedStore.setState((state) => ({
+      isMuted: !state.isMuted
+    }));
+  });
+}
+export function setVideoStateControls(controls) {
+  batchUpdates(() => c5158_7.setState({
+    controls
+  }));
+}
+export function setPausedState(paused) {
+  batchUpdates(() => c5158_7.setState({
+    paused
+  }));
+}
+export function tryPauseCurrentVideo() {
+  const controls2 = c5158_7.getState().controls;
+  if (controls2 != null) {
+    controls2.pause(true);
+  }
+}
+export function unpauseCurrentVideoIfNeeded() {
+  if (!c5158_7.getState().paused) {
+    const controls2 = c5158_7.getState().controls;
+    if (controls2 != null) {
+      controls2.pause(false);
+    }
+  }
+}