add copy magnet link option to stream

src/routes/MetaDetails/StreamsList/Stream/Stream.js

@@ -93,6 +93,10 @@ const Stream = ({ className, videoId, videoReleased, addonName, name, descriptio
         return deepLinks?.externalPlayer?.download;
     }, [deepLinks]);
 
+    const magnetLink = React.useMemo(() => {
+        return deepLinks?.externalPlayer?.magnet;
+    }, [deepLinks]);
+
     const markVideoAsWatched = React.useCallback(() => {
         if (typeof videoId === 'string') {
             core.transport.dispatch({
@@ -106,6 +110,10 @@ const Stream = ({ className, videoId, videoReleased, addonName, name, descriptio
     }, [videoId, videoReleased]);
 
     const onClick = React.useCallback((event) => {
+        if (event.nativeEvent.togglePopupPrevented) {
+            return;
+        }
+
         if (profile.settings.playerType !== null) {
             markVideoAsWatched();
             toast.show({
@@ -120,6 +128,28 @@ const Stream = ({ className, videoId, videoReleased, addonName, name, descriptio
         }
     }, [props.onClick, profile.settings, markVideoAsWatched]);
 
+    const copyMagnetLink = React.useCallback((event) => {
+        event.preventDefault();
+        closeMenu();
+        if (magnetLink) {
+            navigator.clipboard.writeText(magnetLink)
+                .then(() => {
+                    toast.show({
+                        type: 'success',
+                        title: t('PLAYER_COPY_MAGNET_LINK_SUCCESS'),
+                        timeout: 4000
+                    });
+                })
+                .catch(() => {
+                    toast.show({
+                        type: 'error',
+                        title: t('PLAYER_COPY_MAGNET_LINK_ERROR'),
+                        timeout: 4000,
+                    });
+                });
+        }
+    }, [magnetLink]);
+
     const copyDownloadLink = React.useCallback((event) => {
         event.preventDefault();
         closeMenu();
@@ -221,6 +251,13 @@ const Stream = ({ className, videoId, videoReleased, addonName, name, descriptio
                             <div className={styles['context-menu-option-label']}>{t('CTX_COPY_STREAM_LINK')}</div>
                         </Button>
                 }
+                {
+                    magnetLink &&
+                        <Button className={styles['context-menu-option-container']} title={t('CTX_COPY_MAGNET_LINK')} onClick={copyMagnetLink}>
+                            <Icon className={styles['menu-icon']} name={'magnet-link'} />
+                            <div className={styles['context-menu-option-label']}>{t('CTX_COPY_MAGNET_LINK')}</div>
+                        </Button>
+                }
                 {
                     downloadLink &&
                         <Button className={styles['context-menu-option-container']} title={t('CTX_DOWNLOAD_VIDEO')} onClick={copyDownloadLink}>
@@ -267,6 +304,7 @@ Stream.propTypes = {
         player: PropTypes.string,
         externalPlayer: PropTypes.shape({
             download: PropTypes.string,
+            magnet: PropTypes.string,
             streaming: PropTypes.string,
             playlist: PropTypes.string,
             fileName: PropTypes.string,

src/routes/Player/OptionsMenu/OptionsMenu.js

@@ -14,13 +14,17 @@ const OptionsMenu = ({ className, stream, playbackDevices, extraSubtitlesTracks,
     const { core } = useServices();
     const platform = usePlatform();
     const toast = useToast();
-    const [streamingUrl, downloadUrl] = React.useMemo(() => {
+    const [streamingUrl, downloadUrl, magnetUrl] = React.useMemo(() => {
         return stream !== null ?
             stream.deepLinks &&
             stream.deepLinks.externalPlayer &&
-            [stream.deepLinks.externalPlayer.streaming, stream.deepLinks.externalPlayer.download]
+            [
+                stream.deepLinks.externalPlayer.streaming,
+                stream.deepLinks.externalPlayer.download,
+                stream.deepLinks.externalPlayer.magnet,
+            ]
             :
-            [null, null];
+            [null, null, null];
     }, [stream]);
     const externalDevices = React.useMemo(() => {
         return playbackDevices.filter(({ type }) => type === 'external');
@@ -53,11 +57,33 @@ const OptionsMenu = ({ className, stream, playbackDevices, extraSubtitlesTracks,
                 });
         }
     }, [streamingUrl, downloadUrl]);
-    const onDownloadVideoButtonClick = React.useCallback(() => {
+    const onCopyMagnetButtonClick = React.useCallback(() => {
-        if (downloadUrl || streamingUrl ) {
+        if (magnetUrl) {
-            platform.openExternal(downloadUrl || streamingUrl);
+            navigator.clipboard.writeText(magnetUrl)
+                .then(() => {
+                    toast.show({
+                        type: 'success',
+                        title: 'Copied',
+                        message: t('PLAYER_COPY_MAGNET_LINK_SUCCESS'),
+                        timeout: 3000
+                    });
+                })
+                .catch((e) => {
+                    console.error(e);
+                    toast.show({
+                        type: 'error',
+                        title: t('Error'),
+                        message: `${t('PLAYER_COPY_MAGNET_LINK_ERROR')}: ${magnetUrl}`,
+                        timeout: 3000
+                    });
+                });
         }
-    }, [streamingUrl, downloadUrl]);
+    }, [magnetUrl]);
+    const onDownloadVideoButtonClick = React.useCallback(() => {
+        if (downloadUrl) {
+            platform.openExternal(downloadUrl);
+        }
+    }, [downloadUrl]);
 
     const onDownloadSubtitlesClick = React.useCallback(() => {
         subtitlesTrackUrl && platform.openExternal(subtitlesTrackUrl);
@@ -95,7 +121,18 @@ const OptionsMenu = ({ className, stream, playbackDevices, extraSubtitlesTracks,
                     null
             }
             {
-                streamingUrl || downloadUrl ?
+                magnetUrl ?
+                    <Option
+                        icon={'magnet-link'}
+                        label={t('CTX_COPY_MAGNET_LINK')}
+                        disabled={stream === null}
+                        onClick={onCopyMagnetButtonClick}
+                    />
+                    :
+                    null
+            }
+            {
+                downloadUrl ?
                     <Option
                         icon={'download'}
                         label={t('CTX_DOWNLOAD_VIDEO')}