@streamplace/components 0.7.14 → 0.7.17

package/dist/components/mobile-player/video.native.js

@@ -1,276 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = VideoNative;
-exports.NativeVideo = NativeVideo;
-exports.NativeWHEP = NativeWHEP;
-exports.NativeIngestPlayer = NativeIngestPlayer;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const expo_video_1 = require("expo-video");
-const lucide_react_native_1 = require("lucide-react-native");
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const react_native_webrtc_1 = require("react-native-webrtc");
-const __1 = require("../..");
-const atoms_1 = require("../../lib/theme/atoms");
-const shared_1 = require("./shared");
-const use_webrtc_1 = tslib_1.__importStar(require("./use-webrtc"));
-const webrtc_primitives_native_1 = require("./webrtc-primitives.native");
-// Add NativeIngestPlayer to the switch below!
-function VideoNative() {
-    const protocol = (0, __1.usePlayerStore)((x) => x.protocol);
-    const ingest = (0, __1.usePlayerStore)((x) => x.ingestConnectionState) != null;
-    return ((0, jsx_runtime_1.jsx)(__1.View, { children: ingest ? ((0, jsx_runtime_1.jsx)(NativeIngestPlayer, {})) : protocol === __1.PlayerProtocol.WEBRTC ? ((0, jsx_runtime_1.jsx)(NativeWHEP, {})) : ((0, jsx_runtime_1.jsx)(NativeVideo, {})) }));
-}
-function NativeVideo() {
-    const videoRef = (0, react_1.useRef)(null);
-    const protocol = (0, __1.usePlayerStore)((x) => x.protocol);
-    const selectedRendition = (0, __1.usePlayerStore)((x) => x.selectedRendition);
-    const src = (0, __1.usePlayerStore)((x) => x.src);
-    const { url } = (0, shared_1.srcToUrl)({ src: src, selectedRendition }, protocol);
-    const setStatus = (0, __1.usePlayerStore)((x) => x.setStatus);
-    const muted = (0, __1.usePlayerStore)((x) => x.muted);
-    const volume = (0, __1.usePlayerStore)((x) => x.volume);
-    const setFullscreen = (0, __1.usePlayerStore)((x) => x.setFullscreen);
-    const fullscreen = (0, __1.usePlayerStore)((x) => x.fullscreen);
-    const playerEvent = (0, __1.usePlayerStore)((x) => x.playerEvent);
-    const spurl = (0, __1.useStreamplaceStore)((x) => x.url);
-    const setPlayerWidth = (0, __1.usePlayerStore)((x) => x.setPlayerWidth);
-    const setPlayerHeight = (0, __1.usePlayerStore)((x) => x.setPlayerHeight);
-    // State for live dimensions
-    const [dimensions, setDimensions] = (0, react_1.useState)({ width: 0, height: 0 });
-    const handleLayout = (0, react_1.useCallback)((event) => {
-        const { width, height } = event.nativeEvent.layout;
-        setDimensions({ width, height });
-        setPlayerWidth(width);
-        setPlayerHeight(height);
-    }, []);
-    (0, react_1.useEffect)(() => {
-        return () => {
-            setStatus(__1.PlayerStatus.START);
-        };
-    }, [setStatus]);
-    const player = (0, expo_video_1.useVideoPlayer)(url, (player) => {
-        player.addListener("playingChange", (newIsPlaying) => {
-            console.log("playingChange", newIsPlaying);
-            if (newIsPlaying) {
-                setStatus(__1.PlayerStatus.PLAYING);
-            }
-            else {
-                setStatus(__1.PlayerStatus.WAITING);
-            }
-        });
-        player.loop = true;
-        player.muted = muted;
-        player.play();
-    });
-    (0, react_1.useEffect)(() => {
-        player.muted = muted;
-    }, [muted, player]);
-    (0, react_1.useEffect)(() => {
-        player.volume = volume;
-    }, [volume, player]);
-    (0, react_1.useEffect)(() => {
-        const subs = [
-            "playToEnd",
-            "playbackRateChange",
-            "playingChange",
-            "sourceChange",
-            "statusChange",
-            "volumeChange",
-        ].map((evType) => {
-            return player.addListener(evType, (...args) => {
-                const now = new Date();
-                console.log("video native event", evType);
-                playerEvent(spurl, now.toISOString(), evType, { args: args });
-            });
-        });
-        subs.push(player.addListener("playingChange", (newIsPlaying) => {
-            console.log("playingChange", newIsPlaying);
-            if (newIsPlaying) {
-                setStatus(__1.PlayerStatus.PLAYING);
-            }
-            else {
-                setStatus(__1.PlayerStatus.WAITING);
-            }
-        }));
-        return () => {
-            for (const sub of subs) {
-                sub.remove();
-            }
-        };
-    }, [player, playerEvent, setStatus, spurl]);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(expo_video_1.VideoView, { ref: videoRef, player: player, allowsFullscreen: true, nativeControls: fullscreen, onFullscreenEnter: () => {
-                setFullscreen(true);
-            }, onFullscreenExit: () => {
-                setFullscreen(false);
-            }, allowsPictureInPicture: true, onLayout: handleLayout }) }));
-}
-function NativeWHEP() {
-    const selectedRendition = (0, __1.usePlayerStore)((x) => x.selectedRendition);
-    const src = (0, __1.usePlayerStore)((x) => x.src);
-    const { url } = (0, shared_1.srcToUrl)({ src: src, selectedRendition }, __1.PlayerProtocol.WEBRTC);
-    const [stream, stuck] = (0, use_webrtc_1.default)(url);
-    const status = (0, __1.usePlayerStore)((x) => x.status);
-    const setPlayerWidth = (0, __1.usePlayerStore)((x) => x.setPlayerWidth);
-    const setPlayerHeight = (0, __1.usePlayerStore)((x) => x.setPlayerHeight);
-    // PiP support: wire up videoRef (no direct ref for RTCView)
-    const setVideoRef = (0, __1.usePlayerStore)((x) => x.setVideoRef);
-    // State for live dimensions
-    const [dimensions, setDimensions] = (0, react_1.useState)({ width: 0, height: 0 });
-    const handleLayout = (0, react_1.useCallback)((event) => {
-        const { width, height } = event.nativeEvent.layout;
-        setDimensions({ width, height });
-        setPlayerWidth(width);
-        setPlayerHeight(height);
-    }, []);
-    const setStatus = (0, __1.usePlayerStore)((x) => x.setStatus);
-    const muted = (0, __1.usePlayerStore)((x) => x.muted);
-    const volume = (0, __1.usePlayerStore)((x) => x.volume);
-    (0, react_1.useEffect)(() => {
-        if (stuck && status === __1.PlayerStatus.PLAYING) {
-            console.log("setting status to stalled", status);
-            setStatus(__1.PlayerStatus.STALLED);
-        }
-        if (!stuck && status === __1.PlayerStatus.STALLED) {
-            console.log("setting status to playing", status);
-            setStatus(__1.PlayerStatus.PLAYING);
-        }
-    }, [stuck, status]);
-    const mediaStream = stream;
-    // useEffect(() => {
-    //   if (!mediaStream) {
-    //     setStatus(PlayerStatus.WAITING);
-    //     return;
-    //   }
-    //   setStatus(PlayerStatus.PLAYING);
-    // }, [mediaStream, setStatus]);
-    (0, react_1.useEffect)(() => {
-        if (!mediaStream) {
-            return;
-        }
-        mediaStream.getTracks().forEach((track) => {
-            if (track.kind === "audio") {
-                track._setVolume(muted ? 0 : volume);
-            }
-        });
-    }, [mediaStream, muted, volume]);
-    // Keep the playerStore videoRef in sync for PiP (if possible)
-    (0, react_1.useEffect)(() => {
-        if (typeof setVideoRef === "function") {
-            setVideoRef(null); // No direct ref for RTCView, but keep API consistent
-        }
-    }, [setVideoRef]);
-    if (!mediaStream) {
-        return (0, jsx_runtime_1.jsx)(__1.View, {});
-    }
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_native_webrtc_1.RTCView, { mirror: false, objectFit: "contain", streamURL: mediaStream.toURL(), onLayout: handleLayout, pictureInPictureEnabled: true, autoStartPictureInPicture: true, pictureInPicturePreferredSize: {
-                width: 160,
-                height: 90,
-            }, style: {
-                minWidth: "100%",
-                minHeight: "100%",
-                flex: 1,
-            } }) }));
-}
-function NativeIngestPlayer() {
-    const ingestStarting = (0, __1.usePlayerStore)((x) => x.ingestStarting);
-    const ingestMediaSource = (0, __1.usePlayerStore)((x) => x.ingestMediaSource);
-    const ingestAutoStart = (0, __1.usePlayerStore)((x) => x.ingestAutoStart);
-    const setStatus = (0, __1.usePlayerStore)((x) => x.setStatus);
-    const setVideoRef = (0, __1.usePlayerStore)((x) => x.setVideoRef);
-    const [error, setError] = (0, react_1.useState)(null);
-    const ingestCamera = (0, __1.usePlayerStore)((x) => x.ingestCamera);
-    (0, react_1.useEffect)(() => {
-        setStatus(__1.PlayerStatus.PLAYING);
-    }, [setStatus]);
-    (0, react_1.useEffect)(() => {
-        if (typeof setVideoRef === "function") {
-            setVideoRef(null);
-        }
-    }, [setVideoRef]);
-    const url = (0, __1.useStreamplaceStore)((x) => x.url);
-    const [lms, setLocalMediaStream] = (0, react_1.useState)(null);
-    const [, setRemoteMediaStream] = (0, use_webrtc_1.useWebRTCIngest)({
-        endpoint: `${url}/api/ingest/webrtc`,
-    });
-    // Use lms directly as localMediaStream
-    const localMediaStream = lms;
-    (0, react_1.useEffect)(() => {
-        if (ingestMediaSource === __1.IngestMediaSource.DISPLAY) {
-            webrtc_primitives_native_1.mediaDevices
-                .getDisplayMedia()
-                .then((stream) => {
-                console.log("display media", stream);
-                setLocalMediaStream(stream);
-            })
-                .catch((e) => {
-                console.log("error getting display media", e);
-                console.error("error getting display media", e);
-            });
-        }
-        else {
-            webrtc_primitives_native_1.mediaDevices
-                .getUserMedia({
-                audio: {
-                // deviceId: "audio-1",
-                // echoCancellation: true,
-                // autoGainControl: true,
-                // noiseSuppression: true,
-                // latency: false,
-                // channelCount: false,
-                },
-                video: {
-                    facingMode: ingestCamera,
-                    width: { min: 200, ideal: 1080, max: 2160 },
-                    height: { min: 200, ideal: 1920, max: 3840 },
-                },
-            })
-                .then((stream) => {
-                setLocalMediaStream(stream);
-                let errs = [];
-                if (stream.getAudioTracks().length === 0) {
-                    console.warn("No audio tracks found in user media stream");
-                    errs.push("microphone");
-                }
-                if (stream.getVideoTracks().length === 0) {
-                    console.warn("No video tracks found in user media stream");
-                    errs.push("camera");
-                }
-                if (errs.length > 0) {
-                    setError(new Error(`We could not access your ${errs.join(" and ")}. To stream, you need to give us permission to access these.`));
-                }
-                else {
-                    setError(null);
-                }
-            })
-                .catch((e) => {
-                console.error("error getting user media", e);
-                setError(new Error("We could not access your camera or microphone. To stream, you need to give us permission to access these."));
-            });
-        }
-    }, [ingestMediaSource, ingestCamera]);
-    (0, react_1.useEffect)(() => {
-        if (!ingestStarting && !ingestAutoStart) {
-            setRemoteMediaStream(null);
-            return;
-        }
-        if (!localMediaStream) {
-            return;
-        }
-        console.log("setting remote media stream", localMediaStream);
-        // @ts-expect-error: WebRTCMediaStream may not have all MediaStream properties, but is compatible for our use
-        setRemoteMediaStream(localMediaStream);
-    }, [localMediaStream, ingestStarting, ingestAutoStart, setRemoteMediaStream]);
-    if (!localMediaStream) {
-        return null;
-    }
-    if (error) {
-        return ((0, jsx_runtime_1.jsxs)(__1.View, { backgroundColor: atoms_1.colors.destructive[900], style: [atoms_1.p[4], atoms_1.m[4], atoms_1.gap.all[2], { borderRadius: atoms_1.borderRadius.md }], children: [(0, jsx_runtime_1.jsx)(__1.View, { children: (0, jsx_runtime_1.jsx)(__1.Text, { style: [atoms_1.fontWeight.semibold], size: "2xl", children: "Error encountered!" }) }), (0, jsx_runtime_1.jsx)(__1.Text, { children: error.message }), error.message.includes("To stream, you need to give us permission to access these.") && ((0, jsx_runtime_1.jsx)(__1.Button, { onPress: react_native_1.Linking.openSettings, style: [atoms_1.h[10]], variant: "secondary", children: (0, jsx_runtime_1.jsxs)(__1.View, { style: [atoms_1.layout.flex.row, atoms_1.gap.all[1]], children: [(0, jsx_runtime_1.jsx)(__1.Text, { children: "Open Settings" }), " ", (0, jsx_runtime_1.jsx)(lucide_react_native_1.ArrowRight, { color: "white", size: "18" })] }) }))] }));
-    }
-    return ((0, jsx_runtime_1.jsx)(react_native_webrtc_1.RTCView, { mirror: ingestCamera !== "environment", objectFit: "contain", streamURL: localMediaStream.toURL(), zOrder: 0, style: {
-            minWidth: "100%",
-            minHeight: "100%",
-            flex: 1,
-        } }));
-}

package/dist/components/mobile-player/webrtc-diagnostics.js

@@ -1,110 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useWebRTCDiagnostics = useWebRTCDiagnostics;
-exports.logWebRTCDiagnostics = logWebRTCDiagnostics;
-const react_1 = require("react");
-function useWebRTCDiagnostics() {
-    const [diagnostics, setDiagnostics] = (0, react_1.useState)({
-        done: false,
-        browserSupport: false,
-        rtcPeerConnection: false,
-        rtcSessionDescription: false,
-        getUserMedia: false,
-        getDisplayMedia: false,
-        errors: [],
-        warnings: [],
-    });
-    (0, react_1.useEffect)(() => {
-        const errors = [];
-        const warnings = [];
-        // Check if we're in a browser environment
-        if (typeof window === "undefined") {
-            errors.push("Running in non-browser environment");
-            setDiagnostics({
-                done: false,
-                browserSupport: false,
-                rtcPeerConnection: false,
-                rtcSessionDescription: false,
-                getUserMedia: false,
-                getDisplayMedia: false,
-                errors,
-                warnings,
-            });
-            return;
-        }
-        // Check RTCPeerConnection support
-        const rtcPeerConnection = !!(window.RTCPeerConnection ||
-            window.webkitRTCPeerConnection ||
-            window.mozRTCPeerConnection);
-        if (!rtcPeerConnection) {
-            errors.push("RTCPeerConnection is not supported");
-        }
-        // Check RTCSessionDescription support
-        const rtcSessionDescription = !!(window.RTCSessionDescription ||
-            window.webkitRTCSessionDescription ||
-            window.mozRTCSessionDescription);
-        if (!rtcSessionDescription) {
-            errors.push("RTCSessionDescription is not supported");
-        }
-        // Check getUserMedia support
-        const getUserMedia = !!(navigator.mediaDevices?.getUserMedia ||
-            navigator.getUserMedia ||
-            navigator.webkitGetUserMedia ||
-            navigator.mozGetUserMedia);
-        if (!getUserMedia) {
-            warnings.push("getUserMedia is not supported - webcam features unavailable");
-        }
-        // Check getDisplayMedia support
-        const getDisplayMedia = !!navigator.mediaDevices?.getDisplayMedia;
-        if (!getDisplayMedia) {
-            warnings.push("getDisplayMedia is not supported - screen sharing unavailable");
-        }
-        // Check if running over HTTPS (required for some WebRTC features)
-        if (location.protocol !== "https:" &&
-            location.hostname !== "localhost" &&
-            location.hostname !== "127.0.0.1") {
-            warnings.push("WebRTC features may be limited over HTTP connections");
-        }
-        // Check browser-specific issues
-        const userAgent = navigator.userAgent.toLowerCase();
-        if (userAgent.includes("safari") && !userAgent.includes("chrome")) {
-            warnings.push("Safari may have limited WebRTC codec support");
-        }
-        const browserSupport = rtcPeerConnection && rtcSessionDescription;
-        setDiagnostics({
-            done: true,
-            browserSupport,
-            rtcPeerConnection,
-            rtcSessionDescription,
-            getUserMedia,
-            getDisplayMedia,
-            errors,
-            warnings,
-        });
-    }, []);
-    return diagnostics;
-}
-function logWebRTCDiagnostics() {
-    console.group("WebRTC Diagnostics");
-    // Log browser support
-    console.log("RTCPeerConnection:", !!window.RTCPeerConnection);
-    console.log("RTCSessionDescription:", !!window.RTCSessionDescription);
-    console.log("getUserMedia:", !!navigator.mediaDevices?.getUserMedia);
-    console.log("getDisplayMedia:", !!navigator.mediaDevices?.getDisplayMedia);
-    // Log browser info
-    console.log("User Agent:", navigator.userAgent);
-    console.log("Protocol:", location.protocol);
-    console.log("Host:", location.hostname);
-    // Test basic WebRTC functionality
-    if (window.RTCPeerConnection) {
-        try {
-            const pc = new RTCPeerConnection();
-            console.log("RTCPeerConnection creation: ✓ Success");
-            pc.close();
-        }
-        catch (error) {
-            console.error("RTCPeerConnection creation: ✗ Failed", error);
-        }
-    }
-    console.groupEnd();
-}

package/dist/components/mobile-player/webrtc-primitives.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkWebRTCSupport = exports.mediaDevices = exports.WebRTCMediaStream = exports.RTCSessionDescription = exports.RTCPeerConnection = void 0;
-// Browser compatibility checks for WebRTC
-const checkWebRTCSupport = () => {
-    if (typeof window === "undefined") {
-        throw new Error("WebRTC is not available in non-browser environments");
-    }
-    if (!window.RTCPeerConnection) {
-        throw new Error("RTCPeerConnection is not supported in this browser. Please use a modern browser that supports WebRTC.");
-    }
-    if (!window.RTCSessionDescription) {
-        throw new Error("RTCSessionDescription is not supported in this browser. Please use a modern browser that supports WebRTC.");
-    }
-};
-exports.checkWebRTCSupport = checkWebRTCSupport;
-// Check support immediately
-try {
-    checkWebRTCSupport();
-}
-catch (error) {
-    console.error("WebRTC Compatibility Error:", error.message);
-}
-exports.RTCPeerConnection = window.RTCPeerConnection;
-exports.RTCSessionDescription = window.RTCSessionDescription;
-exports.WebRTCMediaStream = window.MediaStream;
-exports.mediaDevices = navigator.mediaDevices;

package/dist/components/mobile-player/webrtc-primitives.native.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mediaDevices = exports.WebRTCMediaStream = exports.RTCSessionDescription = exports.RTCPeerConnection = void 0;
-var react_native_webrtc_1 = require("react-native-webrtc");
-Object.defineProperty(exports, "RTCPeerConnection", { enumerable: true, get: function () { return react_native_webrtc_1.RTCPeerConnection; } });
-Object.defineProperty(exports, "RTCSessionDescription", { enumerable: true, get: function () { return react_native_webrtc_1.RTCSessionDescription; } });
-Object.defineProperty(exports, "WebRTCMediaStream", { enumerable: true, get: function () { return react_native_webrtc_1.MediaStream; } });
-Object.defineProperty(exports, "mediaDevices", { enumerable: true, get: function () { return react_native_webrtc_1.mediaDevices; } });

package/dist/components/share/sharesheet.js

@@ -1,91 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShareSheet = ShareSheet;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lucide_react_native_1 = require("lucide-react-native");
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const theme_1 = require("../../lib/theme");
-const livestream_store_1 = require("../../livestream-store");
-const streamplace_store_1 = require("../../streamplace-store");
-const bluesky_icon_1 = require("../icons/bluesky-icon");
-const ui_1 = require("../ui");
-function ShareSheet({ onShare } = {}) {
-    const profile = (0, livestream_store_1.useLivestreamStore)((x) => x.profile);
-    const [isCopying, setIsCopying] = (0, react_1.useState)(false);
-    const url = (0, streamplace_store_1.useUrl)();
-    // Get the current stream URL
-    const getStreamUrl = (0, react_1.useCallback)(() => {
-        return url + (profile ? `/@${profile.handle}` : "");
-    }, [profile]);
-    // Get the embed URL
-    const getEmbedUrl = (0, react_1.useCallback)(() => {
-        return url + (profile ? `/embed/${profile.handle}` : "");
-    }, [profile]);
-    // Get embed code
-    const getEmbedCode = (0, react_1.useCallback)(() => {
-        const embedUrl = getEmbedUrl();
-        return `<iframe src="${embedUrl}" width="640" height="360" frameborder="0" allowfullscreen></iframe>`;
-    }, [getEmbedUrl]);
-    // Copy to clipboard handler
-    const copyToClipboard = (0, react_1.useCallback)(async (text, label) => {
-        setIsCopying(true);
-        try {
-            if (react_native_1.Platform.OS === "web") {
-                await navigator.clipboard.writeText(text);
-            }
-            else {
-                react_native_1.Clipboard.setString(text);
-            }
-            onShare?.(`copy_${label.toLowerCase().replace(/\s+/g, "_")}`, true);
-        }
-        catch (error) {
-            onShare?.(`copy_${label.toLowerCase().replace(/\s+/g, "_")}`, false);
-        }
-        finally {
-            setIsCopying(false);
-        }
-    }, [onShare]);
-    // Share to Bluesky
-    const shareToBluesky = (0, react_1.useCallback)(() => {
-        const streamUrl = getStreamUrl();
-        const text = profile
-            ? `Check out @${profile.handle} live on Streamplace! ${streamUrl}`
-            : `Check out this stream on Streamplace! ${streamUrl}`;
-        const blueskyUrl = `https://bsky.app/intent/compose?text=${encodeURIComponent(text)}`;
-        react_native_1.Linking.openURL(blueskyUrl);
-        onShare?.("share_bluesky", true);
-    }, [profile, getStreamUrl, onShare]);
-    // Share to Twitter/X
-    const shareToTwitter = (0, react_1.useCallback)(() => {
-        const streamUrl = getStreamUrl();
-        const text = profile
-            ? `Check out @${profile.handle} live on Streamplace!`
-            : `Check out this stream on Streamplace!`;
-        const twitterUrl = `https://twitter.com/intent/tweet?text=${encodeURIComponent(text)}&url=${encodeURIComponent(streamUrl)}`;
-        react_native_1.Linking.openURL(twitterUrl);
-        onShare?.("share_twitter", true);
-    }, [profile, getStreamUrl, onShare]);
-    // Native share (mobile)
-    const nativeShare = (0, react_1.useCallback)(async () => {
-        const streamUrl = getStreamUrl();
-        const text = profile
-            ? `Check out @${profile.handle} live on Streamplace!`
-            : `Check out this stream on Streamplace!`;
-        if (react_native_1.Platform.OS === "web" && navigator.share) {
-            try {
-                await navigator.share({
-                    title: "Streamplace",
-                    text: text,
-                    url: streamUrl,
-                });
-                onShare?.("share_native", true);
-            }
-            catch (error) {
-                // User cancelled or error occurred
-                onShare?.("share_native", false);
-            }
-        }
-    }, [profile, getStreamUrl, onShare]);
-    return ((0, jsx_runtime_1.jsxs)(ui_1.DropdownMenu, { children: [(0, jsx_runtime_1.jsx)(ui_1.DropdownMenuTrigger, { children: (0, jsx_runtime_1.jsx)(lucide_react_native_1.Share2, { color: theme_1.colors.gray[200] }) }), (0, jsx_runtime_1.jsxs)(ui_1.ResponsiveDropdownMenuContent, { children: [(0, jsx_runtime_1.jsxs)(ui_1.DropdownMenuGroup, { title: "Share", children: [(0, jsx_runtime_1.jsx)(ui_1.DropdownMenuItem, { onPress: shareToBluesky, closeOnPress: true, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flexDirection: "row", alignItems: "center", gap: 12 }, children: [(0, jsx_runtime_1.jsx)(bluesky_icon_1.BlueskyIcon, { size: 20, color: theme_1.colors.gray[400] }), (0, jsx_runtime_1.jsx)(ui_1.Text, { children: "Share to Bluesky" })] }) }), react_native_1.Platform.OS !== "web" || (navigator && navigator.share) ? ((0, jsx_runtime_1.jsx)(ui_1.DropdownMenuItem, { onPress: nativeShare, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flexDirection: "row", alignItems: "center", gap: 12 }, children: [(0, jsx_runtime_1.jsx)(lucide_react_native_1.Share2, { size: 20, color: theme_1.colors.gray[400] }), (0, jsx_runtime_1.jsx)(ui_1.Text, { children: "More Options..." })] }) })) : null] }), (0, jsx_runtime_1.jsxs)(ui_1.DropdownMenuGroup, { title: "Copy", children: [(0, jsx_runtime_1.jsx)(ui_1.DropdownMenuItem, { onPress: () => copyToClipboard(getStreamUrl(), "Stream link"), disabled: isCopying, closeOnPress: true, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flexDirection: "row", alignItems: "center", gap: 12 }, children: [(0, jsx_runtime_1.jsx)(lucide_react_native_1.Link2, { size: 20, color: theme_1.colors.gray[400] }), (0, jsx_runtime_1.jsx)(ui_1.Text, { children: "Copy Link" })] }) }), (0, jsx_runtime_1.jsx)(ui_1.DropdownMenuSeparator, {}), (0, jsx_runtime_1.jsx)(ui_1.DropdownMenuItem, { onPress: () => copyToClipboard(getEmbedCode(), "Embed code"), disabled: isCopying, closeOnPress: true, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flexDirection: "row", alignItems: "center", gap: 12 }, children: [(0, jsx_runtime_1.jsx)(lucide_react_native_1.Code, { size: 20, color: theme_1.colors.gray[400] }), (0, jsx_runtime_1.jsx)(ui_1.Text, { children: "Copy Embed Code" })] }) }), (0, jsx_runtime_1.jsx)(ui_1.DropdownMenuSeparator, {}), (0, jsx_runtime_1.jsx)(ui_1.DropdownMenuItem, { closeOnPress: true, onPress: () => copyToClipboard(getEmbedUrl(), "Embed URL"), disabled: isCopying, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { flexDirection: "row", alignItems: "center", gap: 12 }, children: [(0, jsx_runtime_1.jsx)(lucide_react_native_1.Copy, { size: 20, color: theme_1.colors.gray[400] }), (0, jsx_runtime_1.jsx)(ui_1.Text, { children: "Copy Embed URL" })] }) })] })] })] }));
-}