mega-stream-proxy 0.1.9 → 0.2.0

package/dist/Player/playerAndroid/PlayerControlsAndroid.js

@@ -1,370 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
-import { ActivityIndicator, PanResponder, Pressable, StyleSheet, Text, TouchableOpacity, View, } from "react-native";
-import { Ionicons } from "@expo/vector-icons";
-const fmt = (s) => {
-    if (!Number.isFinite(s) || s < 0)
-        s = 0;
-    const h = Math.floor(s / 3600);
-    const m = Math.floor((s % 3600) / 60);
-    const sec = Math.floor(s % 60);
-    return `${h.toString().padStart(2, "0")}:${m
-        .toString()
-        .padStart(2, "0")}:${sec.toString().padStart(2, "0")}`;
-};
-const clamp01 = (v) => Math.min(1, Math.max(0, v));
-const SIZE_MIN = 10;
-const SIZE_MAX = 34;
-export function PlayerControlsAndroid(props) {
-    const { playing, buffering, currentTime, duration, muted, title, visible, subtitlesOn, volume, subtitleTracks, subtitleTrack, onSelectSubtitleTrack, subtitleFontSize, onChangeSubtitleFontSize, loadProgress, resolutions, resolution, onSelectResolution, introRegion, outroRegion, onSkipIntro, onSkipOutro, onToggleVisible, onPlayPause, onSkip, onSeek, onToggleMute, onToggleSubtitles, onVolume, onFullscreen, fullscreen = false, onInteract, width, height, } = props;
-    const hasSubs = (subtitleTracks?.length ?? 0) > 0;
-    const showSubsSection = hasSubs || !!onChangeSubtitleFontSize;
-    // empty resolution = the implicit default (first row, usually "HD: <url>")
-    const activeRes = (resolution && resolution.trim()) || resolutions?.[0] || "";
-    const [trackW, setTrackW] = useState(0);
-    const [scrubPct, setScrubPct] = useState(null);
-    const [volW, setVolW] = useState(0);
-    const [sizeW, setSizeW] = useState(0);
-    const [settingsOpen, setSettingsOpen] = useState(false);
-    const pct = duration > 0 ? clamp01(currentTime / duration) : 0;
-    const volPct = clamp01(volume);
-    const inIntro = !!introRegion &&
-        introRegion[1] > introRegion[0] &&
-        currentTime >= introRegion[0] &&
-        currentTime <= introRegion[1] &&
-        !!onSkipIntro;
-    const inOutro = !!outroRegion &&
-        outroRegion[1] > outroRegion[0] &&
-        currentTime >= outroRegion[0] &&
-        currentTime <= outroRegion[1] &&
-        !!onSkipOutro;
-    const currentSize = subtitleFontSize ?? 14;
-    const sizePct = clamp01((currentSize - SIZE_MIN) / (SIZE_MAX - SIZE_MIN));
-    const shownPct = scrubPct ?? pct;
-    const volIcon = (muted || volume === 0
-        ? "volume-mute"
-        : volume < 0.5
-            ? "volume-low"
-            : "volume-high");
-    const pan = useMemo(() => PanResponder.create({
-        onStartShouldSetPanResponder: () => true,
-        onMoveShouldSetPanResponder: () => true,
-        onPanResponderGrant: (e) => {
-            onInteract?.();
-            setScrubPct(trackW > 0 ? clamp01(e.nativeEvent.locationX / trackW) : 0);
-        },
-        onPanResponderMove: (e) => setScrubPct(trackW > 0 ? clamp01(e.nativeEvent.locationX / trackW) : 0),
-        onPanResponderRelease: (e) => {
-            const p = trackW > 0 ? clamp01(e.nativeEvent.locationX / trackW) : 0;
-            setScrubPct(null);
-            onInteract?.();
-            onSeek(p * duration);
-        },
-    }), [trackW, duration, onSeek, onInteract]);
-    const volPan = useMemo(() => PanResponder.create({
-        onStartShouldSetPanResponder: () => true,
-        onMoveShouldSetPanResponder: () => true,
-        onPanResponderGrant: (e) => {
-            onInteract?.();
-            onVolume(volW > 0 ? clamp01(e.nativeEvent.locationX / volW) : 1);
-        },
-        onPanResponderMove: (e) => onVolume(volW > 0 ? clamp01(e.nativeEvent.locationX / volW) : 1),
-    }), [volW, onVolume, onInteract]);
-    const sizePan = useMemo(() => PanResponder.create({
-        onStartShouldSetPanResponder: () => true,
-        onMoveShouldSetPanResponder: () => true,
-        onPanResponderGrant: (e) => {
-            if (!onChangeSubtitleFontSize)
-                return;
-            const p = sizeW > 0 ? clamp01(e.nativeEvent.locationX / sizeW) : 0;
-            onChangeSubtitleFontSize(Math.round(SIZE_MIN + p * (SIZE_MAX - SIZE_MIN)));
-        },
-        onPanResponderMove: (e) => {
-            if (!onChangeSubtitleFontSize)
-                return;
-            const p = sizeW > 0 ? clamp01(e.nativeEvent.locationX / sizeW) : 0;
-            onChangeSubtitleFontSize(Math.round(SIZE_MIN + p * (SIZE_MAX - SIZE_MIN)));
-        },
-    }), [sizeW, onChangeSubtitleFontSize]);
-    const interact = () => onInteract?.();
-    return (_jsxs(View, { style: [
-            styles.root,
-            StyleSheet.absoluteFill,
-            { width: width ? width : "100%", height: height ? height : "100%" },
-        ], children: [_jsx(TouchableOpacity, { style: StyleSheet.absoluteFill, activeOpacity: 1, onPress: onToggleVisible }), buffering && (_jsx(View, { style: styles.centerBadge, pointerEvents: "none", children: _jsx(ActivityIndicator, { color: "#e50914", size: "large" }) })), settingsOpen && (_jsx(Pressable, { style: StyleSheet.absoluteFill, onPress: () => setSettingsOpen(false) })), visible && (_jsxs(_Fragment, { children: [_jsx(View, { style: [styles.bar, styles.top], pointerEvents: "box-none", children: !!title && (_jsx(Text, { numberOfLines: 1, style: styles.title, children: title })) }), _jsxs(View, { style: [
-                            styles.centerRow,
-                            StyleSheet.absoluteFill,
-                            { width: width },
-                        ], pointerEvents: "box-none", children: [_jsx(TouchableOpacity, { style: styles.skipBtn, onPress: () => onSkip(-10), children: _jsx(Ionicons, { name: "play-back", size: 30, color: "#fff" }) }), _jsx(TouchableOpacity, { style: styles.ppBtn, onPress: onPlayPause, children: _jsx(Ionicons, { name: buffering ? "ellipsis-horizontal" : playing ? "pause" : "play", size: 38, color: "#fff" }) }), _jsx(TouchableOpacity, { style: styles.skipBtn, onPress: () => onSkip(10), children: _jsx(Ionicons, { name: "play-forward", size: 30, color: "#fff" }) })] }), _jsxs(View, { style: [styles.bar, styles.bottom], pointerEvents: "box-none", children: [_jsx(Text, { style: styles.time, children: fmt(scrubPct !== null ? scrubPct * duration : currentTime) }), _jsxs(View, { style: styles.trackWrap, onLayout: (e) => setTrackW(e.nativeEvent.layout.width), ...pan.panHandlers, children: [_jsxs(View, { style: styles.track, children: [loadProgress != null && loadProgress > 0 && (_jsx(View, { style: [
-                                                    styles.loadLine,
-                                                    { width: `${clamp01(loadProgress) * 100}%` },
-                                                ] })), introRegion &&
-                                                duration > 0 &&
-                                                introRegion[1] > introRegion[0] && (_jsx(View, { style: [
-                                                    styles.introHighlight,
-                                                    {
-                                                        left: `${clamp01(introRegion[0] / duration) * 100}%`,
-                                                        width: `${clamp01((introRegion[1] - introRegion[0]) / duration) * 100}%`,
-                                                    },
-                                                ] })), outroRegion &&
-                                                duration > 0 &&
-                                                outroRegion[1] > outroRegion[0] && (_jsx(View, { style: [
-                                                    styles.outroHighlight,
-                                                    {
-                                                        left: `${clamp01(outroRegion[0] / duration) * 100}%`,
-                                                        width: `${clamp01((outroRegion[1] - outroRegion[0]) / duration) * 100}%`,
-                                                    },
-                                                ] })), _jsx(View, { style: [styles.fill, { width: `${shownPct * 100}%` }] })] }), _jsx(View, { style: [
-                                            styles.thumb,
-                                            { left: `${shownPct * 100}%` },
-                                            scrubPct === null && styles.thumbIdle,
-                                        ] })] }), _jsx(Text, { style: styles.time, children: fmt(duration) }), _jsxs(View, { style: styles.settingsWrap, children: [_jsx(TouchableOpacity, { style: [styles.iconBtn, settingsOpen && styles.iconBtnOn], onPress: () => {
-                                            setSettingsOpen((v) => !v);
-                                            interact();
-                                        }, hitSlop: 6, children: _jsx(Ionicons, { name: "settings-outline", size: 17, color: settingsOpen ? "#7dd3fc" : "#fff" }) }), settingsOpen && (_jsxs(View, { style: styles.settingsMenu, children: [_jsx(Text, { style: styles.settingsTitle, children: "Settings" }), showSubsSection && (_jsxs(View, { style: styles.section, children: [_jsxs(View, { style: styles.sectionHead, children: [_jsx(Ionicons, { name: "chatbox-ellipses-outline", size: 15, color: "#9aa0aa" }), _jsx(Text, { style: styles.sectionLabel, children: "Subtitles" }), _jsx(TouchableOpacity, { onPress: () => {
-                                                                    onToggleSubtitles();
-                                                                    interact();
-                                                                }, hitSlop: 6, style: { marginLeft: "auto" }, children: _jsx(View, { style: [
-                                                                        styles.switchTrack,
-                                                                        subtitlesOn && styles.switchTrackOn,
-                                                                    ], children: _jsx(View, { style: [
-                                                                            styles.switchThumb,
-                                                                            subtitlesOn && styles.switchThumbOn,
-                                                                        ] }) }) })] }), hasSubs && (_jsx(View, { style: styles.menuList, children: subtitleTracks?.map((lang) => {
-                                                            const active = lang === subtitleTrack;
-                                                            return (_jsxs(TouchableOpacity, { style: [
-                                                                    styles.menuItem,
-                                                                    active && styles.menuItemOn,
-                                                                ], onPress: () => {
-                                                                    setSettingsOpen(false);
-                                                                    interact();
-                                                                    onSelectSubtitleTrack?.(lang);
-                                                                }, children: [_jsx(Text, { numberOfLines: 1, style: [
-                                                                            styles.menuItemText,
-                                                                            active && styles.menuItemTextOn,
-                                                                        ], children: lang }), active ? (_jsx(Ionicons, { name: "checkmark", size: 14, color: "#fff" })) : null] }, lang));
-                                                        }) })), !!onChangeSubtitleFontSize && (_jsxs(View, { style: styles.sliderRow, children: [_jsx(TouchableOpacity, { style: styles.minusBtn, onPress: () => onChangeSubtitleFontSize(Math.max(SIZE_MIN, Math.round(currentSize - 2))), children: _jsx(Ionicons, { name: "remove", size: 16, color: "#fff" }) }), _jsx(View, { style: styles.sliderTrack, onLayout: (e) => setSizeW(e.nativeEvent.layout.width), ...sizePan.panHandlers, children: _jsx(View, { style: [
-                                                                        styles.sliderFill,
-                                                                        { width: `${sizePct * 100}%` },
-                                                                    ] }) }), _jsx(TouchableOpacity, { style: styles.minusBtn, onPress: () => onChangeSubtitleFontSize(Math.min(SIZE_MAX, Math.round(currentSize + 2))), children: _jsx(Ionicons, { name: "add", size: 16, color: "#fff" }) }), _jsxs(Text, { style: styles.sliderValue, children: [currentSize, "px"] })] }))] })), _jsxs(View, { style: styles.section, children: [_jsxs(View, { style: styles.sectionHead, children: [_jsx(Ionicons, { name: "volume-medium-outline", size: 15, color: "#9aa0aa" }), _jsx(Text, { style: styles.sectionLabel, children: "Volume" }), _jsx(TouchableOpacity, { onPress: () => {
-                                                                    onToggleMute();
-                                                                    interact();
-                                                                }, hitSlop: 6, style: { marginLeft: "auto" }, children: _jsx(Ionicons, { name: volIcon, size: 17, color: muted ? "#e50914" : "#fff" }) }), _jsx(Text, { style: styles.sliderValue, children: Math.round(volPct * 100) })] }), _jsx(View, { style: styles.sliderRow, children: _jsx(View, { style: styles.sliderTrack, onLayout: (e) => setVolW(e.nativeEvent.layout.width), ...volPan.panHandlers, children: _jsx(View, { style: [
-                                                                    styles.sliderFill,
-                                                                    { width: `${volPct * 100}%` },
-                                                                ] }) }) })] }), (resolutions?.length ?? 0) > 0 && (_jsxs(View, { style: styles.section, children: [_jsxs(View, { style: styles.sectionHead, children: [_jsx(Ionicons, { name: "resize-outline", size: 15, color: "#9aa0aa" }), _jsx(Text, { style: styles.sectionLabel, children: "Resolution" })] }), _jsx(View, { style: styles.menuList, children: resolutions?.map((label) => {
-                                                            const active = label === activeRes;
-                                                            return (_jsxs(TouchableOpacity, { style: [
-                                                                    styles.menuItem,
-                                                                    active && styles.menuItemOn,
-                                                                ], onPress: () => {
-                                                                    setSettingsOpen(false);
-                                                                    interact();
-                                                                    onSelectResolution?.(label);
-                                                                }, children: [_jsx(Text, { numberOfLines: 1, style: [
-                                                                            styles.menuItemText,
-                                                                            active && styles.menuItemTextOn,
-                                                                        ], children: label }), active ? (_jsx(Ionicons, { name: "checkmark", size: 14, color: "#fff" })) : null] }, label));
-                                                        }) })] }))] }))] }), _jsx(TouchableOpacity, { onPress: () => {
-                                    onFullscreen();
-                                    interact();
-                                }, hitSlop: 8, children: _jsx(Ionicons, { name: fullscreen ? "contract" : "expand", size: 18, color: "#fff" }) })] })] })), visible && inIntro && (_jsx(TouchableOpacity, { style: styles.skipRegionBtn, onPress: onSkipIntro, children: _jsx(Text, { style: styles.skipRegionText, children: "Skip Intro \u203A" }) })), visible && inOutro && (_jsx(TouchableOpacity, { style: styles.skipRegionBtn, onPress: onSkipOutro, children: _jsx(Text, { style: styles.skipRegionText, children: "Skip Outro \u203A" }) }))] }));
-}
-const styles = StyleSheet.create({
-    root: { zIndex: 2 },
-    centerBadge: {
-        justifyContent: "center",
-        alignItems: "center",
-        width: "100%",
-        height: "100%",
-    },
-    bar: {
-        position: "absolute",
-        left: 0,
-        right: 0,
-        flexDirection: "row",
-        alignItems: "center",
-        paddingHorizontal: 12,
-        backgroundColor: "rgba(0,0,0,0.45)",
-        gap: 8,
-        zIndex: 5,
-    },
-    top: { top: 0, height: 42 },
-    bottom: { bottom: 0, height: 44 },
-    title: { color: "#fff", fontWeight: "700", fontSize: 13, flex: 1 },
-    centerRow: {
-        justifyContent: "center",
-        alignItems: "center",
-        flexDirection: "row",
-        gap: 34,
-    },
-    ppBtn: {
-        width: 64,
-        height: 64,
-        borderRadius: 32,
-        backgroundColor: "rgba(229,9,20,0.92)",
-        justifyContent: "center",
-        alignItems: "center",
-    },
-    skipBtn: { opacity: 0.9 },
-    time: {
-        color: "#ddd",
-        fontSize: 11,
-        fontVariant: ["tabular-nums"],
-        minWidth: 58,
-    },
-    trackWrap: { flex: 1, paddingVertical: 12, justifyContent: "center" },
-    track: {
-        height: 4,
-        borderRadius: 2,
-        backgroundColor: "#3a3f47",
-        overflow: "hidden",
-    },
-    fill: { height: 4, borderRadius: 2, backgroundColor: "#e50914" },
-    loadLine: {
-        position: "absolute",
-        left: 0,
-        top: 0,
-        height: 4,
-        borderRadius: 2,
-        backgroundColor: "rgba(255,255,255,0.35)",
-    },
-    introHighlight: {
-        position: "absolute",
-        top: 0,
-        height: 4,
-        backgroundColor: "rgba(0,229,255,0.55)",
-    },
-    outroHighlight: {
-        position: "absolute",
-        top: 0,
-        height: 4,
-        backgroundColor: "rgba(255,0,200,0.55)",
-    },
-    skipRegionBtn: {
-        position: "absolute",
-        right: 16,
-        bottom: 60,
-        flexDirection: "row",
-        alignItems: "center",
-        backgroundColor: "rgba(0,0,0,0.6)",
-        borderWidth: 1,
-        borderColor: "rgba(255,255,255,0.25)",
-        borderRadius: 20,
-        paddingHorizontal: 14,
-        paddingVertical: 8,
-    },
-    skipRegionText: { color: "#fff", fontWeight: "700", fontSize: 13 },
-    thumb: {
-        position: "absolute",
-        top: 12 - 7 + 2,
-        marginLeft: -6,
-        width: 12,
-        height: 12,
-        borderRadius: 6,
-        backgroundColor: "#e50914",
-    },
-    thumbIdle: { opacity: 0.85 },
-    iconBtn: {
-        width: 26,
-        height: 26,
-        borderRadius: 4,
-        alignItems: "center",
-        justifyContent: "center",
-    },
-    iconBtnOn: { backgroundColor: "rgba(125,211,252,0.18)" },
-    settingsWrap: { position: "relative", zIndex: 20 },
-    settingsMenu: {
-        position: "absolute",
-        bottom: 30,
-        right: 0,
-        zIndex: 30,
-        width: 250,
-        maxHeight: 420,
-        backgroundColor: "#14161c",
-        borderWidth: 1,
-        borderColor: "#2a2f3a",
-        borderRadius: 8,
-        overflow: "hidden",
-        paddingBottom: 6,
-        elevation: 12,
-        shadowColor: "#000",
-        shadowOpacity: 0.5,
-        shadowRadius: 10,
-        shadowOffset: { width: 0, height: 3 },
-    },
-    settingsTitle: {
-        color: "#9aa0aa",
-        fontSize: 11,
-        fontWeight: "800",
-        textTransform: "uppercase",
-        letterSpacing: 1,
-        paddingHorizontal: 12,
-        paddingTop: 10,
-        paddingBottom: 6,
-        borderBottomWidth: 1,
-        borderBottomColor: "#262a34",
-    },
-    section: { paddingHorizontal: 6, paddingTop: 8 },
-    sectionHead: {
-        flexDirection: "row",
-        alignItems: "center",
-        gap: 6,
-        paddingHorizontal: 6,
-        paddingBottom: 2,
-    },
-    sectionLabel: { color: "#cbd5e1", fontSize: 12, fontWeight: "700" },
-    menuList: { paddingVertical: 4 },
-    menuItem: {
-        flexDirection: "row",
-        alignItems: "center",
-        justifyContent: "space-between",
-        gap: 10,
-        paddingHorizontal: 14,
-        paddingVertical: 6,
-        borderRadius: 6,
-    },
-    menuItemOn: { backgroundColor: "rgba(125,211,252,0.15)" },
-    menuItemText: { color: "#cbd5e1", fontSize: 13, fontWeight: "600" },
-    menuItemTextOn: { color: "#7dd3fc", fontWeight: "800" },
-    sliderRow: {
-        flexDirection: "row",
-        alignItems: "center",
-        gap: 10,
-        paddingHorizontal: 10,
-        paddingVertical: 8,
-    },
-    minusBtn: {
-        width: 24,
-        height: 24,
-        borderRadius: 4,
-        alignItems: "center",
-        justifyContent: "center",
-        backgroundColor: "#2a2f3a",
-    },
-    sliderTrack: { flex: 1, height: 22, justifyContent: "center" },
-    sliderFill: { height: 4, borderRadius: 2, backgroundColor: "#7dd3fc" },
-    sliderValue: {
-        color: "#9aa0aa",
-        fontSize: 11,
-        fontWeight: "700",
-        minWidth: 32,
-        textAlign: "right",
-    },
-    switchTrack: {
-        width: 34,
-        height: 20,
-        borderRadius: 10,
-        backgroundColor: "#3a3f47",
-        justifyContent: "center",
-        paddingHorizontal: 2,
-    },
-    switchTrackOn: { backgroundColor: "rgba(229,9,20,0.85)" },
-    switchThumb: {
-        width: 16,
-        height: 16,
-        borderRadius: 8,
-        backgroundColor: "#fff",
-    },
-    switchThumbOn: { alignSelf: "flex-end" },
-});

package/dist/Player/playerAndroid/SubtitleDisplayAndroid.d.ts

@@ -1,21 +0,0 @@
-export type SubCueShapeAndroid = {
-    start: number;
-    end: number;
-    text: string;
-};
-/**
- * Renders the active subtitle cue over the video surface. Positioned
- * absolutely with zIndex 1 (below the controls at zIndex 2, above the
- * video background at zIndex 0).
- *
- * When `width`/`height` are supplied they are used to size the overlay to the
- * exact area the video occupies, so cues stay aligned with the picture (e.g.
- * when the player is letterboxed inside a wider container).
- */
-export declare function SubtitleDisplayAndroid({ cue, enabled, fontSize, width, height, }: {
-    cue: SubCueShapeAndroid | null;
-    enabled: boolean;
-    fontSize: number;
-    width?: number;
-    height?: number;
-}): import("react").JSX.Element | null;

package/dist/Player/playerAndroid/SubtitleDisplayAndroid.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { StyleSheet, Text, View } from "react-native";
-/**
- * Renders the active subtitle cue over the video surface. Positioned
- * absolutely with zIndex 1 (below the controls at zIndex 2, above the
- * video background at zIndex 0).
- *
- * When `width`/`height` are supplied they are used to size the overlay to the
- * exact area the video occupies, so cues stay aligned with the picture (e.g.
- * when the player is letterboxed inside a wider container).
- */
-export function SubtitleDisplayAndroid({ cue, enabled, fontSize, width, height, }) {
-    if (!enabled || !cue?.text)
-        return null;
-    const sized = width != null || height != null;
-    return (_jsx(View, { pointerEvents: "none", style: sized
-            ? [
-                styles.videoArea,
-                {
-                    width: width ?? "100%",
-                    height: height ?? "100%",
-                },
-            ]
-            : styles.wrap, children: _jsx(Text, { style: [styles.text, { fontSize, lineHeight: fontSize * 1.35 }], children: cue.text }) }));
-}
-const styles = StyleSheet.create({
-    wrap: {
-        position: "absolute",
-        left: 0,
-        right: 0,
-        bottom: 56,
-        alignItems: "center",
-        paddingHorizontal: 24,
-        zIndex: 1,
-    },
-    videoArea: {
-        position: "absolute",
-        left: 0,
-        top: 0,
-        justifyContent: "flex-end",
-        alignItems: "center",
-        paddingHorizontal: 24,
-        paddingBottom: 56,
-        zIndex: 1,
-    },
-    text: {
-        backgroundColor: "rgba(0,0,0,0.65)",
-        color: "#fff",
-        textAlign: "center",
-        paddingHorizontal: 8,
-        paddingVertical: 3,
-        borderRadius: 4,
-        overflow: "hidden",
-    },
-});

package/dist/Player/playerAndroid/index.d.ts

@@ -1,3 +0,0 @@
-export { MegaVideoPlayerAndroid, type MegaVideoPlayerAndroidProps, type MegaVideoPlayerAndroidHandle, } from "./MegaVideoPlayerAndroid.js";
-export { PlayerControlsAndroid, type PlayerControlsAndroidProps } from "./PlayerControlsAndroid.js";
-export { SubtitleDisplayAndroid, type SubCueShapeAndroid } from "./SubtitleDisplayAndroid.js";

package/dist/Player/playerAndroid/index.js

@@ -1,3 +0,0 @@
-export { MegaVideoPlayerAndroid, } from "./MegaVideoPlayerAndroid.js";
-export { PlayerControlsAndroid } from "./PlayerControlsAndroid.js";
-export { SubtitleDisplayAndroid } from "./SubtitleDisplayAndroid.js";