Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-05-10 15:30:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

add copy magnet link option to stream

Browse source
This commit is contained in:
Timothy Z. 2026-03-04 21:14:03 +02:00
parent 6f0e7aa290
commit eef3cef1d4
2 changed files with 83 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
src/routes/MetaDetails/StreamsList/Stream/Stream.js
View file

@ -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,

53
src/routes/Player/OptionsMenu/OptionsMenu.js
View file

@ -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(() => {
if (downloadUrl || streamingUrl ) {
platform.openExternal(downloadUrl || streamingUrl);
const onCopyMagnetButtonClick = React.useCallback(() => {
if (magnetUrl) {
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')}