react-native-video-provider 0.2.0 → 0.2.2

package/README.md

@@ -83,20 +83,31 @@ player.showFloating();    // draggable in-app window
 player.enterPiP();        // system picture-in-picture
 ```
 
-**5. Force an orientation** — per player, imperatively, or whenever
-fullscreen is active:
+**5. Force an orientation** — values: `'auto' | 'portrait' |
+'inverted-portrait' | 'landscape' | 'inverted-landscape'`.
+
+Scoped to fullscreen (applied when fullscreen opens, restored when it
+closes — the rest of the app is unaffected):
+
+```tsx
+// This player's fullscreen (incl. the built-in controls' button) locks to
+// portrait — e.g. a vertical video:
+<VideoPlayer source={video} fullscreenOrientation="portrait" />
+
+// Or per call:
+const { enter, toggle } = useFullscreen();
+enter('landscape');
+```
+
+Or as a standing lock, independent of fullscreen:
 
 ```tsx
 // While this player is mounted (released on unmount):
 <VideoPlayer source={video} orientation="landscape" />
 
-// Imperative — 'auto' | 'portrait' | 'inverted-portrait'
-//             | 'landscape' | 'inverted-landscape'
+// Imperative:
 player.setOrientation('inverted-landscape');
 player.setOrientation('auto'); // release
-
-// Always go landscape in the built-in fullscreen host:
-<VideoProvider config={{ fullscreenOrientation: 'landscape' }}>
 ```
 
 On iOS this needs the AppDelegate forwarding shown in

package/android/src/main/java/com/auvideo/AuVideoModule.kt

@@ -135,19 +135,21 @@ class AuVideoModule(reactContext: ReactApplicationContext) :
 
   // ---------------------------------------------------------- orientation
 
+  private fun parseOrientation(orientation: String): Int? = when (orientation) {
+    "portrait" -> ActivityInfo.SCREEN_ORIENTATION_PORTRAIT
+    "inverted-portrait" -> ActivityInfo.SCREEN_ORIENTATION_REVERSE_PORTRAIT
+    "landscape" -> ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE
+    "inverted-landscape" -> ActivityInfo.SCREEN_ORIENTATION_REVERSE_LANDSCAPE
+    else -> null // "auto"
+  }
+
   override fun setOrientation(orientation: String) {
     UiThreadUtil.runOnUiThread {
       val activity = currentActivity ?: return@runOnUiThread
       if (previousOrientation == null) {
         previousOrientation = activity.requestedOrientation
       }
-      lockedOrientation = when (orientation) {
-        "portrait" -> ActivityInfo.SCREEN_ORIENTATION_PORTRAIT
-        "inverted-portrait" -> ActivityInfo.SCREEN_ORIENTATION_REVERSE_PORTRAIT
-        "landscape" -> ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE
-        "inverted-landscape" -> ActivityInfo.SCREEN_ORIENTATION_REVERSE_LANDSCAPE
-        else -> null // "auto"
-      }
+      lockedOrientation = parseOrientation(orientation)
       applyOrientation(activity)
     }
   }
@@ -170,15 +172,17 @@ class AuVideoModule(reactContext: ReactApplicationContext) :
 
   // ----------------------------------------------------------- fullscreen
 
-  override fun enterFullscreen() {
+  override fun enterFullscreen(orientation: String) {
     UiThreadUtil.runOnUiThread {
       val activity = currentActivity ?: return@runOnUiThread
       if (previousOrientation == null) {
         previousOrientation = activity.requestedOrientation
       }
       // Unlock rotation while fullscreen is visible, even in portrait-locked
-      // apps — unless an explicit orientation lock is active.
+      // apps — unless `orientation` locks it, applied in this same call so
+      // there's no unlocked frame before the lock takes effect.
       fullscreenActive = true
+      lockedOrientation = parseOrientation(orientation)
       applyOrientation(activity)
 
       val window = activity.window
@@ -191,10 +195,11 @@ class AuVideoModule(reactContext: ReactApplicationContext) :
     }
   }
 
-  override fun exitFullscreen() {
+  override fun exitFullscreen(orientation: String) {
     UiThreadUtil.runOnUiThread {
       val activity = currentActivity ?: return@runOnUiThread
       fullscreenActive = false
+      lockedOrientation = parseOrientation(orientation)
       applyOrientation(activity)
 
       val window = activity.window

package/ios/AuVideo.mm

@@ -149,14 +149,14 @@ static AuVideoSourceSpec *AuVideoParseSource(NativeVideoSource &source)
 
 #pragma mark - Fullscreen
 
-- (void)enterFullscreen
+- (void)enterFullscreen:(NSString *)orientation
 {
-  dispatch_async(dispatch_get_main_queue(), ^{ [AuVideoOrientation setFullscreen:YES]; });
+  dispatch_async(dispatch_get_main_queue(), ^{ [AuVideoOrientation enterFullscreen:orientation]; });
 }
 
-- (void)exitFullscreen
+- (void)exitFullscreen:(NSString *)orientation
 {
-  dispatch_async(dispatch_get_main_queue(), ^{ [AuVideoOrientation setFullscreen:NO]; });
+  dispatch_async(dispatch_get_main_queue(), ^{ [AuVideoOrientation exitFullscreen:orientation]; });
 }
 
 - (void)setOrientation:(NSString *)orientation

package/ios/AuVideoOrientation.swift

@@ -22,8 +22,8 @@ public final class AuVideoOrientation: NSObject {
   /// Orientations allowed while fullscreen. Default: everything but upside-down.
   @objc public static var fullscreenMask: UIInterfaceOrientationMask = .allButUpsideDown
 
-  /// Explicit lock from `setOrientation`. Empty = no lock. Wins over both
-  /// the app default and the fullscreen unlock.
+  /// Explicit lock. Empty = no lock. Wins over both the app default and the
+  /// fullscreen unlock.
   @objc public private(set) static var lockMask: UIInterfaceOrientationMask = []
 
   /// Call from AppDelegate's supportedInterfaceOrientationsFor.
@@ -37,33 +37,50 @@ public final class AuVideoOrientation: NSObject {
     return isFullscreenActive ? fullscreenMask : defaultMask
   }
 
-  @objc public static func setFullscreen(_ active: Bool) {
-    guard isFullscreenActive != active else { return }
-    isFullscreenActive = active
+  /// Enter fullscreen and apply `orientation` in the same call — never as a
+  /// separate follow-up — so there is no unlocked frame where the sensor
+  /// could win before the lock takes effect.
+  /// Values: auto | portrait | inverted-portrait | landscape | inverted-landscape
+  @objc(enterFullscreen:)
+  public static func enterFullscreen(_ orientation: String) {
+    isFullscreenActive = true
+    lockMask = maskFor(orientation)
     applyCurrent()
   }
 
-  /// Force a screen orientation until cleared with "auto".
-  /// Values: auto | portrait | inverted-portrait | landscape | inverted-landscape
-  /// (upside-down portrait is ignored on iPhones without a home button).
+  /// Exit fullscreen, restoring `orientation` atomically (same value semantics).
+  @objc(exitFullscreen:)
+  public static func exitFullscreen(_ orientation: String) {
+    isFullscreenActive = false
+    lockMask = maskFor(orientation)
+    applyCurrent()
+  }
+
+  /// Force a screen orientation until cleared with "auto", independent of
+  /// fullscreen. (Upside-down portrait is ignored on iPhones without a home
+  /// button.)
   @objc(setOrientation:)
   public static func setOrientation(_ orientation: String) {
+    lockMask = maskFor(orientation)
+    applyCurrent()
+  }
+
+  private static func maskFor(_ orientation: String) -> UIInterfaceOrientationMask {
     // "landscape" = device top pointing left (interface landscapeRight),
     // matching Android's SCREEN_ORIENTATION_LANDSCAPE; "inverted-" is the
     // 180° rotation of each.
     switch orientation {
     case "portrait":
-      lockMask = .portrait
+      return .portrait
     case "inverted-portrait":
-      lockMask = .portraitUpsideDown
+      return .portraitUpsideDown
     case "landscape":
-      lockMask = .landscapeRight
+      return .landscapeRight
     case "inverted-landscape":
-      lockMask = .landscapeLeft
+      return .landscapeLeft
     default:
-      lockMask = []
+      return []
     }
-    applyCurrent()
   }
 
   /// Re-query supported orientations and rotate to whatever now applies:

package/lib/module/NativeAuVideo.js.map

@@ -1 +1 @@
-{"version":3,"names":["TurboModuleRegistry","getEnforcing"],"sourceRoot":"../../src","sources":["NativeAuVideo.ts"],"mappings":";;AAAA,SAASA,mBAAmB,QAA0B,cAAc;AACpE;AACA;;AAgHA,eAAeA,mBAAmB,CAACC,YAAY,CAAO,SAAS,CAAC","ignoreList":[]}
+{"version":3,"names":["TurboModuleRegistry","getEnforcing"],"sourceRoot":"../../src","sources":["NativeAuVideo.ts"],"mappings":";;AAAA,SAASA,mBAAmB,QAA0B,cAAc;AACpE;AACA;;AAoHA,eAAeA,mBAAmB,CAACC,YAAY,CAAO,SAAS,CAAC","ignoreList":[]}

package/lib/module/components/FloatingPlayer.js

@@ -1,10 +1,11 @@
 "use strict";
 
 import { useRef } from 'react';
-import { Animated, PanResponder, Pressable, StyleSheet, Text, useWindowDimensions } from 'react-native';
+import { Animated, PanResponder, Pressable, StyleSheet, useWindowDimensions } from 'react-native';
 import { FLOATING_SURFACE_ID } from "../core/VideoManager.js";
 import { usePlayback } from "../hooks/usePlayback.js";
 import { useVideoManager } from "../provider/VideoContext.js";
+import { CloseIcon, EnterFullscreenIcon } from "./icons.js";
 import { VideoSurface } from "./VideoSurface.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
@@ -57,9 +58,9 @@ export function FloatingPlayer({
       style: [styles.button, styles.closeButton],
       hitSlop: 8,
       onPress: () => manager.hideFloating(),
-      children: /*#__PURE__*/_jsx(Text, {
-        style: styles.icon,
-        children: "\u2715"
+      children: /*#__PURE__*/_jsx(CloseIcon, {
+        size: 12,
+        color: "#fff"
       })
     }), /*#__PURE__*/_jsx(Pressable, {
       style: [styles.button, styles.expandButton],
@@ -68,9 +69,9 @@ export function FloatingPlayer({
         manager.hideFloating();
         manager.enterFullscreen();
       },
-      children: /*#__PURE__*/_jsx(Text, {
-        style: styles.icon,
-        children: "\u2922"
+      children: /*#__PURE__*/_jsx(EnterFullscreenIcon, {
+        size: 12,
+        color: "#fff"
       })
     })]
   });
@@ -110,10 +111,6 @@ const styles = StyleSheet.create({
   },
   expandButton: {
     left: 4
-  },
-  icon: {
-    color: '#fff',
-    fontSize: 12
   }
 });
 //# sourceMappingURL=FloatingPlayer.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useRef","Animated","PanResponder","Pressable","StyleSheet","Text","useWindowDimensions","FLOATING_SURFACE_ID","usePlayback","useVideoManager","VideoSurface","jsx","_jsx","jsxs","_jsxs","FloatingPlayer","width","manager","floating","s","screen","height","pan","ValueXY","x","y","current","responder","create","onMoveShouldSetPanResponder","_e","g","Math","abs","dx","dy","onPanResponderGrant","extractOffset","onPanResponderMove","event","useNativeDriver","onPanResponderRelease","flattenOffset","View","style","styles","window","transform","getTranslateTransform","panHandlers","children","surfaceId","autoAttach","surface","button","closeButton","hitSlop","onPress","hideFloating","icon","expandButton","enterFullscreen","position","top","left","borderRadius","overflow","backgroundColor","elevation","shadowColor","shadowOpacity","shadowRadius","shadowOffset","flex","alignItems","justifyContent","right","color","fontSize"],"sourceRoot":"../../../src","sources":["components/FloatingPlayer.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useRef","Animated","PanResponder","Pressable","StyleSheet","useWindowDimensions","FLOATING_SURFACE_ID","usePlayback","useVideoManager","CloseIcon","EnterFullscreenIcon","VideoSurface","jsx","_jsx","jsxs","_jsxs","FloatingPlayer","width","manager","floating","s","screen","height","pan","ValueXY","x","y","current","responder","create","onMoveShouldSetPanResponder","_e","g","Math","abs","dx","dy","onPanResponderGrant","extractOffset","onPanResponderMove","event","useNativeDriver","onPanResponderRelease","flattenOffset","View","style","styles","window","transform","getTranslateTransform","panHandlers","children","surfaceId","autoAttach","surface","button","closeButton","hitSlop","onPress","hideFloating","size","color","expandButton","enterFullscreen","position","top","left","borderRadius","overflow","backgroundColor","elevation","shadowColor","shadowOpacity","shadowRadius","shadowOffset","flex","alignItems","justifyContent","right"],"sourceRoot":"../../../src","sources":["components/FloatingPlayer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/MiniPlayer.js

@@ -3,6 +3,7 @@
 import { Pressable, StyleSheet, Text, View } from 'react-native';
 import { usePlayback } from "../hooks/usePlayback.js";
 import { useVideoManager } from "../provider/VideoContext.js";
+import { CloseIcon, PauseIcon, PlayIcon } from "./icons.js";
 import { VideoSurface } from "./VideoSurface.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
@@ -38,17 +39,20 @@ export function MiniPlayer({
       style: styles.button,
       hitSlop: 8,
       onPress: () => manager.toggle(),
-      children: /*#__PURE__*/_jsx(Text, {
-        style: styles.icon,
-        children: playing ? '❙❙' : '▶'
+      children: playing ? /*#__PURE__*/_jsx(PauseIcon, {
+        size: 16,
+        color: "#fff"
+      }) : /*#__PURE__*/_jsx(PlayIcon, {
+        size: 16,
+        color: "#fff"
       })
     }), onClose ? /*#__PURE__*/_jsx(Pressable, {
       style: styles.button,
       hitSlop: 8,
       onPress: onClose,
-      children: /*#__PURE__*/_jsx(Text, {
-        style: styles.icon,
-        children: "\u2715"
+      children: /*#__PURE__*/_jsx(CloseIcon, {
+        size: 16,
+        color: "#fff"
       })
     }) : null]
   });
@@ -80,10 +84,6 @@ const styles = StyleSheet.create({
   button: {
     paddingHorizontal: 10,
     paddingVertical: 8
-  },
-  icon: {
-    color: '#fff',
-    fontSize: 16
   }
 });
 //# sourceMappingURL=MiniPlayer.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Pressable","StyleSheet","Text","View","usePlayback","useVideoManager","VideoSurface","jsx","_jsx","jsxs","_jsxs","MiniPlayer","surfaceId","onPress","onClose","style","rest","manager","playing","s","title","currentVideo","styles","bar","children","body","thumb","numberOfLines","button","hitSlop","toggle","icon","create","flexDirection","alignItems","backgroundColor","height","paddingRight","flex","gap","width","color","fontSize","paddingHorizontal","paddingVertical"],"sourceRoot":"../../../src","sources":["components/MiniPlayer.tsx"],"mappings":";;AAAA,SACEA,SAAS,EACTC,UAAU,EACVC,IAAI,EACJC,IAAI,QAEC,cAAc;AACrB,SAASC,WAAW,QAAQ,yBAAsB;AAClD,SAASC,eAAe,QAAQ,6BAA0B;AAC1D,SAASC,YAAY,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAW9C;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EACzBC,SAAS,GAAG,aAAa;EACzBC,OAAO;EACPC,OAAO;EACPC,KAAK;EACL,GAAGC;AACY,CAAC,EAAE;EAClB,MAAMC,OAAO,GAAGZ,eAAe,CAAC,CAAC;EACjC,MAAMa,OAAO,GAAGd,WAAW,CAAEe,CAAC,IAAKA,CAAC,CAACD,OAAO,CAAC;EAC7C,MAAME,KAAK,GAAGhB,WAAW,CAAEe,CAAC,IAAKA,CAAC,CAACE,YAAY,EAAED,KAAK,IAAI,EAAE,CAAC;EAE7D,oBACEV,KAAA,CAACP,IAAI;IAACY,KAAK,EAAE,CAACO,MAAM,CAACC,GAAG,EAAER,KAAK,CAAE;IAAA,GAAKC,IAAI;IAAAQ,QAAA,gBACxCd,KAAA,CAACV,SAAS;MAACe,KAAK,EAAEO,MAAM,CAACG,IAAK;MAACZ,OAAO,EAAEA,OAAQ;MAAAW,QAAA,gBAC9ChB,IAAA,CAACF,YAAY;QAACM,SAAS,EAAEA,SAAU;QAACG,KAAK,EAAEO,MAAM,CAACI;MAAM,CAAE,CAAC,eAC3DlB,IAAA,CAACN,IAAI;QAACa,KAAK,EAAEO,MAAM,CAACF,KAAM;QAACO,aAAa,EAAE,CAAE;QAAAH,QAAA,EACzCJ;MAAK,CACF,CAAC;IAAA,CACE,CAAC,eACZZ,IAAA,CAACR,SAAS;MACRe,KAAK,EAAEO,MAAM,CAACM,MAAO;MACrBC,OAAO,EAAE,CAAE;MACXhB,OAAO,EAAEA,CAAA,KAAMI,OAAO,CAACa,MAAM,CAAC,CAAE;MAAAN,QAAA,eAEhChB,IAAA,CAACN,IAAI;QAACa,KAAK,EAAEO,MAAM,CAACS,IAAK;QAAAP,QAAA,EAAEN,OAAO,GAAG,IAAI,GAAG;MAAG,CAAO;IAAC,CAC9C,CAAC,EACXJ,OAAO,gBACNN,IAAA,CAACR,SAAS;MAACe,KAAK,EAAEO,MAAM,CAACM,MAAO;MAACC,OAAO,EAAE,CAAE;MAAChB,OAAO,EAAEC,OAAQ;MAAAU,QAAA,eAC5DhB,IAAA,CAACN,IAAI;QAACa,KAAK,EAAEO,MAAM,CAACS,IAAK;QAAAP,QAAA,EAAC;MAAC,CAAM;IAAC,CACzB,CAAC,GACV,IAAI;EAAA,CACJ,CAAC;AAEX;AAEA,MAAMF,MAAM,GAAGrB,UAAU,CAAC+B,MAAM,CAAC;EAC/BT,GAAG,EAAE;IACHU,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE,SAAS;IAC1BC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE;EAChB,CAAC;EACDZ,IAAI,EAAE;IACJa,IAAI,EAAE,CAAC;IACPL,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBK,GAAG,EAAE;EACP,CAAC;EACDb,KAAK,EAAE;IACLc,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;IACpBJ,MAAM,EAAE,EAAE;IACVD,eAAe,EAAE;EACnB,CAAC;EACDf,KAAK,EAAE;IACLkB,IAAI,EAAE,CAAC;IACPG,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE;EACZ,CAAC;EACDd,MAAM,EAAE;IACNe,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE;EACnB,CAAC;EACDb,IAAI,EAAE;IACJU,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["Pressable","StyleSheet","Text","View","usePlayback","useVideoManager","CloseIcon","PauseIcon","PlayIcon","VideoSurface","jsx","_jsx","jsxs","_jsxs","MiniPlayer","surfaceId","onPress","onClose","style","rest","manager","playing","s","title","currentVideo","styles","bar","children","body","thumb","numberOfLines","button","hitSlop","toggle","size","color","create","flexDirection","alignItems","backgroundColor","height","paddingRight","flex","gap","width","fontSize","paddingHorizontal","paddingVertical"],"sourceRoot":"../../../src","sources":["components/MiniPlayer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/SvgIcons.js

@@ -0,0 +1,163 @@
+"use strict";
+
+import Svg, { G, Path } from 'react-native-svg';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SvgIcons = ({
+  icon,
+  type,
+  fill,
+  size = 24
+}) => {
+  switch (icon) {
+    case 'fullScreen':
+      return type === 'full' ? /*#__PURE__*/_jsxs(Svg, {
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        children: [/*#__PURE__*/_jsx(G, {
+          id: "SVGRepo_bgCarrier",
+          strokeWidth: 0
+        }), /*#__PURE__*/_jsx(G, {
+          id: "SVGRepo_tracerCarrier",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }), /*#__PURE__*/_jsxs(G, {
+          id: "SVGRepo_iconCarrier",
+          children: [/*#__PURE__*/_jsx(Path, {
+            d: "M4 1.5C2.61929 1.5 1.5 2.61929 1.5 4V8.5C1.5 9.05228 1.94772 9.5 2.5 9.5H3.5C4.05228 9.5 4.5 9.05228 4.5 8.5V4.5H8.5C9.05228 4.5 9.5 4.05228 9.5 3.5V2.5C9.5 1.94772 9.05228 1.5 8.5 1.5H4Z",
+            fill: fill || '#fff'
+          }), /*#__PURE__*/_jsx(Path, {
+            d: "M20 1.5C21.3807 1.5 22.5 2.61929 22.5 4V8.5C22.5 9.05228 22.0523 9.5 21.5 9.5H20.5C19.9477 9.5 19.5 9.05228 19.5 8.5V4.5H15.5C14.9477 4.5 14.5 4.05228 14.5 3.5V2.5C14.5 1.94772 14.9477 1.5 15.5 1.5H20Z",
+            fill: fill || '#fff'
+          }), /*#__PURE__*/_jsx(Path, {
+            d: "M20 22.5C21.3807 22.5 22.5 21.3807 22.5 20V15.5C22.5 14.9477 22.0523 14.5 21.5 14.5H20.5C19.9477 14.5 19.5 14.9477 19.5 15.5V19.5H15.5C14.9477 19.5 14.5 19.9477 14.5 20.5V21.5C14.5 22.0523 14.9477 22.5 15.5 22.5H20Z",
+            fill: fill || '#fff'
+          }), /*#__PURE__*/_jsx(Path, {
+            d: "M1.5 20C1.5 21.3807 2.61929 22.5 4 22.5H8.5C9.05228 22.5 9.5 22.0523 9.5 21.5V20.5C9.5 19.9477 9.05228 19.5 8.5 19.5H4.5V15.5C4.5 14.9477 4.05228 14.5 3.5 14.5H2.5C1.94772 14.5 1.5 14.9477 1.5 15.5V20Z",
+            fill: fill || '#fff'
+          })]
+        })]
+      }) : /*#__PURE__*/_jsxs(Svg, {
+        width: size,
+        height: size,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        children: [/*#__PURE__*/_jsx(G, {
+          id: "SVGRepo_bgCarrier",
+          strokeWidth: 0
+        }), /*#__PURE__*/_jsx(G, {
+          id: "SVGRepo_tracerCarrier",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }), /*#__PURE__*/_jsxs(G, {
+          id: "SVGRepo_iconCarrier",
+          children: [/*#__PURE__*/_jsx(Path, {
+            d: "M7 9.5C8.38071 9.5 9.5 8.38071 9.5 7V2.5C9.5 1.94772 9.05228 1.5 8.5 1.5H7.5C6.94772 1.5 6.5 1.94772 6.5 2.5V6.5H2.5C1.94772 6.5 1.5 6.94772 1.5 7.5V8.5C1.5 9.05228 1.94772 9.5 2.5 9.5H7Z",
+            fill: fill || '#fff'
+          }), /*#__PURE__*/_jsx(Path, {
+            d: "M17 9.5C15.6193 9.5 14.5 8.38071 14.5 7V2.5C14.5 1.94772 14.9477 1.5 15.5 1.5H16.5C17.0523 1.5 17.5 1.94772 17.5 2.5V6.5H21.5C22.0523 6.5 22.5 6.94772 22.5 7.5V8.5C22.5 9.05228 22.0523 9.5 21.5 9.5H17Z",
+            fill: fill || '#fff'
+          }), /*#__PURE__*/_jsx(Path, {
+            d: "M17 14.5C15.6193 14.5 14.5 15.6193 14.5 17V21.5C14.5 22.0523 14.9477 22.5 15.5 22.5H16.5C17.0523 22.5 17.5 22.0523 17.5 21.5V17.5H21.5C22.0523 17.5 22.5 17.0523 22.5 16.5V15.5C22.5 14.9477 22.0523 14.5 21.5 14.5H17Z",
+            fill: fill || '#fff'
+          }), /*#__PURE__*/_jsx(Path, {
+            d: "M9.5 17C9.5 15.6193 8.38071 14.5 7 14.5H2.5C1.94772 14.5 1.5 14.9477 1.5 15.5V16.5C1.5 17.0523 1.94772 17.5 2.5 17.5H6.5V21.5C6.5 22.0523 6.94772 22.5 7.5 22.5H8.5C9.05228 22.5 9.5 22.0523 9.5 21.5V17Z",
+            fill: fill || '#fff'
+          })]
+        })]
+      });
+    case 'muteUnmute':
+      return type === 'mute' ? /*#__PURE__*/_jsxs(Svg, {
+        fill: fill || '#000000',
+        viewBox: "0 0 24 24",
+        width: size || 24,
+        height: size || 24,
+        children: [/*#__PURE__*/_jsx(G, {
+          id: "SVGRepo_bgCarrier",
+          strokeWidth: 0
+        }), /*#__PURE__*/_jsx(G, {
+          id: "SVGRepo_tracerCarrier",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }), /*#__PURE__*/_jsxs(G, {
+          id: "SVGRepo_iconCarrier",
+          children: [/*#__PURE__*/_jsx(Path, {
+            fillRule: "evenodd",
+            d: "M11.553 3.064A.75.75 0 0112 3.75v16.5a.75.75 0 01-1.255.555L5.46 16H2.75A1.75 1.75 0 011 14.25v-4.5C1 8.784 1.784 8 2.75 8h2.71l5.285-4.805a.75.75 0 01.808-.13zM10.5 5.445l-4.245 3.86a.75.75 0 01-.505.195h-3a.25.25 0 00-.25.25v4.5c0 .138.112.25.25.25h3a.75.75 0 01.505.195l4.245 3.86V5.445z"
+          }), /*#__PURE__*/_jsx(Path, {
+            d: "M18.718 4.222a.75.75 0 011.06 0c4.296 4.296 4.296 11.26 0 15.556a.75.75 0 01-1.06-1.06 9.5 9.5 0 000-13.436.75.75 0 010-1.06z"
+          }), /*#__PURE__*/_jsx(Path, {
+            d: "M16.243 7.757a.75.75 0 10-1.061 1.061 4.5 4.5 0 010 6.364.75.75 0 001.06 1.06 6 6 0 000-8.485z"
+          })]
+        })]
+      }) : /*#__PURE__*/_jsxs(Svg, {
+        fill: fill || '#000000',
+        viewBox: "0 0 16 16",
+        width: size || 16,
+        height: size || 16,
+        children: [/*#__PURE__*/_jsx(G, {
+          id: "SVGRepo_bgCarrier",
+          strokeWidth: 0
+        }), /*#__PURE__*/_jsx(G, {
+          id: "SVGRepo_tracerCarrier",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }), /*#__PURE__*/_jsx(G, {
+          id: "SVGRepo_iconCarrier",
+          children: /*#__PURE__*/_jsx(Path, {
+            d: "M14.266 1.264l-13 13 .47.472 3.239-3.238L8 14.666V8.473l2.312-2.313c.467.542.737 1.227.737 1.947 0 .796-.316 1.559-.88 2.122l-.353.353.707.707.354-.353a4 4 0 0 0 1.172-2.829c0-.985-.377-1.923-1.03-2.654l1.422-1.422a5.994 5.994 0 0 1 1.608 4.076 5.999 5.999 0 0 1-1.758 4.243l-.354.353.707.707.354-.353a7 7 0 0 0 2.05-4.95 6.994 6.994 0 0 0-1.9-4.783l1.588-1.588zM8 1.334L4.5 5H1.871S1 5.894 1 8.002C1 10.11 1.871 11 1.871 11h1.422L8 6.293z",
+            opacity: 1,
+            fill: fill || 'white'
+          })
+        })]
+      });
+    case 'playPause':
+      return type === 'play' ? /*#__PURE__*/_jsxs(Svg, {
+        viewBox: "0 0 24 24",
+        fill: "none",
+        width: size || 24,
+        height: size || 24,
+        children: [/*#__PURE__*/_jsx(G, {
+          id: "SVGRepo_bgCarrier",
+          strokeWidth: 0
+        }), /*#__PURE__*/_jsx(G, {
+          id: "SVGRepo_tracerCarrier",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }), /*#__PURE__*/_jsx(G, {
+          id: "SVGRepo_iconCarrier",
+          children: /*#__PURE__*/_jsx(Path, {
+            d: "M21.4086 9.35258C23.5305 10.5065 23.5305 13.4935 21.4086 14.6474L8.59662 21.6145C6.53435 22.736 4 21.2763 4 18.9671L4 5.0329C4 2.72368 6.53435 1.26402 8.59661 2.38548L21.4086 9.35258Z",
+            fill: fill || '#1C274C'
+          })
+        })]
+      }) : /*#__PURE__*/_jsxs(Svg, {
+        viewBox: "0 0 24 24",
+        fill: "none",
+        width: size || 24,
+        height: size || 24,
+        children: [/*#__PURE__*/_jsx(G, {
+          id: "SVGRepo_bgCarrier",
+          strokeWidth: 0
+        }), /*#__PURE__*/_jsx(G, {
+          id: "SVGRepo_tracerCarrier",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }), /*#__PURE__*/_jsxs(G, {
+          id: "SVGRepo_iconCarrier",
+          children: [/*#__PURE__*/_jsx(Path, {
+            d: "M2 6C2 4.11438 2 3.17157 2.58579 2.58579C3.17157 2 4.11438 2 6 2C7.88562 2 8.82843 2 9.41421 2.58579C10 3.17157 10 4.11438 10 6V18C10 19.8856 10 20.8284 9.41421 21.4142C8.82843 22 7.88562 22 6 22C4.11438 22 3.17157 22 2.58579 21.4142C2 20.8284 2 19.8856 2 18V6Z",
+            fill: fill || '#1C274C'
+          }), /*#__PURE__*/_jsx(Path, {
+            d: "M14 6C14 4.11438 14 3.17157 14.5858 2.58579C15.1716 2 16.1144 2 18 2C19.8856 2 20.8284 2 21.4142 2.58579C22 3.17157 22 4.11438 22 6V18C22 19.8856 22 20.8284 21.4142 21.4142C20.8284 22 19.8856 22 18 22C16.1144 22 15.1716 22 14.5858 21.4142C14 20.8284 14 19.8856 14 18V6Z",
+            fill: fill || '#1C274C'
+          })]
+        })]
+      });
+    default:
+      return null;
+  }
+};
+export default SvgIcons;
+//# sourceMappingURL=SvgIcons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Svg","G","Path","jsx","_jsx","jsxs","_jsxs","SvgIcons","icon","type","fill","size","width","height","viewBox","children","id","strokeWidth","strokeLinecap","strokeLinejoin","d","fillRule","opacity"],"sourceRoot":"../../../src","sources":["components/SvgIcons.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/VideoControls.js

@@ -6,6 +6,8 @@ import { useVideoManager } from "../provider/VideoContext.js";
 import { usePlayback } from "../hooks/usePlayback.js";
 import { formatTime } from "../utils/formatTime.js";
 import { GestureOverlay } from "./GestureOverlay.js";
+import { CloseIcon } from "./icons.js";
+import SvgIcons from "./SvgIcons.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Minimal built-in chrome: play/pause, seek bar, time, mute and fullscreen
@@ -72,17 +74,24 @@ export function VideoControls({
           style: styles.button,
           onPress: onClose,
           hitSlop: 8,
-          children: /*#__PURE__*/_jsx(Text, {
-            style: styles.icon,
-            children: "\u2715"
+          children: /*#__PURE__*/_jsx(CloseIcon, {
+            size: 18,
+            color: "#fff"
           })
         }) : /*#__PURE__*/_jsx(View, {}), /*#__PURE__*/_jsx(Pressable, {
           style: styles.button,
           onPress: () => muted ? manager.unmute() : manager.mute(),
           hitSlop: 8,
-          children: /*#__PURE__*/_jsx(Text, {
-            style: styles.icon,
-            children: muted ? '🔇' : '🔊'
+          children: muted ? /*#__PURE__*/_jsx(SvgIcons, {
+            icon: "muteUnmute",
+            type: "mute",
+            size: 18,
+            fill: "#fff"
+          }) : /*#__PURE__*/_jsx(SvgIcons, {
+            icon: "muteUnmute",
+            type: "unmute",
+            size: 18,
+            fill: "#fff"
           })
         })]
       }), /*#__PURE__*/_jsx(Pressable, {
@@ -92,9 +101,19 @@ export function VideoControls({
           scheduleHide();
         },
         hitSlop: 16,
-        children: /*#__PURE__*/_jsx(Text, {
+        children: buffering ? /*#__PURE__*/_jsx(Text, {
           style: styles.playIcon,
-          children: buffering ? '…' : playing ? '❙❙' : '▶'
+          children: "\u2026"
+        }) : playing ? /*#__PURE__*/_jsx(SvgIcons, {
+          icon: "playPause",
+          type: "pause",
+          size: 34,
+          fill: "#fff"
+        }) : /*#__PURE__*/_jsx(SvgIcons, {
+          icon: "playPause",
+          type: "play",
+          size: 34,
+          fill: "#fff"
         })
       }), /*#__PURE__*/_jsxs(View, {
         style: styles.bottomRow,
@@ -119,9 +138,15 @@ export function VideoControls({
           style: styles.button,
           onPress: () => manager.toggleFullscreen(),
           hitSlop: 8,
-          children: /*#__PURE__*/_jsx(Text, {
-            style: styles.icon,
-            children: fullscreen ? '⤡' : '⤢'
+          children: fullscreen ? /*#__PURE__*/_jsx(SvgIcons, {
+            icon: "fullScreen",
+            size: 18,
+            fill: "#fff"
+          }) : /*#__PURE__*/_jsx(SvgIcons, {
+            icon: "fullScreen",
+            type: "full",
+            size: 18,
+            fill: "#fff"
           })
         }) : null]
       })]
@@ -182,10 +207,6 @@ const styles = StyleSheet.create({
   },
   button: {
     padding: 4
-  },
-  icon: {
-    color: '#fff',
-    fontSize: 18
   }
 });
 //# sourceMappingURL=VideoControls.js.map