@venomousone/rn-videokit 0.1.0

package/lib/module/components/core/VideoPlayerContext.js

@@ -0,0 +1,119 @@
+"use strict";
+
+import React, { createContext, useContext, useRef } from 'react';
+import { useRef as useStoreRef } from 'react';
+import { createStore, useStore } from 'zustand';
+import { jsx as _jsx } from "react/jsx-runtime";
+//Theme
+
+const ThemeContext = /*#__PURE__*/createContext({});
+export const useVideoTheme = () => useContext(ThemeContext);
+
+// ─── Store shape ─────────────────────────────────────────────────────────────
+
+const initialState = {
+  status: 'idle',
+  currentTime: 0,
+  duration: 0,
+  buffered: 0,
+  muted: false,
+  speed: 1,
+  isFullscreen: false,
+  controlsVisible: true,
+  error: null
+};
+export const createVideoStore = () => createStore(set => ({
+  ...initialState,
+  setStatus: status => set({
+    status
+  }),
+  setCurrentTime: currentTime => set({
+    currentTime
+  }),
+  setDuration: duration => set({
+    duration
+  }),
+  setBuffered: buffered => set({
+    buffered
+  }),
+  setMuted: muted => set({
+    muted
+  }),
+  setSpeed: speed => set({
+    speed
+  }),
+  setFullscreen: isFullscreen => set({
+    isFullscreen
+  }),
+  setControlsVisible: controlsVisible => set({
+    controlsVisible
+  }),
+  setError: error => set({
+    error
+  }),
+  reset: () => set(initialState)
+}));
+
+// ─── Context ─────────────────────────────────────────────────────────────────
+
+const VideoPlayerContext = /*#__PURE__*/createContext(null);
+
+// ─── Provider ────────────────────────────────────────────────────────────────
+
+export const VideoPlayerProvider = ({
+  children,
+  theme
+}) => {
+  const videoRef = useRef(null);
+  const storeRef = useStoreRef(null);
+
+  // create the store once per provider instance
+  if (storeRef.current === null) {
+    storeRef.current = createVideoStore();
+  }
+  return /*#__PURE__*/_jsx(VideoPlayerContext.Provider, {
+    value: {
+      videoRef,
+      store: storeRef.current
+    },
+    children: /*#__PURE__*/_jsx(ThemeContext.Provider, {
+      value: theme ?? {},
+      children: children
+    })
+  });
+};
+
+// ─── Hooks ───────────────────────────────────────────────────────────────────
+
+export const useVideoPlayerContext = () => {
+  const ctx = useContext(VideoPlayerContext);
+  if (!ctx) throw new Error('useVideoPlayerContext must be used inside VideoPlayerProvider');
+  return ctx;
+};
+
+/**
+ * Scoped reactive store hook — replaces the old global useVideoStore.
+ * Use this everywhere instead of the old import.
+ */
+export const useVideoStore = selector => {
+  const {
+    store
+  } = useVideoPlayerContext();
+  return useStore(store, selector);
+};
+// export function useVideoStore<T>(selector: (state: VideoState) => T): T {
+//   const { store } = useVideoPlayerContext();
+//   return useStore(store, selector);
+// }
+
+/**
+ * For imperative access (getState / setState) without subscribing.
+ * Use in callbacks and gesture handlers.
+ */
+export const useVideoStoreApi = () => {
+  const {
+    store
+  } = useVideoPlayerContext();
+  return store;
+};
+//# sourceMappingURL=VideoPlayerContext.js.map

package/lib/module/components/core/VideoPlayerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useContext","useRef","useStoreRef","createStore","useStore","jsx","_jsx","ThemeContext","useVideoTheme","initialState","status","currentTime","duration","buffered","muted","speed","isFullscreen","controlsVisible","error","createVideoStore","set","setStatus","setCurrentTime","setDuration","setBuffered","setMuted","setSpeed","setFullscreen","setControlsVisible","setError","reset","VideoPlayerContext","VideoPlayerProvider","children","theme","videoRef","storeRef","current","Provider","value","store","useVideoPlayerContext","ctx","Error","useVideoStore","selector","useVideoStoreApi"],"sourceRoot":"../../../../src","sources":["components/core/VideoPlayerContext.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/core/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { useVideoStore } from "./VideoPlayerContext.js";
+export { VideoPlayerProvider, useVideoPlayerContext } from "./VideoPlayerContext.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useVideoStore","VideoPlayerProvider","useVideoPlayerContext"],"sourceRoot":"../../../../src","sources":["components/core/index.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,yBAAsB;AACpD,SACEC,mBAAmB,EACnBC,qBAAqB,QAChB,yBAAsB","ignoreList":[]}

package/lib/module/components/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+// ─── Main component ───────────────────────────────────────────────────────────
+export { VideoPlayer } from "./core/VideoPlayer.js";
+export { VideoKit } from "./VideoKit.js";
+
+// ─── Headless hook ────────────────────────────────────────────────────────────
+export { useVideoPlayer } from "../hooks/useVideoPlayer.js";
+
+// ─── Context & store (for advanced usage) ────────────────────────────────────
+export { VideoPlayerProvider, useVideoPlayerContext, useVideoStore } from "./core/VideoPlayerContext.js";
+
+// ─── Types ────────────────────────────────────────────────────────────────────
+//# sourceMappingURL=index.js.map

package/lib/module/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["VideoPlayer","VideoKit","useVideoPlayer","VideoPlayerProvider","useVideoPlayerContext","useVideoStore"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA;AACA,SAASA,WAAW,QAAQ,uBAAoB;AAChD,SAASC,QAAQ,QAAQ,eAAY;;AAErC;AACA,SAASC,cAAc,QAAQ,4BAAyB;;AAExD;AACA,SACEC,mBAAmB,EACnBC,qBAAqB,EACrBC,aAAa,QACR,8BAA2B;;AAElC","ignoreList":[]}

package/lib/module/components/overlays/BufferingOverlay.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import { ActivityIndicator, StyleSheet, View } from 'react-native';
+import { useVideoStore } from "../core/VideoPlayerContext.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function BufferingOverlay() {
+  const status = useVideoStore(s => s.status);
+  if (status !== 'buffering' && status !== 'loading') return null;
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    children: /*#__PURE__*/_jsx(ActivityIndicator, {
+      size: "large",
+      color: "#fff"
+    })
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    ...StyleSheet.absoluteFill,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=BufferingOverlay.js.map

package/lib/module/components/overlays/BufferingOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ActivityIndicator","StyleSheet","View","useVideoStore","jsx","_jsx","BufferingOverlay","status","s","style","styles","container","children","size","color","create","absoluteFill","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["components/overlays/BufferingOverlay.tsx"],"mappings":";;AAAA,SAASA,iBAAiB,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAClE,SAASC,aAAa,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3D,OAAO,SAASC,gBAAgBA,CAAA,EAAG;EACjC,MAAMC,MAAM,GAAGJ,aAAa,CAAEK,CAAC,IAAKA,CAAC,CAACD,MAAM,CAAC;EAC7C,IAAIA,MAAM,KAAK,WAAW,IAAIA,MAAM,KAAK,SAAS,EAAE,OAAO,IAAI;EAE/D,oBACEF,IAAA,CAACH,IAAI;IAACO,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5BP,IAAA,CAACL,iBAAiB;MAACa,IAAI,EAAC,OAAO;MAACC,KAAK,EAAC;IAAM,CAAE;EAAC,CAC3C,CAAC;AAEX;AAEA,MAAMJ,MAAM,GAAGT,UAAU,CAACc,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACT,GAAGV,UAAU,CAACe,YAAY;IAC1BC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/overlays/DoubleTapSeek.js

@@ -0,0 +1,95 @@
+"use strict";
+
+import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import Animated, { useSharedValue, useAnimatedStyle, withSequence, withTiming } from 'react-native-reanimated';
+import { scheduleOnRN } from 'react-native-worklets';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DoubleTapSeek = /*#__PURE__*/forwardRef((_, ref) => {
+  const [state, setState] = useState(null);
+  const opacity = useSharedValue(0);
+  const scale = useSharedValue(0.8);
+  const timerRef = useRef(undefined);
+  const hide = () => setState(null);
+  useImperativeHandle(ref, () => ({
+    show: (side, seconds) => {
+      clearTimeout(timerRef.current);
+      setState({
+        side,
+        seconds
+      });
+      opacity.value = withSequence(withTiming(1, {
+        duration: 100
+      }), withTiming(1, {
+        duration: 400
+      }), withTiming(0, {
+        duration: 200
+      }, done => {
+        if (done) scheduleOnRN(hide);
+      }));
+      scale.value = withSequence(withTiming(1, {
+        duration: 150
+      }), withTiming(0.9, {
+        duration: 350
+      }));
+    }
+  }));
+  const animStyle = useAnimatedStyle(() => ({
+    opacity: opacity.value,
+    transform: [{
+      scale: scale.value
+    }]
+  }));
+  if (!state) return null;
+  const isLeft = state.side === 'left';
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, isLeft ? styles.left : styles.right],
+    pointerEvents: "none",
+    children: /*#__PURE__*/_jsxs(Animated.View, {
+      style: [styles.ripple, animStyle],
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.arrow,
+        children: isLeft ? '«' : '»'
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.label,
+        children: isLeft ? `-${state.seconds}s` : `+${state.seconds}s`
+      })]
+    })
+  });
+});
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    width: '40%',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  left: {
+    left: 0
+  },
+  right: {
+    right: 0
+  },
+  ripple: {
+    width: 80,
+    height: 80,
+    borderRadius: 40,
+    backgroundColor: 'rgba(255,255,255,0.15)',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 2
+  },
+  arrow: {
+    color: '#fff',
+    fontSize: 20,
+    fontWeight: '700'
+  },
+  label: {
+    color: '#fff',
+    fontSize: 11,
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=DoubleTapSeek.js.map

package/lib/module/components/overlays/DoubleTapSeek.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useImperativeHandle","useRef","useState","StyleSheet","Text","View","Animated","useSharedValue","useAnimatedStyle","withSequence","withTiming","scheduleOnRN","jsx","_jsx","jsxs","_jsxs","DoubleTapSeek","_","ref","state","setState","opacity","scale","timerRef","undefined","hide","show","side","seconds","clearTimeout","current","value","duration","done","animStyle","transform","isLeft","style","styles","container","left","right","pointerEvents","children","ripple","arrow","label","create","position","top","bottom","width","alignItems","justifyContent","height","borderRadius","backgroundColor","gap","color","fontSize","fontWeight"],"sourceRoot":"../../../../src","sources":["components/overlays/DoubleTapSeek.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/overlays/ErrorOverlay.js

@@ -0,0 +1,60 @@
+"use strict";
+
+import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { useVideoStore } from "../core/VideoPlayerContext.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ErrorOverlay({
+  onRetry
+}) {
+  const status = useVideoStore(s => s.status);
+  const error = useVideoStore(s => s.error);
+  if (status !== 'error') return null;
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.icon,
+      children: "\u26A0\uFE0F"
+    }), /*#__PURE__*/_jsx(Text, {
+      style: styles.message,
+      children: error ?? 'Something went wrong'
+    }), onRetry && /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: styles.retryBtn,
+      onPress: onRetry,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.retryText,
+        children: "Retry"
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    ...StyleSheet.absoluteFill,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: 'rgba(0,0,0,0.75)',
+    gap: 12
+  },
+  icon: {
+    fontSize: 36
+  },
+  message: {
+    color: '#fff',
+    fontSize: 14,
+    textAlign: 'center',
+    paddingHorizontal: 24
+  },
+  retryBtn: {
+    marginTop: 8,
+    paddingHorizontal: 24,
+    paddingVertical: 10,
+    backgroundColor: '#fff',
+    borderRadius: 20
+  },
+  retryText: {
+    color: '#000',
+    fontWeight: '700',
+    fontSize: 14
+  }
+});
+//# sourceMappingURL=ErrorOverlay.js.map

package/lib/module/components/overlays/ErrorOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Text","TouchableOpacity","View","useVideoStore","jsx","_jsx","jsxs","_jsxs","ErrorOverlay","onRetry","status","s","error","style","styles","container","children","icon","message","retryBtn","onPress","retryText","create","absoluteFill","alignItems","justifyContent","backgroundColor","gap","fontSize","color","textAlign","paddingHorizontal","marginTop","paddingVertical","borderRadius","fontWeight"],"sourceRoot":"../../../../src","sources":["components/overlays/ErrorOverlay.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AACvE,SAASC,aAAa,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAM3D,OAAO,SAASC,YAAYA,CAAC;EAAEC;AAAe,CAAC,EAAE;EAC/C,MAAMC,MAAM,GAAGP,aAAa,CAAEQ,CAAC,IAAKA,CAAC,CAACD,MAAM,CAAC;EAC7C,MAAME,KAAK,GAAGT,aAAa,CAAEQ,CAAC,IAAKA,CAAC,CAACC,KAAK,CAAC;EAC3C,IAAIF,MAAM,KAAK,OAAO,EAAE,OAAO,IAAI;EAEnC,oBACEH,KAAA,CAACL,IAAI;IAACW,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BX,IAAA,CAACL,IAAI;MAACa,KAAK,EAAEC,MAAM,CAACG,IAAK;MAAAD,QAAA,EAAC;IAAE,CAAM,CAAC,eACnCX,IAAA,CAACL,IAAI;MAACa,KAAK,EAAEC,MAAM,CAACI,OAAQ;MAAAF,QAAA,EAAEJ,KAAK,IAAI;IAAsB,CAAO,CAAC,EACpEH,OAAO,iBACNJ,IAAA,CAACJ,gBAAgB;MAACY,KAAK,EAAEC,MAAM,CAACK,QAAS;MAACC,OAAO,EAAEX,OAAQ;MAAAO,QAAA,eACzDX,IAAA,CAACL,IAAI;QAACa,KAAK,EAAEC,MAAM,CAACO,SAAU;QAAAL,QAAA,EAAC;MAAK,CAAM;IAAC,CAC3B,CACnB;EAAA,CACG,CAAC;AAEX;AAEA,MAAMF,MAAM,GAAGf,UAAU,CAACuB,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACT,GAAGhB,UAAU,CAACwB,YAAY;IAC1BC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,eAAe,EAAE,kBAAkB;IACnCC,GAAG,EAAE;EACP,CAAC;EACDV,IAAI,EAAE;IAAEW,QAAQ,EAAE;EAAG,CAAC;EACtBV,OAAO,EAAE;IACPW,KAAK,EAAE,MAAM;IACbD,QAAQ,EAAE,EAAE;IACZE,SAAS,EAAE,QAAQ;IACnBC,iBAAiB,EAAE;EACrB,CAAC;EACDZ,QAAQ,EAAE;IACRa,SAAS,EAAE,CAAC;IACZD,iBAAiB,EAAE,EAAE;IACrBE,eAAe,EAAE,EAAE;IACnBP,eAAe,EAAE,MAAM;IACvBQ,YAAY,EAAE;EAChB,CAAC;EACDb,SAAS,EAAE;IAAEQ,KAAK,EAAE,MAAM;IAAEM,UAAU,EAAE,KAAK;IAAEP,QAAQ,EAAE;EAAG;AAC9D,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/overlays/GestureIndicator.js

@@ -0,0 +1,118 @@
+"use strict";
+
+import React, { forwardRef, useImperativeHandle, useCallback } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import Animated, { useSharedValue, useAnimatedStyle, withTiming } from 'react-native-reanimated';
+import { scheduleOnRN } from 'react-native-worklets';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const GestureIndicator = /*#__PURE__*/forwardRef((_, ref) => {
+  const opacity = useSharedValue(0);
+  const fillHeight = useSharedValue(0);
+
+  // JS state via ref to avoid re-renders
+  const typeRef = React.useRef('brightness');
+  const [type, setType] = React.useState('brightness');
+  const [value, setValue] = React.useState(0);
+  const hideTimerRef = React.useRef(undefined);
+  const scheduleAutoHide = useCallback(() => {
+    clearTimeout(hideTimerRef.current);
+    hideTimerRef.current = setTimeout(() => {
+      opacity.value = withTiming(0, {
+        duration: 300
+      });
+    }, 1200);
+  }, [opacity]);
+  useImperativeHandle(ref, () => ({
+    show: (t, v) => {
+      typeRef.current = t;
+      scheduleOnRN(() => {
+        setType(t);
+        setValue(v);
+      });
+      opacity.value = withTiming(1, {
+        duration: 150
+      });
+      fillHeight.value = withTiming(v, {
+        duration: 100
+      });
+      scheduleAutoHide();
+    },
+    update: v => {
+      scheduleOnRN(() => setValue(v));
+      fillHeight.value = withTiming(v, {
+        duration: 80
+      });
+      scheduleAutoHide();
+    },
+    hide: () => {
+      clearTimeout(hideTimerRef.current);
+      opacity.value = withTiming(0, {
+        duration: 200
+      });
+    }
+  }));
+  const containerStyle = useAnimatedStyle(() => ({
+    opacity: opacity.value
+  }));
+  const fillStyle = useAnimatedStyle(() => ({
+    height: `${fillHeight.value * 100}%`
+  }));
+  const icon = type === 'brightness' ? '☀️' : value === 0 ? '🔇' : '🔊';
+  return /*#__PURE__*/_jsxs(Animated.View, {
+    style: [styles.container, containerStyle],
+    pointerEvents: "none",
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.icon,
+      children: icon
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.track,
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.fill, fillStyle]
+      })
+    }), /*#__PURE__*/_jsxs(Text, {
+      style: styles.value,
+      children: [Math.round(value * 100), "%"]
+    })]
+  });
+});
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    top: '50%',
+    left: '50%',
+    transform: [{
+      translateX: -28
+    }, {
+      translateY: -80
+    }],
+    alignItems: 'center',
+    gap: 6,
+    backgroundColor: 'rgba(0,0,0,0.65)',
+    borderRadius: 12,
+    paddingVertical: 10,
+    paddingHorizontal: 12,
+    width: 56
+  },
+  icon: {
+    fontSize: 18
+  },
+  track: {
+    width: 4,
+    height: 80,
+    backgroundColor: 'rgba(255,255,255,0.25)',
+    borderRadius: 2,
+    justifyContent: 'flex-end',
+    overflow: 'hidden'
+  },
+  fill: {
+    width: '100%',
+    backgroundColor: '#fff',
+    borderRadius: 2
+  },
+  value: {
+    color: '#fff',
+    fontSize: 11,
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=GestureIndicator.js.map

package/lib/module/components/overlays/GestureIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useImperativeHandle","useCallback","StyleSheet","Text","View","Animated","useSharedValue","useAnimatedStyle","withTiming","scheduleOnRN","jsx","_jsx","jsxs","_jsxs","GestureIndicator","_","ref","opacity","fillHeight","typeRef","useRef","type","setType","useState","value","setValue","hideTimerRef","undefined","scheduleAutoHide","clearTimeout","current","setTimeout","duration","show","t","v","update","hide","containerStyle","fillStyle","height","icon","style","styles","container","pointerEvents","children","track","fill","Math","round","create","position","top","left","transform","translateX","translateY","alignItems","gap","backgroundColor","borderRadius","paddingVertical","paddingHorizontal","width","fontSize","justifyContent","overflow","color","fontWeight"],"sourceRoot":"../../../../src","sources":["components/overlays/GestureIndicator.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/overlays/LoadingPoster.js

@@ -0,0 +1,22 @@
+"use strict";
+
+import { Image, StyleSheet, View } from 'react-native';
+import { useVideoStore } from "../core/VideoPlayerContext.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function LoadingPoster({
+  uri
+}) {
+  const status = useVideoStore(s => s.status);
+  if (!uri || status !== 'idle') return null;
+  return /*#__PURE__*/_jsx(View, {
+    style: StyleSheet.absoluteFill,
+    children: /*#__PURE__*/_jsx(Image, {
+      source: {
+        uri
+      },
+      style: StyleSheet.absoluteFill,
+      resizeMode: "cover"
+    })
+  });
+}
+//# sourceMappingURL=LoadingPoster.js.map

package/lib/module/components/overlays/LoadingPoster.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Image","StyleSheet","View","useVideoStore","jsx","_jsx","LoadingPoster","uri","status","s","style","absoluteFill","children","source","resizeMode"],"sourceRoot":"../../../../src","sources":["components/overlays/LoadingPoster.tsx"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACtD,SAASC,aAAa,QAAQ,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM3D,OAAO,SAASC,aAAaA,CAAC;EAAEC;AAAW,CAAC,EAAE;EAC5C,MAAMC,MAAM,GAAGL,aAAa,CAAEM,CAAC,IAAKA,CAAC,CAACD,MAAM,CAAC;EAC7C,IAAI,CAACD,GAAG,IAAIC,MAAM,KAAK,MAAM,EAAE,OAAO,IAAI;EAE1C,oBACEH,IAAA,CAACH,IAAI;IAACQ,KAAK,EAAET,UAAU,CAACU,YAAa;IAAAC,QAAA,eACnCP,IAAA,CAACL,KAAK;MACJa,MAAM,EAAE;QAAEN;MAAI,CAAE;MAChBG,KAAK,EAAET,UAAU,CAACU,YAAa;MAC/BG,UAAU,EAAC;IAAO,CACnB;EAAC,CACE,CAAC;AAEX","ignoreList":[]}

package/lib/module/hooks/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export { useVideoPlayer } from "./useVideoPlayer.js";
+export { useVideoControls } from "./useVideoControls.js";
+export { useVideoOrientation } from "./useVideoOrientation.js";
+//# sourceMappingURL=index.js.map

package/lib/module/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useVideoPlayer","useVideoControls","useVideoOrientation"],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,qBAAkB;AACjD,SAASC,gBAAgB,QAAQ,uBAAoB;AACrD,SAASC,mBAAmB,QAAQ,0BAAuB","ignoreList":[]}

package/lib/module/hooks/useVideoBrightness.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import { useCallback, useRef } from 'react';
+import { getBrightnessLevel, setBrightnessLevel } from '@reeq/react-native-device-brightness';
+import { clamp } from "../utils/clamp.js";
+export function useVideoBrightness() {
+  const current = useRef(null);
+  const init = useCallback(() => {
+    try {
+      current.current = getBrightnessLevel();
+    } catch (e) {
+      console.warn('[VideoKit] brightness init failed:', e);
+    }
+  }, []);
+  const adjust = useCallback(delta => {
+    try {
+      // lazy init — read current brightness on first adjust
+      if (current.current === null) {
+        current.current = getBrightnessLevel();
+      }
+      const next = clamp(current.current + delta, 0, 1);
+      current.current = next;
+      setBrightnessLevel(next);
+    } catch (e) {
+      console.warn('[VideoKit] brightness adjust failed:', e);
+    }
+  }, []);
+  return {
+    initBrightness: init,
+    adjustBrightness: adjust
+  };
+}
+//# sourceMappingURL=useVideoBrightness.js.map

package/lib/module/hooks/useVideoBrightness.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useRef","getBrightnessLevel","setBrightnessLevel","clamp","useVideoBrightness","current","init","e","console","warn","adjust","delta","next","initBrightness","adjustBrightness"],"sourceRoot":"../../../src","sources":["hooks/useVideoBrightness.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAC3C,SACEC,kBAAkB,EAClBC,kBAAkB,QACb,sCAAsC;AAC7C,SAASC,KAAK,QAAQ,mBAAgB;AAEtC,OAAO,SAASC,kBAAkBA,CAAA,EAAG;EACnC,MAAMC,OAAO,GAAGL,MAAM,CAAgB,IAAI,CAAC;EAE3C,MAAMM,IAAI,GAAGP,WAAW,CAAC,MAAM;IAC7B,IAAI;MACFM,OAAO,CAACA,OAAO,GAAGJ,kBAAkB,CAAC,CAAC;IACxC,CAAC,CAAC,OAAOM,CAAC,EAAE;MACVC,OAAO,CAACC,IAAI,CAAC,oCAAoC,EAAEF,CAAC,CAAC;IACvD;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,MAAM,GAAGX,WAAW,CAAEY,KAAa,IAAK;IAC5C,IAAI;MACF;MACA,IAAIN,OAAO,CAACA,OAAO,KAAK,IAAI,EAAE;QAC5BA,OAAO,CAACA,OAAO,GAAGJ,kBAAkB,CAAC,CAAC;MACxC;MACA,MAAMW,IAAI,GAAGT,KAAK,CAACE,OAAO,CAACA,OAAO,GAAGM,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;MACjDN,OAAO,CAACA,OAAO,GAAGO,IAAI;MACtBV,kBAAkB,CAACU,IAAI,CAAC;IAC1B,CAAC,CAAC,OAAOL,CAAC,EAAE;MACVC,OAAO,CAACC,IAAI,CAAC,sCAAsC,EAAEF,CAAC,CAAC;IACzD;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IAAEM,cAAc,EAAEP,IAAI;IAAEQ,gBAAgB,EAAEJ;EAAO,CAAC;AAC3D","ignoreList":[]}

package/lib/module/hooks/useVideoControls.js

@@ -0,0 +1,64 @@
+"use strict";
+
+import { useCallback, useEffect, useRef } from 'react';
+import { useVideoStore, useVideoStoreApi } from "../components/core/VideoPlayerContext.js";
+
+/**
+ * Manages controls visibility with an auto-hide timer.
+ * Call `showControls()` on any user interaction to reset the timer.
+ */
+export function useVideoControls(autoHideDelayMs = 3000) {
+  const timerRef = useRef(null);
+  const status = useVideoStore(s => s.status);
+  const {} = useVideoStore(s => s);
+  const controlsVisible = useVideoStore(s => s.controlsVisible);
+  const store = useVideoStoreApi();
+  const clearTimer = useCallback(() => {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+  }, []);
+  const scheduleHide = useCallback(() => {
+    clearTimer();
+    timerRef.current = setTimeout(() => {
+      store.getState().setControlsVisible(false);
+    }, autoHideDelayMs);
+  }, [clearTimer, autoHideDelayMs, store]);
+  const showControls = useCallback(() => {
+    store.getState().setControlsVisible(true);
+    if (status === 'playing') {
+      scheduleHide();
+    }
+  }, [store, status, scheduleHide]);
+  const toggleControls = useCallback(() => {
+    store.getState().setControlsVisible(!controlsVisible);
+  }, [controlsVisible, store]);
+  const keepControlsVisible = useCallback(() => {
+    // Call this during scrub to cancel auto-hide
+    clearTimer();
+    store.getState().setControlsVisible(true);
+  }, [clearTimer, store]);
+
+  // When playback starts, begin the hide countdown
+  useEffect(() => {
+    if (status === 'playing' && controlsVisible) {
+      clearTimer();
+      scheduleHide();
+    } else if (status !== 'playing' && controlsVisible) {
+      clearTimer();
+      scheduleHide();
+    } else {
+      clearTimer();
+      scheduleHide();
+    }
+    return clearTimer;
+  }, [status, controlsVisible, scheduleHide, clearTimer]);
+  return {
+    controlsVisible,
+    showControls,
+    keepControlsVisible,
+    toggleControls
+  };
+}
+//# sourceMappingURL=useVideoControls.js.map

package/lib/module/hooks/useVideoControls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useVideoStore","useVideoStoreApi","useVideoControls","autoHideDelayMs","timerRef","status","s","controlsVisible","store","clearTimer","current","clearTimeout","scheduleHide","setTimeout","getState","setControlsVisible","showControls","toggleControls","keepControlsVisible"],"sourceRoot":"../../../src","sources":["hooks/useVideoControls.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACtD,SACEC,aAAa,EACbC,gBAAgB,QACX,0CAAuC;;AAE9C;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAACC,eAAe,GAAG,IAAI,EAAE;EACvD,MAAMC,QAAQ,GAAGL,MAAM,CAAuC,IAAI,CAAC;EACnE,MAAMM,MAAM,GAAGL,aAAa,CAAEM,CAAC,IAAKA,CAAC,CAACD,MAAM,CAAC;EAC7C,MAAM,CAAC,CAAC,GAAGL,aAAa,CAAEM,CAAC,IAAKA,CAAC,CAAC;EAClC,MAAMC,eAAe,GAAGP,aAAa,CAAEM,CAAC,IAAKA,CAAC,CAACC,eAAe,CAAC;EAC/D,MAAMC,KAAK,GAAGP,gBAAgB,CAAC,CAAC;EAEhC,MAAMQ,UAAU,GAAGZ,WAAW,CAAC,MAAM;IACnC,IAAIO,QAAQ,CAACM,OAAO,EAAE;MACpBC,YAAY,CAACP,QAAQ,CAACM,OAAO,CAAC;MAC9BN,QAAQ,CAACM,OAAO,GAAG,IAAI;IACzB;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,YAAY,GAAGf,WAAW,CAAC,MAAM;IACrCY,UAAU,CAAC,CAAC;IACZL,QAAQ,CAACM,OAAO,GAAGG,UAAU,CAAC,MAAM;MAClCL,KAAK,CAACM,QAAQ,CAAC,CAAC,CAACC,kBAAkB,CAAC,KAAK,CAAC;IAC5C,CAAC,EAAEZ,eAAe,CAAC;EACrB,CAAC,EAAE,CAACM,UAAU,EAAEN,eAAe,EAAEK,KAAK,CAAC,CAAC;EAExC,MAAMQ,YAAY,GAAGnB,WAAW,CAAC,MAAM;IACrCW,KAAK,CAACM,QAAQ,CAAC,CAAC,CAACC,kBAAkB,CAAC,IAAI,CAAC;IACzC,IAAIV,MAAM,KAAK,SAAS,EAAE;MACxBO,YAAY,CAAC,CAAC;IAChB;EACF,CAAC,EAAE,CAACJ,KAAK,EAAEH,MAAM,EAAEO,YAAY,CAAC,CAAC;EAEjC,MAAMK,cAAc,GAAGpB,WAAW,CAAC,MAAM;IACvCW,KAAK,CAACM,QAAQ,CAAC,CAAC,CAACC,kBAAkB,CAAC,CAACR,eAAe,CAAC;EACvD,CAAC,EAAE,CAACA,eAAe,EAAEC,KAAK,CAAC,CAAC;EAE5B,MAAMU,mBAAmB,GAAGrB,WAAW,CAAC,MAAM;IAC5C;IACAY,UAAU,CAAC,CAAC;IACZD,KAAK,CAACM,QAAQ,CAAC,CAAC,CAACC,kBAAkB,CAAC,IAAI,CAAC;EAC3C,CAAC,EAAE,CAACN,UAAU,EAAED,KAAK,CAAC,CAAC;;EAEvB;EACAV,SAAS,CAAC,MAAM;IACd,IAAIO,MAAM,KAAK,SAAS,IAAIE,eAAe,EAAE;MAC3CE,UAAU,CAAC,CAAC;MACZG,YAAY,CAAC,CAAC;IAChB,CAAC,MAAM,IAAIP,MAAM,KAAK,SAAS,IAAIE,eAAe,EAAE;MAClDE,UAAU,CAAC,CAAC;MACZG,YAAY,CAAC,CAAC;IAChB,CAAC,MAAM;MACLH,UAAU,CAAC,CAAC;MACZG,YAAY,CAAC,CAAC;IAChB;IACA,OAAOH,UAAU;EACnB,CAAC,EAAE,CAACJ,MAAM,EAAEE,eAAe,EAAEK,YAAY,EAAEH,UAAU,CAAC,CAAC;EAEvD,OAAO;IAAEF,eAAe;IAAES,YAAY;IAAEE,mBAAmB;IAAED;EAAe,CAAC;AAC/E","ignoreList":[]}