mega-stream-proxy 0.1.9

package/dist/Player/playerweb/PlayerControls.js

@@ -0,0 +1,346 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { ActivityIndicator, PanResponder, StyleSheet, Text, TouchableOpacity, View, } from "react-native";
+import { Ionicons } from "@expo/vector-icons";
+import { SubtitleDisplayWeb } from "./SubtitleDisplay.js";
+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));
+export function PlayerControlsWeb(props) {
+    const { playing, buffering, currentTime, duration, muted, title, visible, subtitlesOn, volume, subtitleTracks, subtitleTrack, onSelectSubtitleTrack, subtitleFontSize, onChangeSubtitleFontSize, loadProgress, introRegion, outroRegion, onSkipIntro, onSkipOutro, resolutions, resolution, onSelectResolution, onToggleVisible, onPlayPause, onSkip, onSeek, onToggleMute, onToggleSubtitles, onVolume, onFullscreen, width, height, cue, enabled, fontSize, } = props;
+    const hasSubs = (subtitleTracks?.length ?? 0) > 0;
+    const activeRes = resolution ?? 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 pan = useMemo(() => PanResponder.create({
+        onStartShouldSetPanResponder: () => true,
+        onMoveShouldSetPanResponder: () => true,
+        onPanResponderGrant: (e) => 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);
+            onSeek(p * duration);
+        },
+    }), [trackW, duration, onSeek]);
+    const volPan = useMemo(() => PanResponder.create({
+        onStartShouldSetPanResponder: () => true,
+        onMoveShouldSetPanResponder: () => true,
+        onPanResponderGrant: (e) => onVolume(volW > 0 ? clamp01(e.nativeEvent.locationX / volW) : 1),
+        onPanResponderMove: (e) => onVolume(volW > 0 ? clamp01(e.nativeEvent.locationX / volW) : 1),
+    }), [volW, onVolume]);
+    const SIZE_MIN = 10;
+    const SIZE_MAX = 34;
+    const currentSize = subtitleFontSize ?? 14;
+    const sizePct = clamp01((currentSize - SIZE_MIN) / (SIZE_MAX - SIZE_MIN));
+    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 shownPct = scrubPct ?? pct;
+    const volIcon = muted || volume === 0
+        ? "volume-mute"
+        : volume < 0.5
+            ? "volume-low"
+            : "volume-high";
+    const showSubsSection = hasSubs || !!onChangeSubtitleFontSize;
+    return (_jsxs(View, { style: [
+            styles.root,
+            StyleSheet.absoluteFill,
+            { width: width, height: height },
+        ], children: [_jsx(TouchableOpacity, { style: StyleSheet.absoluteFill, activeOpacity: 1, onPress: onToggleVisible }), buffering && (_jsx(View, { style: [StyleSheet.absoluteFill, styles.centerBadge], pointerEvents: "none", children: _jsx(ActivityIndicator, { color: "#e50914", size: "large" }) })), visible && (_jsxs(View, { style: [
+                    StyleSheet.absoluteFill,
+                    { width: "100%", height: "100%", position: "absolute" },
+                ], pointerEvents: "box-none", 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, { flex: 1 }], 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), 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, 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);
+                                                                    onSelectSubtitleTrack?.(lang);
+                                                                }, children: [_jsx(Text, { 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((subtitleFontSize ?? 14) - 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((subtitleFontSize ?? 14) + 2))), children: _jsx(Ionicons, { name: "add", size: 16, color: "#fff" }) }), _jsxs(Text, { style: styles.sliderValue, children: [currentSize, "px"] })] }))] })) : null, _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, 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);
+                                                                    onSelectResolution?.(label);
+                                                                }, children: [_jsx(Text, { style: [
+                                                                            styles.menuItemText,
+                                                                            active && styles.menuItemTextOn,
+                                                                        ], children: label }), active ? (_jsx(Ionicons, { name: "checkmark", size: 14, color: "#fff" })) : null] }, label));
+                                                        }) })] })) : null] })) : null] }), _jsx(TouchableOpacity, { onPress: onFullscreen, hitSlop: 8, children: _jsx(Ionicons, { name: "expand", size: 18, color: "#fff" }) })] })] })), _jsx(SubtitleDisplayWeb, { cue: cue, enabled: enabled, fontSize: fontSize }), 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,
+    },
+    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/playerweb/SubtitleDisplay.d.ts

@@ -0,0 +1,15 @@
+export type SubCueShapeWeb = {
+    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).
+ */
+export declare function SubtitleDisplayWeb({ cue, enabled, fontSize, }: {
+    cue: SubCueShapeWeb | null;
+    enabled: boolean;
+    fontSize: number;
+}): import("react").JSX.Element | null;

package/dist/Player/playerweb/SubtitleDisplay.js

@@ -0,0 +1,32 @@
+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).
+ */
+export function SubtitleDisplayWeb({ cue, enabled, fontSize, }) {
+    if (!enabled || !cue?.text)
+        return null;
+    return (_jsx(View, { pointerEvents: "none", style: 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,
+    },
+    text: {
+        backgroundColor: "rgba(0,0,0,0.65)",
+        color: "#fff",
+        textAlign: "center",
+        paddingHorizontal: 8,
+        paddingVertical: 3,
+        borderRadius: 4,
+        overflow: "hidden",
+    },
+});

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

@@ -0,0 +1,3 @@
+export { MegaVideoPlayerWeb, type MegaVideoPlayerWebProps } from "./MegaVideoPlayer.js";
+export { PlayerControlsWeb, type PlayerControlsWebProps } from "./PlayerControls.js";
+export { SubtitleDisplayWeb, type SubCueShapeWeb } from "./SubtitleDisplay.js";

package/dist/Player/playerweb/index.js

@@ -0,0 +1,3 @@
+export { MegaVideoPlayerWeb } from "./MegaVideoPlayer.js";
+export { PlayerControlsWeb } from "./PlayerControls.js";
+export { SubtitleDisplayWeb } from "./SubtitleDisplay.js";

package/dist/Player/web.d.ts

@@ -0,0 +1,3 @@
+export { MegaVideoPlayerWeb, type MegaVideoPlayerWebProps, } from "./playerweb/MegaVideoPlayer.js";
+export { PlayerControlsWeb, type PlayerControlsWebProps, } from "./playerweb/PlayerControls.js";
+export { SubtitleDisplayWeb, type SubCueShapeWeb, } from "./playerweb/SubtitleDisplay.js";

package/dist/Player/web.js

@@ -0,0 +1,3 @@
+export { MegaVideoPlayerWeb, } from "./playerweb/MegaVideoPlayer.js";
+export { PlayerControlsWeb, } from "./playerweb/PlayerControls.js";
+export { SubtitleDisplayWeb, } from "./playerweb/SubtitleDisplay.js";

package/dist/accounts/async-storage.d.ts

@@ -0,0 +1,10 @@
+import type { MegaAccountStore } from "./types.js";
+/** Structural subset of AsyncStorage (decoupled from its type surface). */
+type AsyncStoreLike = {
+    getItem: (key: string) => Promise<string | null>;
+    setItem: (key: string, value: string) => Promise<void>;
+    removeItem: (key: string) => Promise<void>;
+};
+/** React Native account store backed by @react-native-async-storage/async-storage. */
+export declare function createAsyncStorageStore(storage?: AsyncStoreLike): MegaAccountStore;
+export {};

package/dist/accounts/async-storage.js

@@ -0,0 +1,46 @@
+import AsyncStorage from "@react-native-async-storage/async-storage";
+const STORAGE_KEY = "mega-stream-proxy.accounts";
+/** React Native account store backed by @react-native-async-storage/async-storage. */
+export function createAsyncStorageStore(storage) {
+    const s = (storage ?? AsyncStorage);
+    const parseStored = (raw) => {
+        if (!raw)
+            return [];
+        try {
+            const arr = JSON.parse(raw);
+            if (!Array.isArray(arr))
+                return [];
+            return arr
+                .filter((v) => typeof v === "object" && v !== null)
+                .map((v) => ({
+                id: String(v.id ?? ""),
+                email: String(v.email ?? ""),
+                password: String(v.password ?? ""),
+                label: String(v.label ?? ""),
+                createdAt: Number(v.createdAt ?? 0),
+            }))
+                .sort((a, b) => b.createdAt - a.createdAt);
+        }
+        catch {
+            return [];
+        }
+    };
+    return {
+        async list() {
+            return parseStored(await s.getItem(STORAGE_KEY));
+        },
+        async save(account) {
+            const accounts = parseStored(await s.getItem(STORAGE_KEY));
+            const idx = accounts.findIndex((a) => a.id === account.id);
+            if (idx >= 0)
+                accounts[idx] = account;
+            else
+                accounts.push(account);
+            await s.setItem(STORAGE_KEY, JSON.stringify(accounts));
+        },
+        async remove(id) {
+            const accounts = parseStored(await s.getItem(STORAGE_KEY));
+            await s.setItem(STORAGE_KEY, JSON.stringify(accounts.filter((a) => a.id !== id)));
+        },
+    };
+}

package/dist/accounts/index.d.ts

@@ -0,0 +1,4 @@
+export type { MegaAccount, MegaAccountStore, MegaTreeNode, AccountTestResult, } from "./types.js";
+export { MegaAccountManager } from "./manager.js";
+export { createLocalStorageStore } from "./local-storage.js";
+export { createAsyncStorageStore } from "./async-storage.js";

package/dist/accounts/index.js

@@ -0,0 +1,3 @@
+export { MegaAccountManager } from "./manager.js";
+export { createLocalStorageStore } from "./local-storage.js";
+export { createAsyncStorageStore } from "./async-storage.js";

package/dist/accounts/local-storage.d.ts

@@ -0,0 +1,3 @@
+import type { MegaAccountStore } from "./types.js";
+/** Persists accounts in `localStorage` (web). Subscribe listens to cross-tab `storage` events. */
+export declare function createLocalStorageStore(storage?: Pick<Storage, "getItem" | "setItem" | "removeItem"> | null): MegaAccountStore;

package/dist/accounts/local-storage.js

@@ -0,0 +1,63 @@
+const STORAGE_KEY = "mega-stream-proxy.accounts";
+function parseStored(raw) {
+    if (!raw)
+        return [];
+    try {
+        const arr = JSON.parse(raw);
+        if (!Array.isArray(arr))
+            return [];
+        return arr
+            .filter((v) => typeof v === "object" && v !== null)
+            .map((v) => ({
+            id: String(v.id ?? ""),
+            email: String(v.email ?? ""),
+            password: String(v.password ?? ""),
+            label: String(v.label ?? ""),
+            createdAt: Number(v.createdAt ?? 0),
+        }));
+    }
+    catch {
+        return [];
+    }
+}
+function sortByNewest(a, b) {
+    return b.createdAt - a.createdAt;
+}
+/** Persists accounts in `localStorage` (web). Subscribe listens to cross-tab `storage` events. */
+export function createLocalStorageStore(storage = null) {
+    const ls = storage ?? (typeof localStorage !== "undefined" ? localStorage : null);
+    const key = () => (ls ? STORAGE_KEY : "__noop__");
+    const readAll = async () => ls ? parseStored(ls.getItem(key())).sort(sortByNewest) : [];
+    const writeAll = async (accounts) => {
+        if (!ls)
+            return;
+        ls.setItem(key(), JSON.stringify(accounts));
+    };
+    return {
+        list: readAll,
+        async save(account) {
+            const accounts = await readAll();
+            const idx = accounts.findIndex((a) => a.id === account.id);
+            if (idx >= 0)
+                accounts[idx] = account;
+            else
+                accounts.push(account);
+            await writeAll(accounts);
+        },
+        async remove(id) {
+            const accounts = await readAll();
+            await writeAll(accounts.filter((a) => a.id !== id));
+        },
+        subscribe(cb, subscriptionKey = STORAGE_KEY) {
+            if (typeof window === "undefined" || !ls)
+                return () => { };
+            const onStorage = (e) => {
+                if (e.key !== subscriptionKey && e.key !== null)
+                    return;
+                void readAll().then(cb);
+            };
+            window.addEventListener("storage", onStorage);
+            return () => window.removeEventListener("storage", onStorage);
+        },
+    };
+}

package/dist/accounts/manager.d.ts

@@ -0,0 +1,39 @@
+import type { AccountTestResult, MegaAccount, MegaAccountStore, MegaTreeNode } from "./types.js";
+/**
+ * Owns the MEGA accounts list (via a pluggable store) plus the live megajs
+ * `Storage` sessions used while browsing a saved account's cloud drive.
+ */
+export declare class MegaAccountManager {
+    private readonly store;
+    private sessions;
+    constructor(store: MegaAccountStore);
+    listAccounts(): Promise<MegaAccount[]>;
+    subscribe(cb: (accounts: MegaAccount[]) => void): () => void;
+    addAccount(input: {
+        email: string;
+        password: string;
+        label?: string;
+    }): Promise<MegaAccount>;
+    deleteAccount(id: string): Promise<void>;
+    private openStorage;
+    closeSession(accountId: string): void;
+    closeAll(): void;
+    /** login only — verifies credentials and counts the cloud drive. */
+    testAccount(account: {
+        id?: string;
+        email: string;
+        password: string;
+    }): Promise<AccountTestResult>;
+    /** Full Cloud-Drive tree of a saved account, root first. */
+    loadTree(account: {
+        id: string;
+        email: string;
+        password: string;
+    }): Promise<MegaTreeNode[]>;
+    /** Export a shareable link (with key) for a file inside the logged-in account. */
+    exportLink(account: {
+        id: string;
+        email: string;
+        password: string;
+    }, handle: string): Promise<string>;
+}